{"title":"Superaliments","description":"\u003ch2\u003eRedécouvrez les superaliments, ces petits concentrés de vitalité naturelle\u003c\/h2\u003e\n\u003cp\u003eOn les appelle \u003cstrong\u003esuperaliments\u003c\/strong\u003e parce qu’ils concentrent tout ce que la nature a de plus précieux : vitamines, minéraux, antioxydants et acides aminés. En un mot, ils boostent votre vitalité sans artifices. Spiruline, maca, açaï, chlorella, goji ou moringa… chacun a sa personnalité et ses bienfaits uniques.\u003c\/p\u003e\n\u003cp\u003eQue vous cherchiez à renforcer votre énergie, soutenir vos défenses naturelles ou simplement équilibrer votre alimentation, les superaliments sont une façon simple et délicieuse d’y parvenir. Une cuillère de spiruline française dans un smoothie, un \u003ca title=\"Golden latte bio\" href=\"\/products\/morning-latte-magic-golden-bio-maca-curcuma-gingembre-125-g-numorning\"\u003egolden latte bio\u003c\/a\u003e\u003ca href=\"\/products\/morning-latte-magic-golden-bio-maca-curcuma-gingembre-125-g-numorning\"\u003e\u003c\/a\u003e au petit-déjeuner, ou un \u003ca href=\"\/products\/vinaigre-de-cidre-bio-500ml-archie\"\u003etrait de vinaigre de cidre Archie\u003c\/a\u003e avant le repas : de petits gestes, mais de grands effets.\u003c\/p\u003e\n\u003cp\u003eChez \u003cstrong\u003eNaturellement Bio\u003c\/strong\u003e, nous croyons à une approche simple et bienveillante du bien-être : consommer mieux, sans se compliquer la vie. C’est pourquoi nous avons réuni ici des superaliments bio et équitables, sélectionnés pour leur qualité et leur naturalité. Prenez quelques minutes pour les découvrir : vous verrez qu’ils peuvent vite devenir vos meilleurs alliés au quotidien.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes bienfaits des superaliments sur votre santé\u003c\/h2\u003e\n\u003cp\u003eLes superaliments ne sont pas une mode passagère : ils font partie de ces trésors de la nature capables de rééquilibrer l’organisme tout en soutenant ses fonctions essentielles. Leur richesse exceptionnelle en nutriments, antioxydants et acides aminés en fait de véritables alliés du bien-être global.\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e🌿 \u003cstrong\u003eÉnergie \u0026amp; Vitalité :\u003c\/strong\u003e la \u003ca title=\"Compléments alimentaires à la Maca\" href=\"https:\/\/www.naturellement-bio.com\/collections\/maca\"\u003emaca bio\u003c\/a\u003e et le guarana stimulent naturellement sans provoquer de coup de fatigue. Idéal pour les périodes intenses ou le sport.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🧠 \u003cstrong\u003eConcentration \u0026amp; Sérénité :\u003c\/strong\u003e grâce au Moon Milk Bio nüMorning à base de reishi et d’ashwagandha, vous retrouvez calme et équilibre émotionnel.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e💪 \u003cstrong\u003eDéfenses naturelles renforcées :\u003c\/strong\u003e la \u003ca href=\"\/products\/acai-en-poudre-bio-origine-bresil-70-g-iswari\"\u003epoudre d’açaï\u003c\/a\u003e et la \u003ca href=\"\/products\/acerola-poudre-pure-a-100-vit-c-17-bio-50-g-sol-semilla\"\u003evitamine C naturelle de l’acérola\u003c\/a\u003e participent à la protection immunitaire quotidienne.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🌸 \u003cstrong\u003eBeauté \u0026amp; Peau éclatante :\u003c\/strong\u003e la urucum bio, riche en bêta-carotène, prépare la peau au soleil et lui redonne de l’éclat.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🍃 \u003cstrong\u003eDétox \u0026amp; Digestion :\u003c\/strong\u003e la chlorella et la klamath bio favorisent l’élimination des métaux lourds et soutiennent le foie naturellement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCes superaliments agissent souvent en synergie : par exemple, la \u003ca href=\"\/products\/spiruline-bio-paillettes-france-90g-etika-spirulina\"\u003espiruline française\u003c\/a\u003e complète parfaitement l’action tonifiante du guarana, tandis que l’acérola potentialise l’effet antioxydant de la chlorella. Combinés à une alimentation variée, ils contribuent à renforcer vos défenses, votre vitalité et votre équilibre général, jour après jour.\u003c\/p\u003e\n\u003cp\u003eEt parce qu’ils sont 100 % naturels et issus de cultures biologiques, les superaliments proposés sur \u003cstrong\u003eNaturellement Bio\u003c\/strong\u003e respectent votre organisme autant que la planète. Une façon simple et saine de remettre la nature au cœur de votre assiette.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuel superaliment choisir selon vos besoins ?\u003c\/h2\u003e\n\u003cp\u003eChaque superaliment a sa spécialité. Certains donnent un vrai coup de fouet à votre énergie, d’autres apaisent le mental ou soutiennent la digestion. Pour vous aider à y voir clair, voici un comparatif simple qui vous guide selon vos priorités du moment.\u003c\/p\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; margin-top: 1rem;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background: #f6f6f6; text-align: left;\"\u003e\n\u003cth style=\"padding: 8px; width: 18.9117%;\"\u003eBesoin\u003c\/th\u003e\n\u003cth style=\"padding: 8px; width: 21.0526%;\"\u003eSuperaliment clé\u003c\/th\u003e\n\u003cth style=\"padding: 8px; width: 20.339%;\"\u003eLe meilleur complément\u003c\/th\u003e\n\u003cth style=\"padding: 8px; width: 14.9866%;\"\u003eDélai d’action\u003c\/th\u003e\n\u003cth style=\"padding: 8px; width: 24.7993%;\"\u003ePourquoi ce choix\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; width: 18.9117%;\"\u003eÉnergie \u0026amp; Vitalité\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 21.0526%;\"\u003eMaca, Guarana, Spiruline\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 20.339%;\"\u003e\u003cstrong\u003eMaca Bio Sol Semilla\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 14.9866%;\"\u003e1 à 2 semaines\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 24.7993%;\"\u003eStimule l’énergie physique et mentale sans effet de nervosité, idéale en période de fatigue ou de reprise sportive.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; width: 18.9117%;\"\u003eImmunité \u0026amp; Défenses naturelles\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 21.0526%;\"\u003eAçaï, Acérola, Moringa\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 20.339%;\"\u003e\u003ca href=\"\/products\/acai-en-poudre-bio-origine-bresil-70-g-iswari\"\u003e\u003cstrong\u003ePoudre d’Açaï Bio d'Iswari\u003c\/strong\u003e\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 14.9866%;\"\u003eQuelques jours à 1 semaine\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 24.7993%;\"\u003eRiche en antioxydants et en vitamine C naturelle, idéale pour soutenir le système immunitaire tout au long de l’année.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; width: 18.9117%;\"\u003eDigestion \u0026amp; Détox\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 21.0526%;\"\u003eChlorella, Klamath, Vinaigre de Cidre\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 20.339%;\"\u003e\u003ca href=\"\/products\/chlorella-en-poudre-bio-125-g-iswari\"\u003e\u003cstrong\u003eChlorella en poudre bio d'Iswari\u003c\/strong\u003e\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 14.9866%;\"\u003e2 à 3 semaines\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 24.7993%;\"\u003eFavorise l’élimination des toxines et des métaux lourds tout en soutenant la flore intestinale.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; width: 18.9117%;\"\u003eStress \u0026amp; Sommeil\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 21.0526%;\"\u003eAshwagandha, Reishi\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 20.339%;\"\u003e\u003ca href=\"\/products\/morning-latte-moon-milk-bio-vanille-ashwagandha-reishi-125-g-numorning\"\u003e\u003cstrong\u003eMoon Milk Bio de nüMorning\u003c\/strong\u003e\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 14.9866%;\"\u003e1 à 2 semaines\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 24.7993%;\"\u003eApaise le mental, régule le cortisol et améliore la qualité du sommeil grâce à la synergie des adaptogènes.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; width: 18.9117%;\"\u003eBeauté \u0026amp; Peau éclatante\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 21.0526%;\"\u003eUrucum, Açaï, Spiruline\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 20.339%;\"\u003e\u003cstrong\u003eUrucum Bio de Sol Semilla\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 14.9866%;\"\u003e3 à 4 semaines\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 24.7993%;\"\u003eRiche en bêta-carotène et minéraux, améliore l’éclat du teint et prépare naturellement la peau au soleil.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 8px; width: 18.9117%;\"\u003ePerformance \u0026amp; Endurance\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 21.0526%;\"\u003eSpiruline, Guarana, Maca\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 20.339%;\"\u003e\u003ca href=\"\/products\/spiruline-bio-paillettes-france-90g-etika-spirulina\"\u003e\u003cstrong\u003eSpiruline en paillettes Bio de Etika Spirulina\u003c\/strong\u003e\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 14.9866%;\"\u003e1 à 2 semaines\u003c\/td\u003e\n\u003ctd style=\"padding: 8px; width: 24.7993%;\"\u003eApporte fer, protéines et antioxydants pour soutenir l’oxygénation musculaire et la récupération.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eLes effets des superaliments varient selon la régularité de la prise et l’hygiène de vie globale. Pour des résultats durables, mieux vaut les consommer chaque jour, dans des boissons ou des plats simples, plutôt qu’en cure ponctuelle.\u003c\/p\u003e\n\u003cp\u003eBesoin d’un petit coup de main pour démarrer ? Testez un mélange déjà prêt comme le \u003ca href=\"\/products\/super-cafe-dyna-boisson-aux-champignons-plantes-adaptogenes\"\u003eSuper Café Dyna\u003c\/a\u003e ou le Golden Latte Soana, parfaits pour découvrir les bienfaits des superaliments sans effort.\u003c\/p\u003e\n\u003cp\u003eVous savez désormais quel superaliment correspond à vos besoins. Voyons maintenant comment les intégrer facilement dans votre routine quotidienne, sans changer radicalement vos habitudes.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment consommer les superaliments au quotidien ?\u003c\/h2\u003e\n\u003cp\u003eLes superaliments ne sont pas réservés aux experts en nutrition. Ils s’intègrent très facilement dans votre alimentation, sans effort ni contrainte. L’idée, c’est d’ajouter un petit plus naturel à ce que vous mangez déjà ;) : \u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e🥣 \u003cstrong\u003eAu petit-déjeuner :\u003c\/strong\u003e ajoutez une cuillère de spiruline, d’açaï ou de maca dans un smoothie, un yaourt ou un porridge. Cela apporte des protéines, des antioxydants et de l’énergie dès le matin.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e☕ \u003cstrong\u003eDans vos boissons chaudes :\u003c\/strong\u003e les lattes à base de curcuma, cacao ou moringa remplacent avantageusement le café. Ils réveillent sans stresser l’organisme.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🥗 \u003cstrong\u003eDans les repas :\u003c\/strong\u003e une cuillère de chlorella ou de vinaigre de cidre avant de manger peut aider à la digestion et à l’équilibre acido-basique.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e🍫 \u003cstrong\u003eEn snack sain :\u003c\/strong\u003e une poignée de baies de goji ou un carré cru de cacao riche en magnésium : idéal pour un petit creux sans culpabilité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eLe secret, comme toujours (^^), c’est la régularité. Mieux vaut consommer un peu chaque jour plutôt que de faire une “cure express”. Les effets des superaliments s’installent dans le temps : plus d’énergie, une meilleure récupération, un teint plus frais, et souvent une digestion plus légère.\u003c\/p\u003e\n\u003cp\u003eVous pouvez aussi combiner plusieurs superaliments selon vos besoins : par exemple, spiruline et acérola pour un effet tonus, ou maca et \u003ca title=\"Compléments alimentaires à base d'Ashwagandha (Withania somnifera)\" href=\"https:\/\/www.naturellement-bio.com\/collections\/ashwagandha\"\u003eashwagandha\u003c\/a\u003e pour mieux gérer le stress. Et si vous êtes curieux de découvrir les bienfaits des champignons comme le reishi ou le cordyceps, explorez notre gamme de \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/champignons-adaptogenes\"\u003echampignons adaptogènes \u0026amp; médicinaux\u003c\/a\u003e, parfaits pour soutenir l’équilibre naturel du corps.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuelques précautions \u0026amp; conseils d’utilisation\u003c\/h2\u003e\n\u003cp\u003eLes superaliments sont naturels, mais “naturel” ne veut pas toujours dire “sans précaution”. Mieux vaut les intégrer avec bon sens, surtout si vous débutez ou si vous suivez déjà un traitement médical.\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eCommencez en douceur :\u003c\/strong\u003e inutile d’en prendre trop vite. Une demi-cuillère par jour suffit souvent pour ressentir les premiers effets sans déranger la digestion.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eDemandez conseil si vous suivez un traitement :\u003c\/strong\u003e certains superaliments riches en antioxydants ou en minéraux peuvent interagir avec des médicaments (anticoagulants, traitement thyroïdien, etc.).\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eGrossesse et allaitement :\u003c\/strong\u003e certaines poudres comme la maca ou la spiruline sont compatibles, d’autres non. En cas de doute, mieux vaut demander l’avis d’un professionnel de santé.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003ePréférez la qualité biologique :\u003c\/strong\u003e les superaliments concentrent naturellement les nutriments… mais aussi les résidus si la culture n’est pas propre. Le label bio garantit une meilleure pureté.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e\n\u003cstrong\u003eHydratez-vous suffisament :\u003c\/strong\u003e les algues comme la chlorella ou la spiruline ont un effet drainant. Buvez suffisamment d’eau pour accompagner l’élimination naturelle des toxines.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEnfin, gardez à l’esprit qu’un superaliment ne remplace jamais une alimentation équilibrée. Il vient la compléter, comme un soutien doux et intelligent pour renforcer ce que vous faites déjà de bien pour votre santé.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLa checklist pour reconnaître un superaliment de qualité ?\u003c\/h2\u003e\n\u003cp\u003eAvant d’ajouter un superaliment à votre panier, prenez une minute pour vérifier ces quelques points. C’est simple, mais cela change tout sur la qualité et les effets à long terme.\u003c\/p\u003e\n\u003cform style=\"margin-top: 1rem;\"\u003e\n\u003clabel style=\"display: block; margin-bottom: 8px;\"\u003e \u003cinput type=\"checkbox\" style=\"margin-right: 8px;\"\u003e \u003cstrong\u003eOrigine transparente :\u003c\/strong\u003e le pays de culture est clairement indiqué, avec une traçabilité vérifiable. \u003c\/label\u003e \u003clabel style=\"display: block; margin-bottom: 8px;\"\u003e \u003cinput type=\"checkbox\" style=\"margin-right: 8px;\"\u003e \u003cstrong\u003eCertification biologique :\u003c\/strong\u003e le produit porte un label officiel (AB, Ecocert, etc.) garantissant l’absence de pesticides et métaux lourds. \u003c\/label\u003e \u003clabel style=\"display: block; margin-bottom: 8px;\"\u003e \u003cinput type=\"checkbox\" style=\"margin-right: 8px;\"\u003e \u003cstrong\u003eIngrédients simples :\u003c\/strong\u003e une seule plante, algue ou baie, sans sucre ajouté, colorant ni arôme artificiel. \u003c\/label\u003e \u003clabel style=\"display: block; margin-bottom: 8px;\"\u003e \u003cinput type=\"checkbox\" style=\"margin-right: 8px;\"\u003e \u003cstrong\u003eConditionnement opaque :\u003c\/strong\u003e protège les nutriments sensibles à la lumière et à l’humidité. \u003c\/label\u003e \u003clabel style=\"display: block; margin-bottom: 8px;\"\u003e \u003cinput type=\"checkbox\" style=\"margin-right: 8px;\"\u003e \u003cstrong\u003eFabrication locale ou équitable :\u003c\/strong\u003e un superaliment produit dans de bonnes conditions offre une meilleure énergie et soutient une économie responsable. \u003c\/label\u003e\n\u003c\/form\u003e\n\u003cp\u003eEn cochant au moins trois de ces critères, vous mettez toutes les chances de votre côté pour profiter pleinement des bienfaits des superaliments. Et si vous voulez aller plus loin, explorez les mélanges tout prêts pour découvrir de nouvelles synergies en douceur.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003cp\u003eVous voyez ? Adopter les superaliments, ce n’est pas changer sa vie du jour au lendemain... c’est simplement lui donner un petit coup de pouce naturel ;) ! En quelques semaines, vous verrez souvent la différence : plus d’énergie, une meilleure digestion, un esprit plus clair et un moral plus stable.\u003c\/p\u003e\n\u003cp\u003eQue vous choisissiez la \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/spiruline\" title=\"complément alimentaire spiruline\"\u003e\u003cstrong\u003espiruline\u003c\/strong\u003e\u003c\/a\u003e pour booster votre tonus, la \u003cstrong\u003echlorella\u003c\/strong\u003e pour purifier l’organisme, ou le \u003cstrong\u003ematcha\u003c\/strong\u003e pour remplacer le café du matin, l’important est de trouver votre équilibre. Les superaliments ne promettent pas des miracles, ils vous accompagnent, tout en douceur.\u003c\/p\u003e\n\u003cp\u003eSur Naturellement Bio, nous avons sélectionné les marques les plus exigeantes (Sol Semilla, \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/numorning\" title=\"nüMorning\"\u003enüMorning\u003c\/a\u003e, Iswari, ou encore \u003ca href=\"https:\/\/www.naturellement-bio.com\/collections\/archie\" title=\"Archie\"\u003eArchie\u003c\/a\u003e) pour que vous puissiez consommer en toute confiance. Chaque produit est choisi pour sa pureté, son goût et sa qualité nutritionnelle.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003ePrêt à commencer ?\u003c\/strong\u003e Explorez notre sélection de superaliments bio et trouvez celui qui fera du bien à votre corps… et à votre esprit ! :)\u003c\/p\u003e","products":[{"product_id":"psyllium-blond-bio-teguments-200-g-superdiet","title":"Psyllium Blond Bio - Téguments 200 G - Superdiet","description":"\u003cdiv class=\"psy-premium\"\u003e\n \u003cdiv class=\"psy-hero\"\u003e\n \u003cdiv class=\"psy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"psy-hero-content\"\u003e\n \u003cdiv class=\"psy-badges-top\"\u003e\n \u003cspan class=\"psy-badge\"\u003e🌱 100% Bio (AB)\u003c\/span\u003e\n \u003cspan class=\"psy-badge\"\u003e🌾 Sans gluten\u003c\/span\u003e\n \u003cspan class=\"psy-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003cspan class=\"psy-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"psy-hero-title\"\u003ePsyllium Blond Bio\u003c\/span\u003e\n \u003cp class=\"psy-subtitle\"\u003eTéguments de Plantago ovata — 200 g • Superdiet\u003c\/p\u003e\n \u003cp class=\"psy-description\" style=\"color:white;\"\u003eEnvie d'un \u003cstrong\u003e\u003cspan style=\"color:white;\"\u003etransit régulier\u003c\/span\u003e\u003c\/strong\u003e et d'un ventre plus léger au quotidien ? Découvrez un complément alimentaire 100% naturel composé exclusivement de \u003cstrong\u003e\u003cspan style=\"color:white;\"\u003etéguments de Plantago ovata bio\u003c\/span\u003e\u003c\/strong\u003e, aussi appelé \u003cem\u003eispaghul\u003c\/em\u003e, reconnu pour sa richesse exceptionnelle en \u003cstrong\u003e\u003cspan style=\"color:white;\"\u003e solubles\u003c\/span\u003e\u003c\/strong\u003e qui gonflent au contact de l'eau pour former un gel doux, véritable allié de votre confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003ePsyllium blond : 4 bienfaits pour votre digestion\u003c\/h2\u003e\n \u003cp class=\"psy-section-intro\"\u003eLes \u003cstrong\u003etéguments de psyllium blond\u003c\/strong\u003e concentrent jusqu'à \u003cstrong\u003e88% de fibres\u003c\/strong\u003e, essentiellement solubles. Au contact de l'eau, ces fibres forment un mucilage qui agit mécaniquement sur votre système digestif.\u003c\/p\u003e\n \u003cdiv class=\"psy-grid\"\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌀 Régulation du transit\u003c\/h3\u003e\n \u003cp\u003eAide en cas de constipation occasionnelle en ramollissant les selles, et freine un transit trop rapide grâce à son effet régulateur naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eApaise et lubrifie le tube digestif en douceur, sans irriter la muqueuse intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🥣 Effet de satiété\u003c\/h3\u003e\n \u003cp\u003eIdéal dans le cadre d'une alimentation équilibrée, il aide à mieux gérer l'appétit au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌾 Source de fibres\u003c\/h3\u003e\n \u003cp\u003eParfait pour compléter les apports recommandés de \u003cstrong\u003e25 à 30 g de fibres par jour\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003ePsyllium blond posologie : comment le prendre ?\u003c\/h2\u003e\n \u003cp class=\"psy-section-intro\"\u003ePour une efficacité optimale, introduisez le \u003cstrong\u003epsyllium blond en poudre\u003c\/strong\u003e progressivement dans votre routine.\u003c\/p\u003e\n \u003cdiv class=\"psy-timeline\"\u003e\n \u003cdiv class=\"psy-timeline-item\"\u003e\n \u003cdiv class=\"psy-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-content\"\u003e\n \u003ch3\u003eDébut de cure (3 premiers jours)\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à café rase dans un grand verre d'eau, de jus, un yaourt ou une compote. Mélangez et consommez \u003cstrong\u003eimmédiatement\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-item\"\u003e\n \u003cdiv class=\"psy-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-content\"\u003e\n \u003ch3\u003eAprès 3 jours\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e2 cuillères à café par jour\u003c\/strong\u003e, en 1 ou 2 prises, selon votre tolérance digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-item\"\u003e\n \u003cdiv class=\"psy-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-content\"\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-tip\"\u003e\n \u003cspan class=\"psy-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eHydratation essentielle :\u003c\/strong\u003e buvez au moins \u003cstrong\u003e1,5 L d'eau par jour\u003c\/strong\u003e pendant la cure. Sans eau suffisante, les fibres ne peuvent pas agir correctement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-tip\"\u003e\n \u003cspan class=\"psy-tip-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce gourmande :\u003c\/strong\u003e intégrez-le dans un porridge, un smoothie, une soupe, ou saupoudrez-le sur vos salades pour un apport en fibres invisible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003eComposition : la pureté avant tout\u003c\/h2\u003e\n \u003cp class=\"psy-section-intro\"\u003e\u003cstrong\u003eIngrédient unique\u003c\/strong\u003e : téguments de psyllium blond (\u003cem\u003ePlantago ovata\u003c\/em\u003e) issus de l'agriculture biologique. \u003cstrong\u003e100% Bio, sans additif, sans conservateur, naturellement sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"psy-grid-compact\"\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌱 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌿 Vegan\u003c\/h3\u003e\n \u003cp\u003eConvient aux végétariens \u0026amp; véganes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003ePar la marque Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌏 Origine Inde\u003c\/h3\u003e\n \u003cp\u003eTerroir historique du Plantago ovata\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Psyllium Blond Bio Superdiet ?\u003c\/h2\u003e\n \u003cp\u003eSouvent recherché en magasin bio type \u003cstrong\u003eBiocoop\u003c\/strong\u003e, le \u003cstrong\u003epsyllium bio Superdiet\u003c\/strong\u003e se distingue par sa qualité premium : téguments obtenus par \u003cstrong\u003etri doux\u003c\/strong\u003e, sans solvants ni traitements agressifs, afin de préserver l'intégrité des mucilages. La marque française Superdiet s'engage depuis plus de \u003cstrong\u003e60 ans\u003c\/strong\u003e pour des formules simples, transparentes et respectueuses de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"psy-grid-compact\"\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🏆 60 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003ePionnier français du bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e✨ Tri doux\u003c\/h3\u003e\n \u003cp\u003eSans solvants ni agressions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🔒 Mucilages préservés\u003c\/h3\u003e\n \u003cp\u003eEfficacité maximale des fibres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e♻️ Sachet recyclable\u003c\/h3\u003e\n \u003cp\u003eEngagement éco-responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"psy-accordion\"\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e💧 Hydratation indispensable\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ consommer avec une \u003cstrong\u003equantité suffisante d'eau\u003c\/strong\u003e. Un apport hydrique insuffisant peut provoquer un inconfort digestif ou une obstruction intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de \u003cstrong\u003esténose intestinale, occlusion digestive ou troubles de la déglutition\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eEspacez la prise d'au moins \u003cstrong\u003e2 heures\u003c\/strong\u003e avec vos éventuels traitements médicamenteux (les fibres peuvent réduire leur absorption).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; traitements\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eFemmes enceintes, allaitantes\u003c\/strong\u003e ou personnes sous traitement : demandez l'avis d'un professionnel de santé avant toute cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. À conserver \u003cstrong\u003eau sec\u003c\/strong\u003e, à 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=\"psy-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --psy-cream: #f5f9fa;\n --psy-white: #ffffff;\n --psy-primary: #3a8a94;\n --psy-primary-dark: #1f5c66;\n --psy-primary-light: #e3f1f3;\n --psy-secondary: #7cb342;\n --psy-accent: #c8e6c9;\n --psy-text: #1a2e32;\n --psy-text-light: #5a6a6d;\n --psy-border: #d8e4e6;\n --psy-shadow: 0 4px 24px rgba(31, 92, 102, .08);\n --psy-shadow-lg: 0 12px 48px rgba(31, 92, 102, .18);\n --psy-radius: 20px;\n --psy-radius-sm: 12px;\n}\n\n.psy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--psy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--psy-text);\n line-height: 1.6;\n}\n\n.psy-premium *, .psy-premium *::before, .psy-premium *::after { box-sizing: border-box; }\n\n.psy-hero {\n position: relative;\n background: linear-gradient(135deg, #a8d5dc 0%, #3a8a94 55%, #1f5c66 100%);\n border-radius: var(--psy-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(--psy-shadow-lg);\n}\n\n.psy-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 80%, rgba(124,179,66,.3) 0%, transparent 45%);\n opacity: .5;\n}\n\n.psy-hero-content { position: relative; z-index: 1; text-align: center; }\n\n.psy-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.psy-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.psy-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.psy-description strong { color: #fff; }\n.psy-description em { color: #e3f1f3; }\n\n.psy-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.psy-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(--psy-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.psy-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.psy-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.psy-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--psy-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.psy-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(--psy-primary), var(--psy-secondary));\n border-radius: 2px;\n}\n\n.psy-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--psy-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.psy-section-intro strong { color: var(--psy-primary-dark); }\n\n.psy-premium p { margin: 0 0 1rem 0; color: var(--psy-text); }\n.psy-premium p:last-child { margin-bottom: 0; }\n.psy-premium strong { color: var(--psy-primary-dark); font-weight: 700; }\n\n.psy-card {\n background: var(--psy-white);\n border-radius: var(--psy-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--psy-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.psy-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--psy-shadow-lg);\n border-color: var(--psy-primary);\n}\n\n.psy-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--psy-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.psy-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--psy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.psy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.psy-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.psy-grid-compact .psy-card { padding: 1rem; }\n.psy-grid-compact .psy-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.psy-grid-compact .psy-card p { font-size: 12px; }\n\n.psy-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.psy-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.psy-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--psy-primary), var(--psy-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 box-shadow: 0 4px 14px rgba(31, 92, 102, .25);\n}\n\n.psy-timeline-content {\n flex: 1;\n background: var(--psy-white);\n padding: 1rem 1.25rem;\n border-radius: var(--psy-radius-sm);\n box-shadow: var(--psy-shadow);\n}\n\n.psy-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--psy-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.psy-timeline-content p {\n font-size: 14px;\n color: var(--psy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.psy-accordion {\n background: var(--psy-white);\n border-radius: var(--psy-radius);\n box-shadow: var(--psy-shadow);\n overflow: hidden;\n}\n\n.psy-accordion-item {\n border-bottom: 1px solid var(--psy-border);\n margin: 0;\n padding: 0;\n}\n\n.psy-accordion-item:last-child { border-bottom: none; }\n\n.psy-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--psy-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.psy-accordion-header:hover { background: var(--psy-primary-light); }\n.psy-accordion-header::-webkit-details-marker { display: none; }\n\n.psy-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--psy-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.psy-accordion-item[open] .psy-accordion-header::after { content: '−'; }\n\n.psy-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--psy-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.psy-accordion-content p { margin: 0; color: var(--psy-text-light); }\n.mt-3 { margin-top: 10px; }\n\n.psy-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--psy-primary-light);\n border-radius: var(--psy-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--psy-primary);\n}\n\n.psy-tip-icon { font-size: 26px; flex-shrink: 0; line-height: 1; }\n\n.psy-tip p {\n font-size: 14px;\n color: var(--psy-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.psy-disclaimer {\n font-size: 12px;\n color: var(--psy-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n padding: 0 1rem;\n}\n\n@media (max-width: 767px) {\n .psy-grid { grid-template-columns: 1fr; gap: 1rem; }\n .psy-card { padding: 1.125rem; }\n .psy-section { margin-bottom: 1.75rem; }\n .psy-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--psy-radius-sm);\n }\n .psy-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .psy-premium h2::after { width: 40px; height: 3px; }\n .psy-grid-compact { gap: .625rem; }\n .psy-grid-compact .psy-card { padding: .75rem; }\n .psy-timeline-number { width: 36px; height: 36px; font-size: 15px; }\n .psy-timeline-content { padding: .875rem 1rem; }\n .psy-timeline-content h3 { font-size: 14px; }\n .psy-timeline-content p { font-size: 13px; }\n .psy-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .psy-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .psy-tip { padding: .875rem 1rem; }\n .psy-tip p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .psy-card { animation: psyFadeInUp .5s ease backwards; }\n .psy-card:nth-child(1) { animation-delay: .05s; }\n .psy-card:nth-child(2) { animation-delay: .1s; }\n .psy-card:nth-child(3) { animation-delay: .15s; }\n .psy-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes psyFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .psy-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":45754717798557,"sku":"NBAISUP0040","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/psyllium-blond-bio-teguments-200-g-superdiet-packshothd.webp?v=1776409165"},{"product_id":"amalaki-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Amalaki Bio en poudre - 150 g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Amalaki Bio en poudre - 150 g - AyurVana\nPalette détectée:\n - Primaire: #6B8E23 (vert olive\/amla - couleur des fruits verts sur le packaging)\n - Secondaire: #C8902E (doré\/jaune miel - bandeau jaune et logo AyurVana)\n - Accent: #D4572A (terre\/orangé - motifs paisley et gouttes colorées)\n - Kraft: #B8956A (couleur du sachet kraft naturel)\nAmbiance: Naturel\/ayurvédique, tradition indienne, bio\/authentique, chaleureux et terreux\nPréfixe CSS: amk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Amalaki Bio en poudre : une source exceptionnelle de vitamine C naturelle\"\n 2. \"Pourquoi choisir la poudre d'Amalaki ?\"\n 3. \"Conseils d'utilisation\"\n 4. \"Composition\"\n 5. \"Origine et qualité\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"amk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"amk-hero\"\u003e\n \u003cdiv class=\"amk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"amk-hero-content\"\u003e\n \u003cdiv class=\"amk-badges-top\"\u003e\n \u003cspan class=\"amk-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"amk-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"amk-badge\"\u003e🍋 Vitamine C naturelle\u003c\/span\u003e\n \u003cspan class=\"amk-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"amk-hero-title\"\u003eAmalaki Bio en poudre\u003c\/span\u003e\n \u003cp class=\"amk-subtitle\"\u003e150 g de poudre pure d'amla · AyurVana\u003c\/p\u003e\n \u003cp class=\"amk-description\"\u003eLe trésor ayurvédique millénaire pour votre vitalité : une concentration exceptionnelle en vitamine C naturelle, sans aucun additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003eAmalaki Bio en poudre : une source exceptionnelle de vitamine C naturelle\u003c\/h2\u003e\n \u003cp class=\"amk-section-intro\"\u003eL'\u003cstrong\u003eAmalaki Bio en poudre\u003c\/strong\u003e d'AyurVana vous offre toute la puissance du fruit d'amla (\u003cem\u003ePhyllanthus emblica\u003c\/em\u003e), l'un des trésors les plus précieux de la tradition ayurvédique.\u003c\/p\u003e\n \u003cdiv class=\"amk-grid-compact\"\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🫐 Groseille indienne\u003c\/h3\u003e\n \u003cp\u003eSurnommé ainsi, ce petit fruit vert est considéré depuis des millénaires comme un pilier de vitalité en Ayurvéda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🏆 Source exceptionnelle\u003c\/h3\u003e\n \u003cp\u003eL'amla figure parmi les meilleures sources de vitamine C naturelle bio connues au monde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e📦 150 g de pureté\u003c\/h3\u003e\n \u003cp\u003eUn concentré de bienfaits sans aucun additif. Juste le fruit, séché et finement broyé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🔬 Nutriments préservés\u003c\/h3\u003e\n \u003cp\u003eLe broyage fin et le séchage à basse température conservent l'ensemble des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003ePourquoi choisir la poudre d'Amalaki ?\u003c\/h2\u003e\n \u003cp class=\"amk-section-intro\"\u003eSi vous cherchez une \u003cstrong\u003evitamine C naturelle en poudre\u003c\/strong\u003e, pure et facilement assimilable, l'amalaki est un choix remarquable. Contrairement à la vitamine C synthétique, celle contenue dans l'amla est accompagnée de tanins et de polyphénols qui renforcent son absorption.\u003c\/p\u003e\n \u003cdiv class=\"amk-grid\"\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🛡️ Puissant antioxydant\u003c\/h3\u003e\n \u003cp\u003eAide à protéger les cellules contre le stress oxydatif quotidien grâce à sa richesse en polyphénols et tanins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eSa richesse en vitamine C naturelle pure bio contribue activement aux défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eL'amalaki est réputé pour favoriser une bonne santé gastro-intestinale et une digestion agréable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e💇 Beauté des cheveux\u003c\/h3\u003e\n \u003cp\u003eUtilisé en masque capillaire, il renforce les racines, stimule la pousse et redonne brillance et volume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e✨ Éclat de la peau\u003c\/h3\u003e\n \u003cp\u003eEn application externe, il purifie et revitalise le teint pour un éclat naturel et une peau plus nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🧪 Composant du Triphala\u003c\/h3\u003e\n \u003cp\u003eL'amalaki est l'un des trois fruits du célèbre Triphala, remède ayurvédique ancestral associant amla, haritaki et vibhitaki.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"amk-section-intro\"\u003eMélangez \u003cstrong\u003eune cuillère à café rase (environ 3 g)\u003c\/strong\u003e de poudre d'amalaki dans un verre d'eau tiède, un jus de fruit, un smoothie ou un yaourt. Son goût acidulé et légèrement astringent se marie bien avec une touche de miel.\u003c\/p\u003e\n \u003cdiv class=\"amk-timeline\"\u003e\n \u003cdiv class=\"amk-timeline-item\"\u003e\n \u003cdiv class=\"amk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-content\"\u003e\n \u003ch3\u003e🥤 En boisson quotidienne\u003c\/h3\u003e\n \u003cp\u003eDiluez 3 g dans un verre d'eau tiède, un jus de fruit ou un smoothie. Ajoutez du miel pour adoucir le goût.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-item\"\u003e\n \u003cdiv class=\"amk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-content\"\u003e\n \u003ch3\u003e🍲 En cuisine\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez la poudre dans vos compotes, porridges ou sauces pour enrichir leur profil nutritionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-item\"\u003e\n \u003cdiv class=\"amk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-content\"\u003e\n \u003ch3\u003e💇 En masque capillaire\u003c\/h3\u003e\n \u003cp\u003eMélangez la poudre avec un peu d'eau tiède jusqu'à obtenir une pâte. Appliquez sur les longueurs et le cuir chevelu, laissez poser 20 à 30 minutes, puis rincez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-item\"\u003e\n \u003cdiv class=\"amk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-content\"\u003e\n \u003ch3\u003e🧖 En masque visage\u003c\/h3\u003e\n \u003cp\u003eMême préparation, appliquée sur peau propre pendant 15 minutes pour un effet purifiant et revitalisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-tip\"\u003e\n \u003cspan class=\"amk-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eÀ raison d'une prise par jour, le sachet de 150 g vous accompagne pendant environ \u003cstrong\u003e50 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"amk-composition-highlight\"\u003e\n \u003cdiv class=\"amk-composition-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"amk-composition-detail\"\u003e\n \u003ch3\u003eIngrédient unique\u003c\/h3\u003e\n \u003cp\u003e100 % poudre de fruit d'Amalaki biologique (\u003cem\u003ePhyllanthus emblica\u003c\/em\u003e)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-grid-compact\"\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur ni excipient ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n \u003cp\u003eConvient aux personnes intolérantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🌿 Végétalien\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-card\"\u003e\n \u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"amk-section\"\u003e\n \u003ch2\u003eOrigine et qualité\u003c\/h2\u003e\n \u003cdiv class=\"amk-timeline\"\u003e\n \u003cdiv class=\"amk-timeline-item\"\u003e\n \u003cdiv class=\"amk-timeline-number\"\u003e🇮🇳\u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-content\"\u003e\n \u003ch3\u003eCulture biologique en Inde\u003c\/h3\u003e\n \u003cp\u003eLes fruits d'amalaki sont cultivés selon les principes de l'agriculture biologique, récoltés à la main à maturité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-item\"\u003e\n \u003cdiv class=\"amk-timeline-number\"\u003e🌡️\u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-content\"\u003e\n \u003ch3\u003eSéchage et broyage à basse température\u003c\/h3\u003e\n \u003cp\u003eCe procédé délicat permet de conserver l'intégralité des principes actifs et de la vitamine C naturelle du fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-item\"\u003e\n \u003cdiv class=\"amk-timeline-number\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"amk-timeline-content\"\u003e\n \u003ch3\u003eConditionnement en France\u003c\/h3\u003e\n \u003cp\u003eEffectué par AyurVana, garantissant une traçabilité rigoureuse et un contrôle qualité exigeant à chaque étape.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"amk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"amk-accordion\"\u003e\n \u003cdetails class=\"amk-accordion-item\"\u003e\n \u003csummary class=\"amk-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un complément alimentaire et \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée. En cas de grossesse, d'allaitement ou de traitement en cours, demandez conseil à votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"amk-accordion-item\"\u003e\n \u003csummary class=\"amk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"amk-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le sachet bien fermé, au sec et à l'abri de la lumière pour préserver toutes les qualités nutritionnelles de la poudre d'amla.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"amk-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Complément alimentaire à consommer dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --amk-cream: #FAF6F0;\n --amk-white: #ffffff;\n --amk-primary: #6B8E23;\n --amk-primary-dark: #4A6A10;\n --amk-primary-light: #EFF5E1;\n --amk-secondary: #C8902E;\n --amk-accent: #D4572A;\n --amk-kraft: #B8956A;\n --amk-text: #1a1a1a;\n --amk-text-light: #5a5a5a;\n --amk-border: #E5DDD3;\n --amk-shadow: 0 4px 24px rgba(74, 106, 16, .08);\n --amk-shadow-lg: 0 12px 48px rgba(74, 106, 16, .15);\n --amk-radius: 20px;\n --amk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.amk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--amk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.amk-hero {\n position: relative;\n background: linear-gradient(135deg, #4A6A10 0%, #6B8E23 35%, #8AAD3A 65%, #C8902E 100%);\n border-radius: var(--amk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--amk-shadow-lg);\n}\n\n.amk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 25%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(200,144,46,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.amk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.amk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.amk-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.amk-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.amk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.amk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--amk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.amk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.amk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.amk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--amk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.amk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--amk-primary), var(--amk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.amk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--amk-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.amk-card {\n background: var(--amk-white);\n border-radius: var(--amk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--amk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.amk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--amk-shadow-lg);\n border-color: var(--amk-primary);\n}\n\n.amk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--amk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.amk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--amk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.amk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.amk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.amk-grid-compact .amk-card {\n padding: 1rem;\n}\n\n.amk-grid-compact .amk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.amk-grid-compact .amk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.amk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.amk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.amk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--amk-primary), var(--amk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.amk-timeline-content {\n flex: 1;\n background: var(--amk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--amk-radius-sm);\n box-shadow: var(--amk-shadow);\n}\n\n.amk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--amk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.amk-timeline-content p {\n font-size: 14px;\n color: var(--amk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.amk-composition-highlight {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--amk-primary-light), rgba(200,144,46,.08));\n border-radius: var(--amk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.25rem;\n border: 2px solid rgba(107,142,35,.15);\n}\n\n.amk-composition-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.amk-composition-detail h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--amk-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.amk-composition-detail p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--amk-text);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.amk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--amk-primary-light);\n border-radius: var(--amk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.amk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.amk-tip p {\n font-size: 14px;\n color: var(--amk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.amk-accordion {\n background: var(--amk-white);\n border-radius: var(--amk-radius);\n box-shadow: var(--amk-shadow);\n overflow: hidden;\n}\n\n.amk-accordion-item {\n border-bottom: 1px solid var(--amk-border);\n margin: 0;\n padding: 0;\n}\n\n.amk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.amk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--amk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.amk-accordion-header:hover {\n background: var(--amk-primary-light);\n}\n\n.amk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.amk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--amk-primary);\n transition: transform .2s ease;\n}\n\n.amk-accordion-item[open] .amk-accordion-header::after {\n content: '−';\n}\n\n.amk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--amk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.amk-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.amk-disclaimer {\n font-size: 12px;\n color: var(--amk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .amk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .amk-card {\n padding: 1.125rem;\n }\n\n .amk-section {\n margin-bottom: 1.75rem;\n }\n\n .amk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--amk-radius-sm);\n }\n\n .amk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .amk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .amk-grid-compact {\n gap: .625rem;\n }\n\n .amk-grid-compact .amk-card {\n padding: .75rem;\n }\n\n .amk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .amk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .amk-timeline-content h3 {\n font-size: 14px;\n }\n\n .amk-timeline-content p {\n font-size: 13px;\n }\n\n .amk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .amk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .amk-composition-highlight {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n padding: 1rem;\n }\n\n .amk-composition-icon {\n font-size: 36px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .amk-card {\n animation: amkFadeInUp .5s ease backwards;\n }\n .amk-card:nth-child(1) { animation-delay: .05s; }\n .amk-card:nth-child(2) { animation-delay: .1s; }\n .amk-card:nth-child(3) { animation-delay: .15s; }\n .amk-card:nth-child(4) { animation-delay: .2s; }\n .amk-card:nth-child(5) { animation-delay: .25s; }\n .amk-card:nth-child(6) { animation-delay: .3s; }\n\n .amk-timeline-item {\n animation: amkFadeInUp .5s ease backwards;\n }\n .amk-timeline-item:nth-child(1) { animation-delay: .05s; }\n .amk-timeline-item:nth-child(2) { animation-delay: .12s; }\n .amk-timeline-item:nth-child(3) { animation-delay: .19s; }\n .amk-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes amkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .amk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755114881181,"sku":"AY9946","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Amalaki-Bio-150-grammes-de-poudre-en-sachet-541595.jpg?v=1732719477"},{"product_id":"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":27.9,"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":"nopal-poudre-bio-50-g-sol-semilla","title":"Nopal en Poudre Bio - 50 g - Sol Semilla","description":"\u003cdiv class=\"np-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"np-hero\"\u003e\n\u003cdiv class=\"np-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"np-hero-content\"\u003e\n\u003cdiv class=\"np-badges-top\"\u003e\n\u003cspan class=\"np-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e \u003cspan class=\"np-badge\"\u003e🌵 Superaliment raw\u003c\/span\u003e \u003cspan class=\"np-badge\"\u003e🇹🇳 Origine Tunisie\u003c\/span\u003e \u003cspan class=\"np-badge\"\u003e🥬 100 % vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"np-hero-title\"\u003eNopal en poudre bio\u003c\/span\u003e\n\u003cp class=\"np-subtitle\"\u003eLe superaliment ancestral du figuier de Barbarie\u003c\/p\u003e\n\u003cp class=\"np-description\"\u003eRiche en calcium, source de fibres et de magnésium - 50 g de poudre crue, pure et sans additifs, par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"np-section\"\u003e\n\u003cp class=\"np-section-intro\"\u003eConnaissez-vous le nopal, ce cactus emblématique aussi appelé figuier de Barbarie ? Utilisé depuis des siècles dans la tradition culinaire et médicinale mexicaine, il arrive aujourd'hui dans votre cuisine sous forme de poudre de nopal bio.\u003c\/p\u003e\n\u003cdiv class=\"np-highlight-box\"\u003e\n\u003cp\u003eSol Semilla a sélectionné des \u003cstrong\u003ecladodes (raquettes) de qualité supérieure\u003c\/strong\u003e, d'origine tunisienne, séchées à basse température pour préserver l'ensemble de leurs précieux nutriments. Le résultat : une \u003cstrong\u003epoudre de cladode de nopal\u003c\/strong\u003e fine, naturelle et certifiée agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"np-section\"\u003e\n\u003ch2\u003eBienfaits de la poudre de nopal\u003c\/h2\u003e\n\u003cp class=\"np-section-intro\"\u003eUn profil nutritionnel remarquable pour accompagner votre bien-être au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"np-grid\"\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🦴 Riche en calcium\u003c\/h3\u003e\n\u003cp\u003eIndispensable à la solidité osseuse et au bon fonctionnement musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🌾 Source de fibres\u003c\/h3\u003e\n\u003cp\u003eLes fibres solubles du nopal, notamment la pectine, favorisent la satiété et contribuent à un transit intestinal confortable. C'est pourquoi la poudre de nopal est recherchée dans le cadre d'une démarche globale de gestion du poids.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e⚡ Source de magnésium\u003c\/h3\u003e\n\u003cp\u003eUn minéral essentiel pour réduire la fatigue et soutenir le système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🧲 Capteur de graisses\u003c\/h3\u003e\n\u003cp\u003eLa pectine contenue dans les cladodes forme un gel visqueux dans l'estomac qui piège une partie des graisses alimentaires et favorise leur élimination naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🛡️ Richesse en antioxydants\u003c\/h3\u003e\n\u003cp\u003eLes bétalaïnes et la vitamine C présentes dans le nopal aident à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-tip\"\u003e\n\u003cspan class=\"np-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe superaliment ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée. Il constitue un complément intéressant dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"np-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"np-composition-card\"\u003e\n\u003cdiv class=\"np-composition-main\"\u003e\n\u003ch3\u003e🌵 Ingrédient unique\u003c\/h3\u003e\n\u003cp class=\"np-composition-ingredient\"\u003ePoudre de feuille (cladode) de nopal* (\u003cem\u003eOpuntia ficus-indica\u003c\/em\u003e)\u003c\/p\u003e\n\u003cp class=\"np-composition-note\"\u003e* Issue de l'agriculture biologique. Sans additifs, sans conservateurs, sans OGM. Produit cru (raw), vegan et certifié AB.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-composition-details\"\u003e\n\u003cdiv class=\"np-grid-compact\"\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🇹🇳 Origine\u003c\/h3\u003e\n\u003cp\u003eTunisie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🍃 Partie utilisée\u003c\/h3\u003e\n\u003cp\u003eFeuille (cladode)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n\u003cp\u003e50 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🥄 Portions\u003c\/h3\u003e\n\u003cp\u003eEnviron 6 portions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"np-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"np-dosage-box\"\u003e\n\u003cp\u003eComptez environ \u003cstrong\u003e8 g par portion\u003c\/strong\u003e (une cuillère à soupe rase). Si vous découvrez le nopal en poudre, commencez par une cuillère à café (environ 3 g) afin de laisser votre organisme s'adapter à cet apport en fibres, puis augmentez progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"np-section-intro\" style=\"margin-top: 1.5rem;\"\u003eLa poudre de nopal bio s'intègre facilement dans de nombreuses préparations :\u003c\/p\u003e\n\u003cdiv class=\"np-timeline\"\u003e\n\u003cdiv class=\"np-timeline-item\"\u003e\n\u003cdiv class=\"np-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-content\"\u003e\n\u003ch3\u003eSmoothies et boissons\u003c\/h3\u003e\n\u003cp\u003eMélangez-la avec une banane, du lait végétal et une pointe de miel pour un smoothie vert original.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-item\"\u003e\n\u003cdiv class=\"np-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-content\"\u003e\n\u003ch3\u003eSoupes et sauces\u003c\/h3\u003e\n\u003cp\u003eElle épaissit naturellement vos préparations tout en les enrichissant en nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-item\"\u003e\n\u003cdiv class=\"np-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-content\"\u003e\n\u003ch3\u003eSalades\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez-en directement sur vos salades composées pour un petit goût végétal subtil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-item\"\u003e\n\u003cdiv class=\"np-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-content\"\u003e\n\u003ch3\u003eCuisine et pâtisserie\u003c\/h3\u003e\n\u003cp\u003eIncorporez-la à vos pâtes à crêpes, pancakes ou gâteaux pour augmenter leur teneur en fibres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"np-section\"\u003e\n\u003ch2\u003ePourquoi choisir le nopal Sol Semilla ?\u003c\/h2\u003e\n\u003cdiv class=\"np-grid\"\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🇫🇷 Marque française exigeante\u003c\/h3\u003e\n\u003cp\u003eSol Semilla est spécialisée dans les superaliments, reconnue pour l'exigence de ses sourcing et de ses processus de transformation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🌡️ Déshydratation douce\u003c\/h3\u003e\n\u003cp\u003eChaque sachet est contrôlé et élaboré par leur équipe, garantissant un produit cru dont les qualités nutritionnelles sont intégralement préservées grâce à une déshydratation à basse température.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e⭐ Plébiscité par les utilisateurs\u003c\/h3\u003e\n\u003cp\u003eDe nombreux avis soulignent sa finesse, sa facilité d'utilisation et son goût neutre qui se marie à toutes les recettes. Un moyen simple et naturel d'enrichir votre alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSERVATION (accordéon) + CTA --\u003e\n\u003csection class=\"np-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"np-accordion\"\u003e\n\u003cdetails class=\"np-accordion-item\"\u003e\n\u003csummary class=\"np-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"np-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Bien refermer le sachet après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-cta-box\"\u003e\n\u003cp\u003e🌵 Enrichissez votre alimentation avec le meilleur du figuier de Barbarie - calcium, fibres et magnésium réunis dans une poudre bio, crue et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"np-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 --np-cream: #faf6f0;\n --np-white: #ffffff;\n --np-primary: #c0512d;\n --np-primary-dark: #8b3317;\n --np-primary-light: #f8ece6;\n --np-secondary: #6b8e3a;\n --np-accent: #d4a54a;\n --np-text: #1a1a1a;\n --np-text-light: #5a5a5a;\n --np-border: #e5ddd4;\n --np-shadow: 0 4px 24px rgba(0,0,0,.08);\n --np-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --np-radius: 20px;\n --np-radius-sm: 12px;\n}\n\n.np-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--np-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.np-hero {\n position: relative;\n background: linear-gradient(135deg, #8b3317 0%, #c0512d 45%, #6b8e3a 100%);\n border-radius: var(--np-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(--np-shadow-lg);\n}\n\n.np-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(107,142,58,.15) 0%, transparent 40%);\n opacity: .6;\n}\n\n.np-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.np-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.np-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 text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.np-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.np-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.np-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(--np-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.np-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.np-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.np-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--np-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.np-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(--np-primary), var(--np-secondary));\n border-radius: 2px;\n}\n\n.np-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--np-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.np-card {\n background: var(--np-white);\n border-radius: var(--np-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--np-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.np-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--np-shadow-lg);\n border-color: var(--np-primary);\n}\n\n.np-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--np-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.np-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--np-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.np-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.np-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.np-grid-compact .np-card {\n padding: 1rem;\n}\n\n.np-grid-compact .np-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.np-grid-compact .np-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.np-highlight-box {\n background: var(--np-white);\n border-radius: var(--np-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--np-shadow);\n border-left: 4px solid var(--np-secondary);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.np-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--np-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === COMPOSITION CARD === *\/\n.np-composition-card {\n background: var(--np-white);\n border-radius: var(--np-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--np-shadow);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.np-composition-main {\n text-align: center;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--np-border);\n}\n\n.np-composition-main h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--np-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.np-composition-ingredient {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--np-text);\n font-weight: 600;\n margin: 0 0 .5rem 0;\n}\n\n.np-composition-note {\n font-size: 13px;\n color: var(--np-text-light);\n font-style: italic;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DOSAGE BOX === *\/\n.np-dosage-box {\n background: var(--np-primary-light);\n border-radius: var(--np-radius-sm);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n max-width: 700px;\n margin: 0 auto;\n text-align: center;\n}\n\n.np-dosage-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--np-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.np-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.np-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.np-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--np-primary), var(--np-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.np-timeline-content {\n flex: 1;\n background: var(--np-white);\n padding: 1rem 1.25rem;\n border-radius: var(--np-radius-sm);\n box-shadow: var(--np-shadow);\n}\n\n.np-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--np-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.np-timeline-content p {\n font-size: 14px;\n color: var(--np-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.np-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--np-primary-light);\n border-radius: var(--np-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.np-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.np-tip p {\n font-size: 14px;\n color: var(--np-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.np-accordion {\n background: var(--np-white);\n border-radius: var(--np-radius);\n box-shadow: var(--np-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.np-accordion-item {\n border-bottom: 1px solid var(--np-border);\n margin: 0;\n padding: 0;\n}\n\n.np-accordion-item:last-child {\n border-bottom: none;\n}\n\n.np-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--np-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.np-accordion-header:hover {\n background: var(--np-primary-light);\n}\n\n.np-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.np-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--np-primary);\n transition: transform .2s ease;\n}\n\n.np-accordion-item[open] .np-accordion-header::after {\n content: '−';\n}\n\n.np-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--np-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.np-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.np-cta-box {\n background: linear-gradient(135deg, var(--np-primary) 0%, var(--np-primary-dark) 100%);\n border-radius: var(--np-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.np-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.np-disclaimer {\n font-size: 12px;\n color: var(--np-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .np-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .np-card {\n padding: 1.125rem;\n }\n\n .np-section {\n margin-bottom: 1.75rem;\n }\n\n .np-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--np-radius-sm);\n }\n\n .np-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .np-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .np-grid-compact {\n gap: .625rem;\n }\n\n .np-grid-compact .np-card {\n padding: .75rem;\n }\n\n .np-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .np-timeline-content {\n padding: .875rem 1rem;\n }\n\n .np-timeline-content h3 {\n font-size: 14px;\n }\n\n .np-timeline-content p {\n font-size: 13px;\n }\n\n .np-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .np-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .np-highlight-box {\n padding: 1.25rem;\n }\n\n .np-composition-card {\n padding: 1.25rem;\n }\n\n .np-dosage-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .np-card {\n animation: npFadeInUp .5s ease backwards;\n }\n .np-card:nth-child(1) { animation-delay: .05s; }\n .np-card:nth-child(2) { animation-delay: .1s; }\n .np-card:nth-child(3) { animation-delay: .15s; }\n .np-card:nth-child(4) { animation-delay: .2s; }\n .np-card:nth-child(5) { animation-delay: .25s; }\n .np-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes npFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .np-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":45755122614429,"sku":"REF1353","price":8.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/nopal-en-poudre-bio-50-g-sol-semilla-lifestyle.webp?v=1772725650"},{"product_id":"chlorelle-crue-poudre-bio-60-g-sol-semilla","title":"Chlorelle Crue Poudre Bio - 60 g - Sol Semilla","description":"\u003cdiv class=\"chl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"chl-hero\"\u003e\n\u003cdiv class=\"chl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chl-hero-content\"\u003e\n\u003cdiv class=\"chl-badges-top\"\u003e\n\u003cspan class=\"chl-badge\"\u003e🌿 100 % pure \u0026amp; bio\u003c\/span\u003e \u003cspan class=\"chl-badge\"\u003e🇩🇰 Origine Danemark\u003c\/span\u003e \u003cspan class=\"chl-badge\"\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/span\u003e \u003cspan class=\"chl-badge\"\u003e🥄 20 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"chl-hero-title\"\u003eChlorelle crue poudre bio\u003c\/span\u003e\n\u003cp class=\"chl-subtitle\"\u003eSol Semilla · Super Poudre · 60 g\u003c\/p\u003e\n\u003cp class=\"chl-description\"\u003eL'algue verte microscopique qui purifie votre organisme, booste votre immunité et recharge votre vitalité - cultivée en milieu protégé, séchée à basse température.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003cp class=\"chl-section-intro\"\u003eVous cherchez un superaliment complet pour soutenir votre organisme au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"chl-grid-compact\"\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🧬 Micro-algue d'eau douce\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eChlorella vulgaris\u003c\/em\u003e cultivée au Danemark en milieu protégé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e✨ 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans additifs, sans conservateurs, sans colorants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient à tous les régimes alimentaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🥗 Crue (raw)\u003c\/h3\u003e\n\u003cp\u003eRichesse nutritionnelle remarquable préservée dans chaque cuillère\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003ch2\u003ePourquoi la chlorelle bio est-elle si prisée ?\u003c\/h2\u003e\n\u003cp class=\"chl-section-intro\"\u003eConsidérée comme l'un des aliments les plus denses en nutriments au monde, la chlorelle est un allié polyvalent pour votre santé.\u003c\/p\u003e\n\u003cdiv class=\"chl-grid\"\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e💪 ~50 % de protéines complètes\u003c\/h3\u003e\n\u003cp\u003eTous les acides aminés essentiels réunis - idéal pour les régimes végétariens et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🍃 Riche en chlorophylle\u003c\/h3\u003e\n\u003cp\u003eLe pigment vert qui confère à la chlorelle sa capacité à capter les métaux lourds et toxines de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🧡 Vitamine B12, fer \u0026amp; bêta-carotène\u003c\/h3\u003e\n\u003cp\u003eDes nutriments souvent difficiles à obtenir en quantité suffisante par l'alimentation seule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n\u003cp\u003eContribuent à protéger les cellules contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🌞 Immunité \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eSoutien de l'immunité, aide à la digestion, réduction de la fatigue et regain d'énergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n\u003cp\u003eBeaucoup d'utilisateurs remarquent un teint plus éclatant après quelques semaines de cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003ch2\u003eComment utiliser la chlorelle en poudre au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"chl-section-intro\"\u003eL'utilisation est très simple. Voici nos conseils pour bien démarrer votre cure :\u003c\/p\u003e\n\u003cdiv class=\"chl-timeline\"\u003e\n\u003cdiv class=\"chl-timeline-item\"\u003e\n\u003cdiv class=\"chl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"chl-timeline-content\"\u003e\n\u003ch3\u003eDose de départ\u003c\/h3\u003e\n\u003cp\u003eCommencez par \u003cstrong\u003e½ cuillère à café par jour\u003c\/strong\u003e (environ 1,5 g) pendant la première semaine. La chlorelle a un fort pouvoir détoxifiant : une introduction progressive permet à votre corps de s'adapter en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-timeline-item\"\u003e\n\u003cdiv class=\"chl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"chl-timeline-content\"\u003e\n\u003ch3\u003eDose d'entretien\u003c\/h3\u003e\n\u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e1 cuillère à café par jour\u003c\/strong\u003e (environ 3 g), soit la portion recommandée par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-timeline-item\"\u003e\n\u003cdiv class=\"chl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"chl-timeline-content\"\u003e\n\u003ch3\u003eComment la prendre\u003c\/h3\u003e\n\u003cp\u003eDiluez la poudre dans un verre d'eau, un jus de fruits, un smoothie ou incorporez-la dans une sauce ou une vinaigrette. Son goût végétal prononcé se marie bien avec les fruits comme la banane ou la mangue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-tip\"\u003e\n\u003cspan class=\"chl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous ressentez de légers vertiges ou nausées, réduisez simplement la dose. C'est souvent le signe que la détoxification est en cours. N'hésitez pas à consulter un professionnel de santé pour adapter la posologie à vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"chl-section-intro\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Chlorelle (\u003cem\u003eChlorella vulgaris\u003c\/em\u003e) issue de l'agriculture biologique.\u003c\/p\u003e\n\u003cdiv class=\"chl-grid-compact\"\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🌡️ Poudre crue (raw)\u003c\/h3\u003e\n\u003cp\u003eNon chauffée, pour préserver l'intégralité des nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs, sans colorants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e✅ Certifiée bio\u003c\/h3\u003e\n\u003cp\u003ePar Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🇩🇰 Origine Danemark\u003c\/h3\u003e\n\u003cp\u003eProduite en milieu protégé, sans pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e📦 Contenu : 60 g\u003c\/h3\u003e\n\u003cp\u003eSoit environ 20 portions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eVegan, sans gluten, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003ch2\u003eCe qui distingue la chlorelle Sol Semilla\u003c\/h2\u003e\n\u003cp class=\"chl-section-intro\"\u003eSol Semilla, pionnier des superaliments en France depuis 1992, se démarque par des engagements concrets :\u003c\/p\u003e\n\u003cdiv class=\"chl-grid\"\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🏭 Culture en milieu fermé et contrôlé\u003c\/h3\u003e\n\u003cp\u003eGarantissant l'absence totale de contamination environnementale pour une pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e❄️ Séchage basse température\u003c\/h3\u003e\n\u003cp\u003eUn processus qui préserve les vitamines, enzymes et antioxydants dans leur intégralité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDe la culture à la mise en sachet, chaque étape est documentée et vérifiable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"chl-accordion\"\u003e\n\u003cdetails class=\"chl-accordion-item\"\u003e\n\u003csummary class=\"chl-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"chl-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 personnes sous traitement anticoagulant ou sensibles à l'iode sans avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"chl-accordion-item\"\u003e\n\u003csummary class=\"chl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"chl-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet bien fermé, au sec et à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"chl-section\"\u003e\n\u003cdiv class=\"chl-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre corps le pouvoir purifiant de la chlorelle bio - 60 g de super poudre pour retrouver énergie, vitalité et éclat au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"chl-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 --chl-cream: #faf6f0;\n --chl-white: #ffffff;\n --chl-primary: #2e7d5b;\n --chl-primary-dark: #1b5e3f;\n --chl-primary-light: #e8f5ee;\n --chl-secondary: #d4562a;\n --chl-accent: #c7883a;\n --chl-text: #1a1a1a;\n --chl-text-light: #5a5a5a;\n --chl-border: #e0ddd8;\n --chl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --chl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --chl-radius: 20px;\n --chl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.chl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--chl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.chl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--chl-primary-dark) 0%, var(--chl-primary) 50%, #3a9d6e 100%);\n border-radius: var(--chl-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(--chl-shadow-lg);\n}\n\n.chl-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(212,86,42,.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.chl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.chl-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.chl-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.chl-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.chl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.chl-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(--chl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.chl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.chl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.chl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--chl-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.chl-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(--chl-primary), var(--chl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.chl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--chl-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.chl-section-intro strong {\n color: var(--chl-text);\n}\n\n\/* === CARDS === *\/\n.chl-card {\n background: var(--chl-white);\n border-radius: var(--chl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--chl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.chl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--chl-shadow-lg);\n border-color: var(--chl-primary);\n}\n\n.chl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--chl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.chl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--chl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.chl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.chl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.chl-grid-compact .chl-card {\n padding: 1rem;\n}\n\n.chl-grid-compact .chl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.chl-grid-compact .chl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.chl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.chl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.chl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--chl-primary), var(--chl-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.chl-timeline-content {\n flex: 1;\n background: var(--chl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--chl-radius-sm);\n box-shadow: var(--chl-shadow);\n}\n\n.chl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--chl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.chl-timeline-content p {\n font-size: 14px;\n color: var(--chl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.chl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--chl-primary-light);\n border-radius: var(--chl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.chl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.chl-tip p {\n font-size: 14px;\n color: var(--chl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.chl-accordion {\n background: var(--chl-white);\n border-radius: var(--chl-radius);\n box-shadow: var(--chl-shadow);\n overflow: hidden;\n}\n\n.chl-accordion-item {\n border-bottom: 1px solid var(--chl-border);\n margin: 0;\n padding: 0;\n}\n\n.chl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.chl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--chl-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.chl-accordion-header:hover {\n background: var(--chl-primary-light);\n}\n\n.chl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.chl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--chl-primary);\n transition: transform .2s ease;\n}\n\n.chl-accordion-item[open] .chl-accordion-header::after {\n content: '−';\n}\n\n.chl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--chl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.chl-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.chl-cta-box {\n background: linear-gradient(135deg, var(--chl-primary) 0%, var(--chl-primary-dark) 100%);\n border-radius: var(--chl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.chl-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.chl-disclaimer {\n font-size: 12px;\n color: var(--chl-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 .chl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .chl-card {\n padding: 1.125rem;\n }\n\n .chl-section {\n margin-bottom: 1.75rem;\n }\n\n .chl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--chl-radius-sm);\n }\n\n .chl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .chl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .chl-grid-compact {\n gap: .625rem;\n }\n\n .chl-grid-compact .chl-card {\n padding: .75rem;\n }\n\n .chl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .chl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .chl-timeline-content h3 {\n font-size: 14px;\n }\n\n .chl-timeline-content p {\n font-size: 13px;\n }\n\n .chl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .chl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .chl-tip {\n padding: .875rem 1rem;\n }\n\n .chl-tip-icon {\n font-size: 20px;\n }\n\n .chl-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .chl-card {\n animation: chlFadeInUp .5s ease backwards;\n }\n .chl-card:nth-child(1) { animation-delay: .05s; }\n .chl-card:nth-child(2) { animation-delay: .1s; }\n .chl-card:nth-child(3) { animation-delay: .15s; }\n .chl-card:nth-child(4) { animation-delay: .2s; }\n .chl-card:nth-child(5) { animation-delay: .25s; }\n .chl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes chlFadeInUp {\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 .chl-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":45755126743197,"sku":"R030","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chlorelle-crue-poudre-bio-60-g-sol-semilla-lifestyle.webp?v=1772708790"},{"product_id":"guarana-blanc-poudre-bio-50-g-sol-semilla","title":"Guarana Bio en Poudre - 50 g - Sol Semilla","description":"\u003cdiv class=\"gua-premium\"\u003e\n\u003cdiv class=\"gua-hero\"\u003e\n\u003cdiv class=\"gua-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gua-hero-content\"\u003e\n\u003cdiv class=\"gua-badges-top\"\u003e\n\u003cspan class=\"gua-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🇧🇷 Amazonie brésilienne\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🥄 16 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gua-hero-title\"\u003eGuarana Bio en Poudre\u003c\/span\u003e\n\u003cp class=\"gua-subtitle\"\u003eSol Semilla - Superaliments · 50 g\u003c\/p\u003e\n\u003cp class=\"gua-description\"\u003eUn concentré d'énergie amazonienne, cru et biologique, pour booster vos capacités physiques et mentales sans les pics du café.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003cp class=\"gua-section-intro\"\u003eVous cherchez une alternative naturelle au café pour soutenir votre énergie et votre concentration ?\u003c\/p\u003e\n\u003cdiv class=\"gua-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003epoudre de guarana bio Sol Semilla\u003c\/strong\u003e est faite pour vous. Issue de graines de \u003cstrong\u003eguarana blanc\u003c\/strong\u003e (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) récoltées à la main en Amazonie brésilienne, cette poudre crue et certifiée biologique vous offre un coup de boost progressif, sans les pics ni les chutes brutales associés au café classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003ePourquoi choisir le guarana en poudre plutôt que le café ?\u003c\/h2\u003e\n\u003cdiv class=\"gua-grid\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e⏳ Caféine à libération lente\u003c\/h3\u003e\n\u003cp\u003eContrairement au café, la caféine du guarana est liée à des tanins. Votre organisme l'assimile progressivement pour une \u003cstrong\u003eénergie stable et durable\u003c\/strong\u003e sur plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🧠 Concentration prolongée\u003c\/h3\u003e\n\u003cp\u003eIdéal lors d'une journée chargée, d'une session de travail intense ou avant une activité sportive. Pas de pic brutal, pas de crash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌿 Richesse naturelle\u003c\/h3\u003e\n\u003cp\u003eAu-delà de la caféine, le guarana bio apporte naturellement de la \u003cstrong\u003ethéobromine\u003c\/strong\u003e, des \u003cstrong\u003etanins\u003c\/strong\u003e et des \u003cstrong\u003eoligo-éléments\u003c\/strong\u003e pour améliorer les capacités physiques et mentales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComment utiliser cette poudre de guarana bio ?\u003c\/h2\u003e\n\u003cp class=\"gua-section-intro\"\u003eCe sachet de 50 g offre environ \u003cstrong\u003e16 portions\u003c\/strong\u003e. Voici nos recommandations pour en profiter pleinement :\u003c\/p\u003e\n\u003cdiv class=\"gua-timeline\"\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eTestez votre tolérance\u003c\/h3\u003e\n\u003cp\u003eCommencez par \u003cstrong\u003eune demi-cuillère à café\u003c\/strong\u003e (environ 2 g) pour évaluer votre sensibilité à la caféine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n\u003cp\u003eMontez jusqu'à \u003cstrong\u003eune cuillère à café rase\u003c\/strong\u003e (3 g) par jour si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eMélangez à vos recettes\u003c\/h3\u003e\n\u003cp\u003eIntégrez la poudre dans un \u003cstrong\u003esmoothie, un jus de fruits, une compote ou un yaourt végétal\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n\u003cp\u003ePrivilégiez une prise le \u003cstrong\u003ematin ou en début d'après-midi\u003c\/strong\u003e pour ne pas perturber votre sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût légèrement amer du guarana se marie très bien avec la banane, le cacao cru ou le lait d'amande. N'hésitez pas à l'intégrer dans vos recettes de boissons énergisantes maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n\u003cdiv class=\"gua-ingredient-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e 100 % graines de guarana blanc* (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) réduites en poudre fine.\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-grid-compact\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eContrôlé par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eSans lactose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eAdapté à tous les régimes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n\u003cp\u003eAmazonie - la graine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eUn produit éthique signé Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gua-testimonial\"\u003e\n\u003cp class=\"gua-testimonial-text\"\u003eLa marque \u003cstrong\u003eSol Semilla\u003c\/strong\u003e sélectionne ses superaliments directement auprès de communautés locales amazoniennes. Les graines de guarana sont récoltées manuellement dans le respect des traditions ancestrales et de la biodiversité. En choisissant cette \u003cstrong\u003epoudre de guarana bio\u003c\/strong\u003e, vous soutenez une filière équitable et des pratiques agricoles durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cp\u003eChaque lot est \u003cstrong\u003econtrôlé et élaboré par l'équipe Sol Semilla\u003c\/strong\u003e en France, garantissant une traçabilité complète et une qualité irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gua-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"gua-accordion\"\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes et aux personnes sensibles à la caféine. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"gua-disclaimer\"\u003eComplément alimentaire - Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gua-cream: #faf6f0;\n --gua-white: #ffffff;\n --gua-primary: #c0442a;\n --gua-primary-dark: #8b2e1a;\n --gua-primary-light: #fbeee9;\n --gua-secondary: #d4973b;\n --gua-accent: #4a7c3f;\n --gua-text: #1a1a1a;\n --gua-text-light: #5a5a5a;\n --gua-border: #e8ddd2;\n --gua-shadow: 0 4px 24px rgba(139,46,26,.08);\n --gua-shadow-lg: 0 12px 48px rgba(139,46,26,.15);\n --gua-radius: 20px;\n --gua-radius-sm: 12px;\n}\n\n.gua-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gua-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gua-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gua-primary-dark) 0%, var(--gua-primary) 45%, var(--gua-secondary) 100%);\n border-radius: var(--gua-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gua-shadow-lg);\n}\n\n.gua-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,151,59,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gua-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gua-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gua-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gua-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gua-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gua-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gua-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gua-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.gua-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gua-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gua-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gua-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gua-primary), var(--gua-secondary));\n border-radius: 2px;\n}\n\n.gua-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gua-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gua-section-intro strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-highlight-box {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gua-shadow);\n border-left: 4px solid var(--gua-secondary);\n}\n\n.gua-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gua-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.gua-highlight-box strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-card {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gua-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gua-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gua-shadow-lg);\n border-color: var(--gua-primary);\n}\n\n.gua-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gua-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gua-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gua-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gua-card p strong {\n color: var(--gua-text);\n}\n\n.gua-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gua-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gua-grid-compact .gua-card {\n padding: 1rem;\n}\n\n.gua-grid-compact .gua-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gua-grid-compact .gua-card p {\n font-size: 12px;\n}\n\n.gua-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gua-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gua-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gua-primary), var(--gua-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gua-timeline-content {\n flex: 1;\n background: var(--gua-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gua-radius-sm);\n box-shadow: var(--gua-shadow);\n}\n\n.gua-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gua-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gua-timeline-content p {\n font-size: 14px;\n color: var(--gua-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gua-timeline-content p strong {\n color: var(--gua-text);\n}\n\n.gua-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gua-primary-light);\n border-radius: var(--gua-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gua-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gua-tip p {\n font-size: 14px;\n color: var(--gua-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.gua-tip p strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-ingredient-box {\n background: var(--gua-white);\n border-radius: var(--gua-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--gua-shadow);\n text-align: center;\n margin-bottom: 1.5rem;\n border: 2px solid var(--gua-border);\n}\n\n.gua-ingredient-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gua-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.gua-ingredient-box strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-testimonial {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gua-shadow);\n border-left: 4px solid var(--gua-accent);\n}\n\n.gua-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gua-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.gua-testimonial-text strong {\n color: var(--gua-primary-dark);\n font-style: normal;\n}\n\n.gua-accordion {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n box-shadow: var(--gua-shadow);\n overflow: hidden;\n}\n\n.gua-accordion-item {\n border-bottom: 1px solid var(--gua-border);\n margin: 0;\n padding: 0;\n}\n\n.gua-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gua-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gua-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gua-accordion-header:hover {\n background: var(--gua-primary-light);\n}\n\n.gua-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gua-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gua-primary);\n transition: transform .2s ease;\n}\n\n.gua-accordion-item[open] .gua-accordion-header::after {\n content: '−';\n}\n\n.gua-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gua-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gua-accordion-content p {\n margin: 0;\n}\n\n.gua-accordion-content p strong {\n color: var(--gua-text);\n}\n\n.gua-disclaimer {\n font-size: 12px;\n color: var(--gua-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .gua-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gua-card {\n padding: 1.125rem;\n }\n\n .gua-section {\n margin-bottom: 1.75rem;\n }\n\n .gua-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gua-radius-sm);\n }\n\n .gua-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gua-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gua-grid-compact {\n gap: .625rem;\n }\n\n .gua-grid-compact .gua-card {\n padding: .75rem;\n }\n\n .gua-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gua-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gua-timeline-content h3 {\n font-size: 14px;\n }\n\n .gua-timeline-content p {\n font-size: 13px;\n }\n\n .gua-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gua-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gua-testimonial {\n padding: 1.25rem;\n }\n\n .gua-testimonial-text {\n font-size: 14px;\n }\n\n .gua-highlight-box {\n padding: 1.25rem;\n }\n\n .gua-ingredient-box {\n padding: 1rem 1.125rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gua-card {\n animation: guaFadeInUp .5s ease backwards;\n }\n .gua-card:nth-child(1) { animation-delay: .05s; }\n .gua-card:nth-child(2) { animation-delay: .1s; }\n .gua-card:nth-child(3) { animation-delay: .15s; }\n .gua-card:nth-child(4) { animation-delay: .2s; }\n .gua-card:nth-child(5) { animation-delay: .25s; }\n .gua-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes guaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gua-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755127169181,"sku":"REF1356","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guarana-bio-en-poudre-50-g-sol-semilla-lifestyle.webp?v=1772725070"},{"product_id":"poudre-caroube-crue-bio-150g-sol-semilla","title":"Poudre de Caroube crue Bio - 150 g - Sol Semilla","description":"\u003cdiv class=\"cb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cb-hero\"\u003e\n\u003cdiv class=\"cb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-hero-content\"\u003e\n\u003cdiv class=\"cb-badges-top\"\u003e\n\u003cspan class=\"cb-badge\"\u003e🌿 Bio certifiée AB\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🇪🇸 Origine Espagne\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🥄 38 portions\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🌱 Vegan \u0026amp; Crue\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cb-hero-title\"\u003ePoudre de Caroube crue Bio\u003c\/span\u003e\n\u003cp class=\"cb-subtitle\"\u003eSol Semilla - Superaliments · 150 g\u003c\/p\u003e\n\u003cp class=\"cb-description\"\u003eL'alternative gourmande au cacao : naturellement sucrée, sans caféine, riche en fibres. Des notes de caramel et de noisette pour sublimer toutes vos recettes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003cp class=\"cb-section-intro\"\u003eVous cherchez une \u003cstrong\u003epoudre de caroube bio\u003c\/strong\u003e de qualité pour remplacer le cacao dans vos recettes ? Celle de \u003cstrong\u003eSol Semilla\u003c\/strong\u003e est obtenue à partir de cosses de caroubier cultivées en Espagne, séchées puis broyées à basse température (raw). Résultat : une \u003cstrong\u003ecaroube en poudre\u003c\/strong\u003e qui conserve l'intégralité de ses nutriments et offre une saveur naturellement sucrée, aux notes de caramel et de noisette.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eBienfaits de la poudre de caroube\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eQuand on parle de \u003cstrong\u003epoudre de caroube et bienfaits\u003c\/strong\u003e, la liste est étonnamment riche. Contrairement au cacao, la caroube est \u003cstrong\u003enaturellement dépourvue de caféine et de théobromine\u003c\/strong\u003e, ce qui la rend adaptée aux personnes sensibles aux excitants, aux enfants, et même aux femmes enceintes (demandez toutefois l'avis de votre médecin).\u003c\/p\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌾 Riche en fibres alimentaires\u003c\/h3\u003e\n\u003cp\u003eLa caroube favorise la satiété et soutient le transit intestinal : un véritable coupe-faim naturel dans le cadre d'un contrôle du poids.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🦴 Source de calcium et de potassium\u003c\/h3\u003e\n\u003cp\u003eDes minéraux essentiels pour les os, les muscles et l'équilibre électrolytique de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🪶 Faible en matières grasses\u003c\/h3\u003e\n\u003cp\u003eEnviron 3 à 4 fois moins de lipides que le cacao, tout en gardant un goût réconfortant et gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍯 Naturellement sucrée\u003c\/h3\u003e\n\u003cp\u003eElle permet de réduire considérablement l'ajout de sucre dans toutes vos préparations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🚫 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient parfaitement aux personnes intolérantes ou cœliaques, sans aucun compromis sur le plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e☕ Sans caféine ni théobromine\u003c\/h3\u003e\n\u003cp\u003eIdéale pour les enfants, les personnes sensibles aux excitants et les femmes enceintes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComment utiliser la poudre de caroube au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eL'un des grands atouts de cette \u003cstrong\u003epoudre de caroube\u003c\/strong\u003e, c'est sa polyvalence en cuisine. Voici des idées concrètes pour l'intégrer facilement à votre alimentation :\u003c\/p\u003e\n\u003cdiv class=\"cb-timeline\"\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🍰 En pâtisserie\u003c\/h3\u003e\n\u003cp\u003eRemplacez le cacao par la même quantité de caroube dans vos gâteaux, cookies ou brownies. Le résultat est plus doux et légèrement caramélisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🥤 Dans vos smoothies et boissons\u003c\/h3\u003e\n\u003cp\u003eAjoutez 1 à 2 cuillères à café dans un lait végétal chaud pour un \"chocolat chaud\" sans caféine, ou dans un smoothie banane-amande.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🥣 Au petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez-la sur un porridge, un yaourt ou un bol de granola pour un boost de saveur naturellement sucré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e✨ En saupoudrage\u003c\/h3\u003e\n\u003cp\u003eSur des fruits frais, une crème dessert ou une tartine de purée d'oléagineux pour une touche gourmande sans culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-tip\"\u003e\n\u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe sachet de 150 g offre environ \u003cstrong\u003e38 portions\u003c\/strong\u003e, de quoi explorer de nombreuses recettes pendant plusieurs semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"cb-grid-compact\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003e100 % poudre de gousse de caroube (\u003cem\u003eCeratonia siliqua\u003c\/em\u003e) crue, issue de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs, sans sucres ajoutés. Pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e✅ Certifiée AB \u0026amp; Ecocert\u003c\/h3\u003e\n\u003cp\u003eOrigine Espagne. Garantie bio, sans pesticides ni OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌿 Vegan \u0026amp; Crue\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003ePourquoi choisir Sol Semilla ?\u003c\/h2\u003e\n\u003cdiv class=\"cb-testimonial\"\u003e\n\u003cp class=\"cb-testimonial-text\"\u003eSol Semilla sélectionne ses superaliments avec une exigence rare : chaque lot est \u003cstrong\u003econtrôlé et élaboré par leur propre équipe\u003c\/strong\u003e, de la culture à l'emballage. La traçabilité est totale, et la certification bio garantit l'absence de pesticides et d'OGM. En optant pour cette \u003cstrong\u003epoudre de caroube bio\u003c\/strong\u003e, vous faites le choix d'un produit éthique, pur et respectueux de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"cb-accordion\"\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet bien refermé, à l'abri de la lumière et de l'humidité pour préserver toute la fraîcheur et les qualités nutritionnelles de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un aliment et \u003cstrong\u003ene se substitue pas à un traitement médical\u003c\/strong\u003e ni à une alimentation variée et équilibrée. En cas de doute, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cb-section\"\u003e\n\u003cdiv class=\"cb-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez-vous la douceur naturelle de la caroube bio - saveur gourmande, sans caféine, riche en fibres. Votre alternative saine au cacao au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cb-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cb-cream: #faf6f1;\n --cb-white: #ffffff;\n --cb-primary: #c0392b;\n --cb-primary-dark: #8b2015;\n --cb-primary-light: #fdecea;\n --cb-secondary: #5a9a2f;\n --cb-accent: #d4a24e;\n\n \/* Textes *\/\n --cb-text: #1a1a1a;\n --cb-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cb-border: #e8ddd2;\n --cb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cb-radius: 20px;\n --cb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n position: relative;\n background: linear-gradient(135deg, #8b2015 0%, #c0392b 40%, #d4a24e 100%);\n border-radius: var(--cb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(90,154,47,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cb-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cb-primary), var(--cb-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cb-section-intro strong {\n color: var(--cb-text);\n}\n\n\/* === CARDS === *\/\n.cb-card {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cb-shadow-lg);\n border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cb-primary), var(--cb-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cb-timeline-content {\n flex: 1;\n background: var(--cb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cb-radius-sm);\n box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n font-size: 14px;\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cb-testimonial {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cb-shadow);\n border-left: 4px solid var(--cb-secondary);\n}\n\n.cb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cb-testimonial-text strong {\n color: var(--cb-primary-dark);\n font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n box-shadow: var(--cb-shadow);\n overflow: hidden;\n}\n\n.cb-accordion-item {\n border-bottom: 1px solid var(--cb-border);\n margin: 0;\n padding: 0;\n}\n\n.cb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cb-accordion-header:hover {\n background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cb-primary);\n transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n content: '−';\n}\n\n.cb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cb-accordion-content p {\n margin: 0;\n}\n\n.cb-accordion-content strong {\n color: var(--cb-text);\n}\n\n\/* === TIP BOX === *\/\n.cb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cb-primary-light);\n border-radius: var(--cb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb-tip p {\n font-size: 14px;\n color: var(--cb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cb-cta-box {\n background: linear-gradient(135deg, var(--cb-secondary) 0%, #3d7a1a 100%);\n border-radius: var(--cb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cb-disclaimer {\n font-size: 12px;\n color: var(--cb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cb-card {\n padding: 1.125rem;\n }\n\n .cb-section {\n margin-bottom: 1.75rem;\n }\n\n .cb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cb-radius-sm);\n }\n\n .cb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cb-grid-compact {\n gap: .625rem;\n }\n\n .cb-grid-compact .cb-card {\n padding: .75rem;\n }\n\n .cb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cb-timeline-content h3 {\n font-size: 14px;\n }\n\n .cb-timeline-content p {\n font-size: 13px;\n }\n\n .cb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cb-testimonial {\n padding: 1.25rem;\n }\n\n .cb-testimonial-text {\n font-size: 14px;\n }\n\n .cb-section-intro {\n font-size: 14px;\n margin-bottom: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cb-card {\n animation: cbFadeInUp .5s ease backwards;\n }\n .cb-card:nth-child(1) { animation-delay: .05s; }\n .cb-card:nth-child(2) { animation-delay: .1s; }\n .cb-card:nth-child(3) { animation-delay: .15s; }\n .cb-card:nth-child(4) { animation-delay: .2s; }\n .cb-card:nth-child(5) { animation-delay: .25s; }\n .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755127791773,"sku":"REF1358","price":8.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-caroube-crue-bio-150-g-sol-semilla-lifestyle.webp?v=1772727068"},{"product_id":"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":"acai-lyophilise-poudre-100-fruit-bio-50-g-sol-semilla","title":"Poudre d'Açaï Bio - 50 g - Sol Semilla","description":"\u003cdiv class=\"acai-premium\"\u003e\n\u003cdiv class=\"acai-hero\"\u003e\n\u003cdiv class=\"acai-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"acai-hero-content\"\u003e\n\u003cdiv class=\"acai-badges-top\"\u003e\n\u003cspan class=\"acai-badge\"\u003e🌿 100 % bio\u003c\/span\u003e \u003cspan class=\"acai-badge\"\u003e🇧🇷 Origine Brésil\u003c\/span\u003e \u003cspan class=\"acai-badge\"\u003e🍇 Poudre pure lyophilisée\u003c\/span\u003e \u003cspan class=\"acai-badge\"\u003e🚫 Sans sucre ajouté\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"acai-hero-title\"\u003ePoudre d'Açaï Bio\u003c\/span\u003e\n\u003cp class=\"acai-subtitle\"\u003eSol Semilla - Le pouvoir des superaliments depuis 1992\u003c\/p\u003e\n\u003cp class=\"acai-description\"\u003eLa baie régénérante \u0026amp; tonifiante d'Amazonie, lyophilisée pour préserver toute sa richesse nutritionnelle. 50 g · 8 portions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003cp class=\"acai-section-intro\"\u003eVous cherchez une \u003cstrong\u003epoudre d'açaï bio\u003c\/strong\u003e pure, sans sucre ajouté et véritablement concentrée en nutriments ? Celle de Sol Semilla coche toutes les cases.\u003c\/p\u003e\n\u003cdiv class=\"acai-grid-compact\"\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🍇 100 % açaï\u003c\/h3\u003e\n\u003cp\u003ePoudre issue exclusivement de baies d'açaï lyophilisées, rien d'autre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique certifiée AB et Eurofeuille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e❄️ Lyophilisée\u003c\/h3\u003e\n\u003cp\u003eProcédé à basse température pour préserver vitamines et nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e📦 50 g pratiques\u003c\/h3\u003e\n\u003cp\u003eEnviron 8 portions, format idéal pour découvrir ou emporter en voyage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'açaï en poudre bio ?\u003c\/h2\u003e\n\u003cp class=\"acai-section-intro\"\u003eLa baie d'açaï est considérée comme l'un des fruits les plus riches en \u003cstrong\u003eantioxydants\u003c\/strong\u003e au monde. Sa teneur remarquable en anthocyanes en fait un allié précieux contre le stress oxydatif.\u003c\/p\u003e\n\u003cdiv class=\"acai-grid\"\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n\u003cp\u003eLes anthocyanes, pigments responsables de sa couleur violette intense, luttent activement contre le stress oxydatif cellulaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🌾 Riche en fibres\u003c\/h3\u003e\n\u003cp\u003eContribue au bon fonctionnement du transit intestinal pour un confort digestif au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e⚡ Source de fer\u003c\/h3\u003e\n\u003cp\u003eParticipe à réduire la fatigue et soutient la vitalité, notamment chez les femmes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e💛 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eOméga 6 et oméga 9 bénéfiques pour le système cardiovasculaire et l'équilibre lipidique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e💪 Protéines végétales\u003c\/h3\u003e\n\u003cp\u003eUn apport intéressant pour les sportifs, les végétariens et toute personne active\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🚫 Sans sucre ajouté\u003c\/h3\u003e\n\u003cp\u003eUn profil nutritionnel préservé et authentique, sans aucun superflu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-tip\"\u003e\n\u003cspan class=\"acai-tip-icon\"\u003e❄️\u003c\/span\u003e\n\u003cp\u003eGrâce au procédé de \u003cstrong\u003elyophilisation\u003c\/strong\u003e, les baies sont déshydratées à basse température. Ce procédé doux conserve l'essentiel des vitamines, minéraux et composés actifs, contrairement au séchage classique qui altère une partie des nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\" class=\"acai-card\"\u003e\n\u003ch3\u003e🫐 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100 % poudre de baies d'açaï lyophilisées\u003c\/strong\u003e (\u003cem\u003eEuterpe oleracea\u003c\/em\u003e)\u003c\/p\u003e\n\u003cp\u003eIssue de l'agriculture biologique · Origine : Brésil\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem; font-size: 13px; color: var(--acai-text-light);\"\u003eSans additif · Sans conservateur · Sans sucre ajouté · Sans OGM · Certifiée AB et Eurofeuille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003ch2\u003eComment utiliser la poudre d'açaï au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"acai-section-intro\"\u003eLa dose recommandée est d'environ \u003cstrong\u003e5 à 6 g par jour\u003c\/strong\u003e, soit une cuillère à café bien remplie. Son goût fruité, légèrement acidulé avec des notes de cacao, s'intègre facilement dans vos préparations.\u003c\/p\u003e\n\u003cdiv class=\"acai-timeline\"\u003e\n\u003cdiv class=\"acai-timeline-item\"\u003e\n\u003cdiv class=\"acai-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-content\"\u003e\n\u003ch3\u003e🥣 Açaï bowl\u003c\/h3\u003e\n\u003cp\u003eMélangez la poudre avec une banane congelée, un peu de lait végétal et mixez. Ajoutez granola, fruits frais et graines en topping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-item\"\u003e\n\u003cdiv class=\"acai-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-content\"\u003e\n\u003ch3\u003e🥤 Smoothie énergétique\u003c\/h3\u003e\n\u003cp\u003eAssociez-la à de la banane, des fruits rouges et du lait d'amande pour un petit-déjeuner revitalisant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-item\"\u003e\n\u003cdiv class=\"acai-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-content\"\u003e\n\u003ch3\u003e🥄 Yaourt ou porridge\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez directement pour un boost nutritionnel simple et rapide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-item\"\u003e\n\u003cdiv class=\"acai-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-content\"\u003e\n\u003ch3\u003e🧁 Pâtisseries maison\u003c\/h3\u003e\n\u003cp\u003eIncorporez-la dans vos energy balls, muffins ou barres de céréales pour une touche superfood.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-tip\"\u003e\n\u003cspan class=\"acai-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous trouverez de nombreuses idées de \u003cstrong\u003erecettes à base d'açaï en poudre\u003c\/strong\u003e pour varier les plaisirs tout au long de la semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003ch2\u003eSol Semilla : l'exigence depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"acai-testimonial\"\u003e\n\u003cp class=\"acai-testimonial-text\"\u003ePionnière des superaliments en France, la marque \u003cstrong\u003eSol Semilla\u003c\/strong\u003e sélectionne ses matières premières directement auprès de producteurs locaux en Amazonie brésilienne. Les baies sont récoltées à la main, dans le respect des écosystèmes et des communautés. Ce sachet de 50 g est idéal pour découvrir le produit ou l'emporter facilement en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"acai-grid-compact\"\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🌍 Commerce équitable\u003c\/h3\u003e\n\u003cp\u003eSourcing direct auprès des communautés amazoniennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🤲 Récolte manuelle\u003c\/h3\u003e\n\u003cp\u003eDans le respect des écosystèmes locaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🇫🇷 Depuis 1992\u003c\/h3\u003e\n\u003cp\u003ePionnière des superaliments en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n\u003cp\u003eLabels AB et Eurofeuille garantis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"acai-accordion\"\u003e\n\u003cdetails class=\"acai-accordion-item\"\u003e\n\u003csummary class=\"acai-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"acai-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement le sachet après chaque utilisation pour préserver la fraîcheur et les qualités nutritionnelles de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"acai-accordion-item\"\u003e\n\u003csummary class=\"acai-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n\u003cdiv class=\"acai-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément à une alimentation variée et équilibrée et ne saurait remplacer un traitement médical. Déconseillé aux personnes allergiques aux baies. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"acai-section\"\u003e\n\u003cdiv class=\"acai-cta-box\"\u003e\n\u003cp\u003e🍇 Offrez à votre corps le meilleur de l'Amazonie.\u003cbr\u003eUne cuillère par jour pour faire le plein d'antioxydants, de vitalité et d'énergie naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"acai-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 --acai-cream: #faf6f0;\n --acai-white: #ffffff;\n --acai-primary: #5b2d8e;\n --acai-primary-dark: #3a1a5e;\n --acai-primary-light: #f3ecf9;\n --acai-secondary: #e04e1b;\n --acai-accent: #d4a24e;\n --acai-text: #1a1a1a;\n --acai-text-light: #5a5a5a;\n --acai-border: #e8e0d8;\n --acai-shadow: 0 4px 24px rgba(0,0,0,.08);\n --acai-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --acai-radius: 20px;\n --acai-radius-sm: 12px;\n}\n\n.acai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--acai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.acai-hero {\n position: relative;\n background: linear-gradient(135deg, var(--acai-primary-dark) 0%, var(--acai-primary) 45%, var(--acai-secondary) 100%);\n border-radius: var(--acai-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(--acai-shadow-lg);\n}\n\n.acai-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-conic-gradient(rgba(255,255,255,.03) 0% 25%, transparent 0% 50%) 50% \/ 60px 60px;\n opacity: 1;\n}\n\n.acai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.acai-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.acai-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.acai-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n max-width: 560px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.acai-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.acai-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(--acai-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.acai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.acai-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.acai-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--acai-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.acai-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(--acai-primary), var(--acai-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.acai-card {\n background: var(--acai-white);\n border-radius: var(--acai-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--acai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.acai-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--acai-shadow-lg);\n border-color: var(--acai-primary);\n}\n\n.acai-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--acai-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.acai-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.acai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.acai-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.acai-grid-compact .acai-card {\n padding: 1rem;\n}\n\n.acai-grid-compact .acai-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.acai-grid-compact .acai-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.acai-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.acai-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.acai-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--acai-primary), var(--acai-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.acai-timeline-content {\n flex: 1;\n background: var(--acai-white);\n padding: 1rem 1.25rem;\n border-radius: var(--acai-radius-sm);\n box-shadow: var(--acai-shadow);\n}\n\n.acai-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--acai-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.acai-timeline-content p {\n font-size: 14px;\n color: var(--acai-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.acai-testimonial {\n background: var(--acai-white);\n border-radius: var(--acai-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acai-shadow);\n border-left: 4px solid var(--acai-primary);\n}\n\n.acai-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acai-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.acai-accordion {\n background: var(--acai-white);\n border-radius: var(--acai-radius);\n box-shadow: var(--acai-shadow);\n overflow: hidden;\n}\n\n.acai-accordion-item {\n border-bottom: 1px solid var(--acai-border);\n margin: 0;\n padding: 0;\n}\n\n.acai-accordion-item:last-child {\n border-bottom: none;\n}\n\n.acai-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--acai-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.acai-accordion-header:hover {\n background: var(--acai-primary-light);\n}\n\n.acai-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.acai-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--acai-primary);\n transition: transform .2s ease;\n}\n\n.acai-accordion-item[open] .acai-accordion-header::after {\n content: '−';\n}\n\n.acai-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--acai-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.acai-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.acai-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--acai-primary-light);\n border-radius: var(--acai-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.acai-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.acai-tip p {\n font-size: 14px;\n color: var(--acai-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.acai-cta-box {\n background: linear-gradient(135deg, var(--acai-primary) 0%, var(--acai-primary-dark) 100%);\n border-radius: var(--acai-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.acai-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.acai-disclaimer {\n font-size: 12px;\n color: var(--acai-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO === *\/\n.acai-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acai-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\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .acai-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .acai-card {\n padding: 1.125rem;\n }\n\n .acai-section {\n margin-bottom: 1.75rem;\n }\n\n .acai-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--acai-radius-sm);\n }\n\n .acai-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .acai-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .acai-grid-compact {\n gap: .625rem;\n }\n\n .acai-grid-compact .acai-card {\n padding: .75rem;\n }\n\n .acai-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .acai-timeline-content {\n padding: .875rem 1rem;\n }\n\n .acai-timeline-content h3 {\n font-size: 14px;\n }\n\n .acai-timeline-content p {\n font-size: 13px;\n }\n\n .acai-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .acai-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .acai-testimonial {\n padding: 1.25rem;\n }\n\n .acai-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .acai-card {\n animation: acaiFadeInUp .5s ease backwards;\n }\n .acai-card:nth-child(1) { animation-delay: .05s; }\n .acai-card:nth-child(2) { animation-delay: .1s; }\n .acai-card:nth-child(3) { animation-delay: .15s; }\n .acai-card:nth-child(4) { animation-delay: .2s; }\n .acai-card:nth-child(5) { animation-delay: .25s; }\n .acai-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acaiFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .acai-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":45755132346525,"sku":"REF1367","price":11.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-dacai-bio-50-g-sol-semilla-lifestyle.webp?v=1772785482"},{"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":8.79,"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":7.89,"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":"myrti-jade-poudre-de-myrtille-concentree-200-g-jade-recherche","title":"Myrti jade - Poudre de Myrtille Concentrée - 200g - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Myrti-jade - Poudre de Myrtille Concentrée\nPalette détectée:\n - Primaire: #2D5A27 (vert forêt des feuilles de myrtille)\n - Secondaire: #6B3FA0 (violet\/pourpre de la bande et des baies)\n - Accent: #1E3A5F (bleu nuit des myrtilles)\nAmbiance: Naturel, végétal, santé\/bien-être, fraîcheur forestière\nPréfixe CSS: mj\n--\u003e\n\n\u003cdiv class=\"mj-premium\"\u003e\n \n \u003cdiv class=\"mj-hero\"\u003e\n \u003cdiv class=\"mj-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mj-hero-content\"\u003e\n \u003cdiv class=\"mj-badges-top\"\u003e\n \u003cspan class=\"mj-badge\"\u003e🫐 100% myrtille pure\u003c\/span\u003e\n \u003cspan class=\"mj-badge\"\u003e🌿 Sans additifs\u003c\/span\u003e\n \u003cspan class=\"mj-badge\"\u003e👁️ Santé oculaire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mj-hero-title\"\u003eMyrti-jade\u003c\/span\u003e\n \u003cp class=\"mj-subtitle\"\u003ePoudre de myrtille concentrée\u003c\/p\u003e\n \u003cp class=\"mj-description\"\u003eToute la puissance antioxydante de la myrtille sauvage dans une poudre 100% naturelle, sans sucre ajouté ni conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003e💎 Les bienfaits de la myrtille\u003c\/h2\u003e\n \u003cdiv class=\"mj-grid\"\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🛡️ Puissant antioxydant\u003c\/h3\u003e\n \u003cp\u003eSource exceptionnelle d'anthocyanines qui protègent vos cellules contre le stress oxydatif et soutiennent votre santé globale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e👁️ Vision \u0026amp; confort oculaire\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir une bonne vision et réduit la fatigue oculaire, idéal pour les personnes exposées aux écrans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e⚡ Vitalité \u0026amp; immunité\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et nutriments essentiels pour renforcer votre système immunitaire et booster votre énergie naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n \u003cp\u003ePoudre pure sans sucre ajouté, sans arômes artificiels ni conservateurs. Un superaliment dans sa forme la plus authentique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🧪 Ultra-concentré\u003c\/h3\u003e\n \u003cp\u003eChaque cuillère équivaut à une grande quantité de myrtilles fraîches grâce au procédé de concentration naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🌱 Séchage doux\u003c\/h3\u003e\n \u003cp\u003eProcédé de fabrication préservant l'intégrité des nutriments, vitamines et antioxydants de la myrtille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"mj-grid\"\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e💻 Travailleurs sur écran\u003c\/h3\u003e\n \u003cp\u003eSoulagez la fatigue oculaire liée à l'exposition prolongée aux écrans d'ordinateur, tablette ou smartphone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🏃 Sportifs \u0026amp; actifs\u003c\/h3\u003e\n \u003cp\u003eBoostez votre récupération grâce aux antioxydants qui combattent les radicaux libres générés par l'effort\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e👴 Seniors soucieux de leur vue\u003c\/h3\u003e\n \u003cp\u003eMaintenez votre capital visuel et protégez vos yeux naturellement au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🥗 Adeptes du bien-manger\u003c\/h3\u003e\n \u003cp\u003eEnrichissez facilement votre alimentation d'un superaliment aux multiples vertus santé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mj-usage-box\"\u003e\n \u003cdiv class=\"mj-usage-grid\"\u003e\n \u003cdiv class=\"mj-usage-step\"\u003e\n \u003cdiv class=\"mj-step-number\"\u003e1\u003c\/div\u003e\n \u003ch4\u003eDosez\u003c\/h4\u003e\n \u003cp\u003e1 cuillère de poudre Myrti-jade\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-usage-step\"\u003e\n \u003cdiv class=\"mj-step-number\"\u003e2\u003c\/div\u003e\n \u003ch4\u003eMélangez\u003c\/h4\u003e\n \u003cp\u003eDans un smoothie, yaourt, jus ou eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-usage-step\"\u003e\n \u003cdiv class=\"mj-step-number\"\u003e3\u003c\/div\u003e\n \u003ch4\u003eSavourez\u003c\/h4\u003e\n \u003cp\u003eProfitez des bienfaits au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-ideas\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Idées recettes :\u003c\/strong\u003e smoothie bowl, yaourt grec, porridge, pâtisseries, boisson santé...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003e📦 Informations produit\u003c\/h2\u003e\n \u003cdiv class=\"mj-grid-compact\"\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e⚖️ Contenance\u003c\/h3\u003e\n \u003cp\u003e200 g de poudre concentrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eMyrtilles sélectionnées avec soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003eNormes environnementales strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mj-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eJade Recherche - France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mj-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mj-accordion\"\u003e\n \u003cdetails class=\"mj-accordion-item\"\u003e\n \u003csummary class=\"mj-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mj-accordion-content\"\u003e\n \u003cp\u003eConservez Myrti-jade à l'abri de la lumière et de l'humidité, dans un endroit frais et sec. Refermez bien le pot après chaque utilisation pour préserver la qualité de la poudre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mj-accordion-item\"\u003e\n \u003csummary class=\"mj-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mj-accordion-content\"\u003e\n \u003cp\u003eComplément alimentaire à utiliser dans le cadre d'une alimentation variée et équilibrée. Ne pas dépasser la dose recommandée. Tenir hors de portée des enfants. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mj-accordion-item\"\u003e\n \u003csummary class=\"mj-accordion-header\"\u003e🔬 Procédé de fabrication\u003c\/summary\u003e\n \u003cdiv class=\"mj-accordion-content\"\u003e\n \u003cp\u003eLes myrtilles sont soigneusement sélectionnées puis transformées par un procédé de séchage doux à basse température. Cette méthode préserve l'intégrité des nutriments, des vitamines et des précieux antioxydants contenus dans le fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mj-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mj-cta-box\"\u003e\n \u003cp\u003e🫐 Offrez à votre corps toute la puissance antioxydante de la myrtille sauvage. Un geste simple pour votre vision, votre vitalité et votre bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mj-cream: #f8f9f5;\n --mj-white: #ffffff;\n --mj-primary: #2D5A27;\n --mj-primary-dark: #1e3d1a;\n --mj-primary-light: #e8f0e6;\n --mj-secondary: #6B3FA0;\n --mj-accent: #1E3A5F;\n --mj-text: #1a1a1a;\n --mj-text-light: #5a5a5a;\n --mj-border: #e0e0e0;\n --mj-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mj-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mj-radius: 20px;\n --mj-radius-sm: 12px;\n}\n\n.mj-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mj-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mj-hero {\n position: relative;\n background: linear-gradient(135deg, #2D5A27 0%, #1e3d1a 40%, #6B3FA0 100%);\n border-radius: var(--mj-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mj-shadow-lg);\n}\n\n.mj-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(107,63,160,.3) 0%, transparent 40%),\n radial-gradient(circle at 40% 40%, rgba(30,58,95,.2) 0%, transparent 30%);\n opacity: .8;\n}\n\n.mj-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mj-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.mj-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mj-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mj-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mj-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mj-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.mj-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.mj-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mj-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mj-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mj-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mj-primary), var(--mj-secondary));\n border-radius: 2px;\n}\n\n.mj-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mj-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mj-card {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mj-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mj-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mj-shadow-lg);\n border-color: var(--mj-primary);\n}\n\n.mj-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mj-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mj-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mj-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mj-grid-compact .mj-card {\n padding: 1rem;\n}\n\n.mj-grid-compact .mj-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mj-grid-compact .mj-card p {\n font-size: 12px;\n}\n\n.mj-usage-box {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mj-shadow);\n}\n\n.mj-usage-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.mj-usage-step {\n text-align: center;\n}\n\n.mj-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--mj-primary), var(--mj-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 800;\n margin: 0 auto 1rem;\n box-shadow: 0 4px 16px rgba(45,90,39,.3);\n}\n\n.mj-usage-step h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mj-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mj-usage-step p {\n font-size: 14px;\n color: var(--mj-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mj-ideas {\n background: var(--mj-primary-light);\n border-radius: var(--mj-radius-sm);\n padding: 1rem 1.25rem;\n text-align: center;\n}\n\n.mj-ideas p {\n margin: 0;\n font-size: 14px;\n color: var(--mj-primary-dark);\n line-height: 1.6;\n}\n\n.mj-accordion {\n background: var(--mj-white);\n border-radius: var(--mj-radius);\n box-shadow: var(--mj-shadow);\n overflow: hidden;\n}\n\n.mj-accordion-item {\n border-bottom: 1px solid var(--mj-border);\n margin: 0;\n padding: 0;\n}\n\n.mj-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mj-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mj-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mj-accordion-header:hover {\n background: var(--mj-primary-light);\n}\n\n.mj-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mj-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mj-primary);\n transition: transform .2s ease;\n}\n\n.mj-accordion-item[open] .mj-accordion-header::after {\n content: '−';\n}\n\n.mj-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mj-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mj-accordion-content p {\n margin: 0;\n}\n\n.mj-cta-box {\n background: linear-gradient(135deg, var(--mj-primary) 0%, var(--mj-secondary) 100%);\n border-radius: var(--mj-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mj-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.mj-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n .mj-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mj-grid-compact {\n gap: .625rem;\n }\n \n .mj-grid-compact .mj-card {\n padding: .75rem;\n }\n \n .mj-card {\n padding: 1.125rem;\n }\n \n .mj-section {\n margin-bottom: 1.75rem;\n }\n \n .mj-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mj-radius-sm);\n }\n \n .mj-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mj-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mj-usage-grid {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .mj-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n margin-bottom: .75rem;\n }\n \n .mj-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mj-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mj-badges-top {\n gap: .375rem;\n }\n \n .mj-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mj-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mj-card:nth-child(1) { animation-delay: .05s; }\n .mj-card:nth-child(2) { animation-delay: .1s; }\n .mj-card:nth-child(3) { animation-delay: .15s; }\n .mj-card:nth-child(4) { animation-delay: .2s; }\n .mj-card:nth-child(5) { animation-delay: .25s; }\n .mj-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mj-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755225014429,"sku":"JADEMYRTI","price":31.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/myrti-jade-poudre-de-myrtille-concentree-200g-jade-recherche-packshothd.webp?v=1786012205"},{"product_id":"moringa-pure-bio-60-ou-150-gelules-lt-labo","title":"Poudre de Feuilles de Moringa oleifera bio - 60 gélules - LT Labo","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🌿 100 % folioles bio\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🌱 Certifié vegan\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e✅ Agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003ePoudre de feuilles de Moringa oleifera bio\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003e60 gélules — LT Labo\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eL'extraordinaire densité nutritionnelle de l'« arbre de vie » concentrée dans chaque gélule : vitamines, minéraux, antioxydants et acides aminés essentiels, sans aucun additif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eMoringa oleifera bio en gélules : le superaliment qui nourrit votre vitalité au quotidien\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eVous cherchez un complément alimentaire naturel, complet et véritablement nutritif ? La \u003cstrong\u003epoudre de moringa oleifera bio\u003c\/strong\u003e de LT Labo réunit dans chaque gélule l'extraordinaire densité nutritionnelle de l'« arbre de vie ».\u003c\/p\u003e\n \u003cp class=\"mg-section-intro\"\u003eIssu de \u003cstrong\u003e100 % de folioles\u003c\/strong\u003e — la partie la plus riche de la feuille —, ce moringa en poudre concentre vitamines, minéraux, antioxydants et acides aminés essentiels, sans aucun additif. Un vrai coup de pouce pour votre organisme, certifié bio et vegan.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePourquoi cette poudre de moringa se distingue\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🍃 100 % folioles biologiques\u003c\/h3\u003e\n \u003cp\u003eSeules les petites feuilles sont sélectionnées, là où la concentration en nutriments est la plus élevée. Aucune tige, aucun déchet végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏅 Certifié AB \u0026amp; vegan\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique contrôlée, gélule d'origine végétale, compatible avec les régimes végétariens et végétaliens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eConditionné en France par LT Labo, selon des standards de qualité stricts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🚫 Sans excipient inutile\u003c\/h3\u003e\n \u003cp\u003ePas de conservateur, pas de colorant, pas d'agent de charge. Juste du moringa pur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eBienfaits de la poudre de moringa pour votre corps\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la poudre de moringa\u003c\/strong\u003e sont reconnus depuis des siècles en phytothérapie traditionnelle. Voici ce que cette plante exceptionnelle peut vous apporter :\u003c\/p\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003eGrâce au fer, aux vitamines du groupe B et aux acides aminés essentiels, le moringa aide à réduire la fatigue et à soutenir le métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eLes vitamines A, C et E, associées au zinc, participent au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eRiche en polyphénols, flavonoïdes et quercétine, la poudre de moringa aide à neutraliser les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌾 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eLes fibres naturellement présentes favorisent un transit régulier et soutiennent l'équilibre du microbiote intestinal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💎 Apport minéral complet\u003c\/h3\u003e\n \u003cp\u003eCalcium, magnésium, potassium… des minéraux indispensables au fonctionnement musculaire et nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition-box\"\u003e\n \u003cp class=\"mg-composition-title\"\u003eIngrédients pour 3 gélules (dose journalière maximale) :\u003c\/p\u003e\n \u003cdiv class=\"mg-composition-grid\"\u003e\n \u003cdiv class=\"mg-composition-item\"\u003e\n \u003cspan class=\"mg-composition-value\"\u003e1 290 mg\u003c\/span\u003e\n \u003cspan class=\"mg-composition-label\"\u003ePoudre de feuilles de \u003cstrong\u003eMoringa oleifera\u003c\/strong\u003e* (100 % folioles)\u003c\/span\u003e\n \u003cspan class=\"mg-composition-equiv\"\u003e≈ 3 870 mg de plante fraîche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-composition-item\"\u003e\n \u003cspan class=\"mg-composition-value\"\u003eHPMC\u003c\/span\u003e\n \u003cspan class=\"mg-composition-label\"\u003eEnveloppe de la gélule : hydroxypropylméthylcellulose\u003c\/span\u003e\n \u003cspan class=\"mg-composition-equiv\"\u003e100 % végétale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-composition-note\"\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComment consommer le moringa en gélules\u003c\/h2\u003e\n \u003cdiv class=\"mg-timeline\"\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e2 à 3 gélules par jour\u003c\/strong\u003e, de préférence avant les repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eSi vous débutez\u003c\/h3\u003e\n \u003cp\u003eCommencez par 2 gélules puis augmentez progressivement jusqu'à 3 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 60 gélules correspond à une cure de \u003cstrong\u003e20 à 30 jours\u003c\/strong\u003e selon le dosage choisi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Avertissement général\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🧒 Populations déconseillées\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux adolescents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médical, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003eQuels sont les bienfaits de la poudre de moringa bio ?\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eLa poudre de moringa apporte vitamines, minéraux et antioxydants. Elle contribue à soutenir l'énergie, l'immunité, la digestion et la protection cellulaire contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003ePourquoi choisir des gélules plutôt que de la poudre en vrac ?\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eLes gélules offrent un dosage précis, une prise facile et un goût neutre, idéales si vous n'appréciez pas la saveur herbacée du moringa libre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003eLe moringa convient-il aux végétaliens ?\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, la gélule est en HPMC, 100 % végétale, et le produit est certifié vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003ePeut-on prendre le moringa en continu ?\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est conseillé de faire des cures de 1 à 3 mois, entrecoupées de pauses d'une à deux semaines. Demandez l'avis de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps le meilleur de la nature avec le moringa oleifera bio LT Labo — 60 gélules de vitalité pure, sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #f5f9f3;\n --mg-white: #ffffff;\n --mg-primary: #3a9a3e;\n --mg-primary-dark: #1e6b22;\n --mg-primary-light: #e8f5e9;\n --mg-secondary: #66bb6a;\n --mg-accent: #a5d6a7;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #d7e8d7;\n --mg-shadow: 0 4px 24px rgba(30,107,34,.08);\n --mg-shadow-lg: 0 12px 48px rgba(30,107,34,.15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, #1e6b22 0%, #3a9a3e 45%, #66bb6a 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mg-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.mg-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mg-composition-box {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid var(--mg-primary-light);\n}\n\n.mg-composition-title {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--mg-primary-dark);\n text-align: center;\n margin: 0 0 1.5rem 0;\n}\n\n.mg-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1rem;\n}\n\n.mg-composition-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1.25rem 1rem;\n gap: .5rem;\n}\n\n.mg-composition-value {\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n line-height: 1;\n}\n\n.mg-composition-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text);\n line-height: 1.4;\n}\n\n.mg-composition-equiv {\n font-size: 12px;\n color: var(--mg-text-light);\n font-style: italic;\n background: rgba(255,255,255,.7);\n padding: 4px 12px;\n border-radius: 999px;\n}\n\n.mg-composition-note {\n font-size: 13px;\n color: var(--mg-text-light);\n text-align: center;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n margin-left: 12px;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mg-composition-box {\n padding: 1.25rem;\n }\n\n .mg-composition-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .mg-composition-item {\n padding: 1rem .75rem;\n }\n\n .mg-composition-value {\n font-size: 24px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n\n .mg-timeline-item {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mg-timeline-item:nth-child(2) { animation-delay: .1s; }\n .mg-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes mgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755361460381,"sku":"NBAILTL0009","price":15.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-feuilles-de-moringa-oleifera-bio-60-gelules-lt-lab-packshothd.webp?v=1775578009"},{"product_id":"proteinultraa-bio-vegan-sans-gluten-300-g-lt-labo","title":"ProteinultrAA Végétale Bio - Sans Gluten - 300 g - LT Labo","description":"\u003cdiv class=\"pua-premium\"\u003e\n\n\u003cdiv class=\"pua-hero\"\u003e\n\u003cdiv class=\"pua-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-hero-content\"\u003e\n\u003cdiv class=\"pua-badges-top\"\u003e\n\u003cspan class=\"pua-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🚫 Sans gluten\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🔬 5 sources végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-hero-title\"\u003eProteinultrAA Végétale Bio\u003c\/span\u003e\n\u003cp class=\"pua-subtitle\"\u003eLa formule avancée aux 5 sources de protéines végétales biologiques\u003c\/p\u003e\n\u003cp class=\"pua-description\"\u003eCourge · Chanvre · Tournesol · Riz · Lin — Un profil d'acides aminés complet, certifié AB, sans gluten et sans lactose. 300 g de puissance végétale par LT Labo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eProteinultrAA Bio : la protéine végétale bio aux 5 sources complémentaires\u003c\/h2\u003e\n\u003cp class=\"pua-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure protéine végétale bio\u003c\/strong\u003e pour compléter votre alimentation au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"pua-highlight-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eProteinultrAA Bio\u003c\/strong\u003e de LT Labo se distingue par une formule unique associant \u003cstrong\u003ecinq sources de protéines végétales biologiques\u003c\/strong\u003e : courge, chanvre, tournesol, riz et lin. Là où la plupart des alternatives du marché se limitent à trois ou quatre sources (souvent pois et riz), cette préparation offre un \u003cstrong\u003eprofil d'acides aminés exceptionnellement complet\u003c\/strong\u003e, incluant les précieux BCAA (leucine, isoleucine, valine). Le tout certifié AB, vegan, \u003cstrong\u003esans gluten\u003c\/strong\u003e et \u003cstrong\u003esans lactose\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003ePourquoi choisir une formule à 5 sources de protéines ?\u003c\/h2\u003e\n\u003cp class=\"pua-section-intro\"\u003eChaque source végétale possède ses propres forces en termes d'acides aminés. En les combinant intelligemment, ProteinultrAA Bio comble les lacunes que présenterait une source unique.\u003c\/p\u003e\n\u003cdiv class=\"pua-grid\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🎃 Protéine de courge\u003c\/h3\u003e\n\u003cp\u003eMajoritaire dans la formule, elle apporte une richesse remarquable en tryptophane et en zinc pour le bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌿 Chanvre\u003c\/h3\u003e\n\u003cp\u003eComplète avec ses oméga-3 et son magnésium, essentiels pour le système nerveux et la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌻 Tournesol\u003c\/h3\u003e\n\u003cp\u003eRenforce l'apport en acides aminés soufrés (méthionine, cystéine), souvent déficitaires dans les protéines végétales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🍚 Riz\u003c\/h3\u003e\n\u003cp\u003eAssure une digestibilité optimale et un confort intestinal remarquable, même pour les estomacs sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🫘 Graines de lin\u003c\/h3\u003e\n\u003cp\u003eAjoutent des fibres et du phosphore pour une formule encore plus complète et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-tip\"\u003e\n\u003cspan class=\"pua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e une protéine végétale en poudre bio qui rivalise avec les meilleures protéines animales, sans aucun compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ProteinultrAA Bio ?\u003c\/h2\u003e\n\u003cdiv class=\"pua-grid\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eSoutien à la construction musculaire et à la récupération grâce aux BCAA et aux minéraux (fer, magnésium, zinc).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌱 Végétariens et végétaliens\u003c\/h3\u003e\n\u003cp\u003eApport complet en protéines et acides aminés essentiels, souvent difficiles à obtenir uniquement par l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n\u003cp\u003eMaintien de la masse musculaire et de la vitalité au quotidien, pour rester actif en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e👧 Enfants et adolescents\u003c\/h3\u003e\n\u003cp\u003eUn complément naturel, doux et bien toléré pour accompagner la croissance en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🛡️ Personnes intolérantes\u003c\/h3\u003e\n\u003cp\u003eFormule sans gluten, sans lactose, sans soja et sans légumineuses pour une tolérance digestive maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 30 g (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"pua-composition\"\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 45%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🎃 Protéines de courge bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e13,5 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e45 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 20%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🌿 Protéines de chanvre bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e6 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e20 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 18%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🌻 Protéines de tournesol bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e5,4 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e18 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 11%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🍚 Farine de riz blanc bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e3,3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e11 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 6%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🫘 Graines de lin bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e1,8 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e6 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pua-disclaimer\"\u003e\u003cem\u003eIngrédients 100 % issus de l'agriculture biologique. Riche en vitamines B1, B3, B6, fer, magnésium, zinc, sélénium et phosphore.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eConseils d'utilisation au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"pua-timeline\"\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e3 cuillères doseuses par jour\u003c\/strong\u003e (environ 30 g de poudre).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eDiluez dans \u003cstrong\u003e100 ml\u003c\/strong\u003e d'eau, de lait végétal, de jus de fruits ou de soupe. Son goût neutre se marie facilement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eVariez les plaisirs\u003c\/h3\u003e\n\u003cp\u003eIncorporez-la dans vos recettes : crêpes, pancakes, energy balls ou sauces pour un boost protéiné invisible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eRégularité\u003c\/h3\u003e\n\u003cp\u003eConsommez idéalement au \u003cstrong\u003epetit-déjeuner\u003c\/strong\u003e ou \u003cstrong\u003eaprès un effort physique\u003c\/strong\u003e pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"pua-grid-compact\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌾 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique Europe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌱 Labellisé Vegan\u003c\/h3\u003e\n\u003cp\u003ePar la Vegan Society\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué par LT Labo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🚫 Sans artifice\u003c\/h3\u003e\n\u003cp\u003eSans additifs, arômes artificiels ni OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"pua-cta-box\"\u003e\n\u003cp\u003e🌿 \u003cstrong\u003eProteinultrAA Bio\u003c\/strong\u003e — Pot de 300 g\u003cbr\u003e5 sources végétales biologiques pour un apport protéique complet, naturel et sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"pua-accordion-item\"\u003e\n\u003csummary class=\"pua-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"pua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire qui ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de doute, consultez votre professionnel de santé. Conditionnement : pot de \u003cstrong\u003e300 g\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pua-cream: #f4f7f0;\n --pua-white: #ffffff;\n --pua-primary: #6a9b3a;\n --pua-primary-dark: #3d6b1a;\n --pua-primary-light: #e8f2da;\n --pua-secondary: #d4944a;\n --pua-accent: #e8a84c;\n --pua-text: #1a1a1a;\n --pua-text-light: #5a5a5a;\n --pua-border: #dde6d4;\n --pua-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pua-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pua-radius: 20px;\n --pua-radius-sm: 12px;\n}\n\n.pua-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pua-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pua-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b1a 0%, #6a9b3a 40%, #d4944a 100%);\n border-radius: var(--pua-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pua-shadow-lg);\n}\n\n.pua-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pua-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pua-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pua-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pua-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pua-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pua-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pua-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.pua-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.pua-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pua-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pua-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pua-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pua-primary), var(--pua-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pua-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pua-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pua-highlight-box {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pua-shadow);\n border-left: 5px solid var(--pua-primary);\n}\n\n.pua-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--pua-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.pua-card {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pua-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pua-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pua-shadow-lg);\n border-color: var(--pua-primary);\n}\n\n.pua-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pua-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pua-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pua-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pua-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pua-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pua-grid-compact .pua-card {\n padding: 1rem;\n}\n\n.pua-grid-compact .pua-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pua-grid-compact .pua-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BARRES === *\/\n.pua-composition {\n display: flex;\n flex-direction: column;\n gap: .875rem;\n}\n\n.pua-compo-item {\n background: var(--pua-white);\n border-radius: var(--pua-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--pua-shadow);\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.pua-compo-bar {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: var(--pua-bar-width);\n background: linear-gradient(90deg, var(--pua-primary-light), rgba(106,155,58,.15));\n border-radius: var(--pua-radius-sm) 0 0 var(--pua-radius-sm);\n z-index: 0;\n transition: width .8s ease;\n}\n\n.pua-compo-info {\n position: relative;\n z-index: 1;\n flex: 1;\n}\n\n.pua-compo-info h3 {\n font-size: clamp(14px, 2.5vw, 16px);\n font-weight: 700;\n color: var(--pua-primary-dark);\n margin: 0 0 .15rem 0;\n}\n\n.pua-compo-dose {\n font-size: 13px;\n color: var(--pua-text-light);\n}\n\n.pua-compo-pct {\n position: relative;\n z-index: 1;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--pua-primary);\n flex-shrink: 0;\n}\n\n\/* === TIMELINE === *\/\n.pua-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pua-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pua-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pua-primary), var(--pua-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pua-timeline-content {\n flex: 1;\n background: var(--pua-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pua-radius-sm);\n box-shadow: var(--pua-shadow);\n}\n\n.pua-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pua-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pua-timeline-content p {\n font-size: 14px;\n color: var(--pua-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pua-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pua-primary-light);\n border-radius: var(--pua-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pua-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pua-tip p {\n font-size: 14px;\n color: var(--pua-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.pua-cta-box {\n background: linear-gradient(135deg, var(--pua-primary) 0%, var(--pua-primary-dark) 100%);\n border-radius: var(--pua-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pua-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pua-accordion {\n background: var(--pua-white);\n border-radius: var(--pua-radius);\n box-shadow: var(--pua-shadow);\n overflow: hidden;\n}\n\n.pua-accordion-item {\n border-bottom: 1px solid var(--pua-border);\n margin: 0;\n padding: 0;\n}\n\n.pua-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pua-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pua-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pua-accordion-header:hover {\n background: var(--pua-primary-light);\n}\n\n.pua-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pua-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pua-primary);\n transition: transform .2s ease;\n}\n\n.pua-accordion-item[open] .pua-accordion-header::after {\n content: '−';\n}\n\n.pua-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pua-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pua-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pua-disclaimer {\n font-size: 12px;\n color: var(--pua-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pua-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pua-card {\n padding: 1.125rem;\n }\n\n .pua-section {\n margin-bottom: 1.75rem;\n }\n\n .pua-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pua-radius-sm);\n }\n\n .pua-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pua-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pua-grid-compact {\n gap: .625rem;\n }\n\n .pua-grid-compact .pua-card {\n padding: .75rem;\n }\n\n .pua-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pua-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pua-timeline-content h3 {\n font-size: 14px;\n }\n\n .pua-timeline-content p {\n font-size: 13px;\n }\n\n .pua-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pua-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pua-highlight-box {\n padding: 1.25rem;\n }\n\n .pua-compo-item {\n padding: .875rem 1rem;\n }\n\n .pua-compo-info h3 {\n font-size: 13px;\n }\n\n .pua-compo-pct {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pua-card {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-card:nth-child(1) { animation-delay: .05s; }\n .pua-card:nth-child(2) { animation-delay: .1s; }\n .pua-card:nth-child(3) { animation-delay: .15s; }\n .pua-card:nth-child(4) { animation-delay: .2s; }\n .pua-card:nth-child(5) { animation-delay: .25s; }\n .pua-card:nth-child(6) { animation-delay: .3s; }\n\n .pua-compo-item {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-compo-item:nth-child(1) { animation-delay: .05s; }\n .pua-compo-item:nth-child(2) { animation-delay: .1s; }\n .pua-compo-item:nth-child(3) { animation-delay: .15s; }\n .pua-compo-item:nth-child(4) { animation-delay: .2s; }\n .pua-compo-item:nth-child(5) { animation-delay: .25s; }\n\n .pua-timeline-item {\n animation: puaFadeInUp .5s ease backwards;\n }\n .pua-timeline-item:nth-child(1) { animation-delay: .05s; }\n .pua-timeline-item:nth-child(2) { animation-delay: .1s; }\n .pua-timeline-item:nth-child(3) { animation-delay: .15s; }\n .pua-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes puaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pua-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755436040349,"sku":"NBAILTL0011","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteinultraa-vegetale-bio-sans-gluten-300-g-lt-labo-packshothd_3bbdf661-6af9-44ee-b914-fee8f37bf225.webp?v=1787392876"},{"product_id":"spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-semilla","title":"Spiruline Crue Bio - Energie et immunité - 100 comprimés - Sol-Semilla","description":"\u003cdiv class=\"sp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sp-hero\"\u003e\n\u003cdiv class=\"sp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp-hero-content\"\u003e\n\u003cdiv class=\"sp-badges-top\"\u003e\n\u003cspan class=\"sp-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌡️ Séchée à basse température\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sp-hero-title\"\u003eSpiruline Crue Bio\u003c\/span\u003e\n\u003cp class=\"sp-subtitle\"\u003eÉnergie et immunité - 100 comprimés\u003c\/p\u003e\n\u003cp class=\"sp-description\"\u003eUn concentré de vitalité 100 % pur, sans excipient ni liant, riche en fer, vitamines A, K, B12 et phycocyanine. Élaborée par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio\u003c\/strong\u003e authentique, séchée à basse température pour conserver toute sa richesse nutritionnelle ? La \u003cstrong\u003espiruline crue de Sol Semilla\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire : c'est un concentré de vitalité sous forme de 100 comprimés pratiques, composés à 100 % de spiruline pure, sans aucun excipient ni liant ajouté.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003ePourquoi choisir une spiruline crue et bio ?\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid-compact\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n\u003cp\u003eSéchée à moins de 50 °C pour préserver enzymes, vitamines et phycocyanine - le pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e☀️ Cultivée au Burkina Faso\u003c\/h3\u003e\n\u003cp\u003eUn environnement préservé et ensoleillé offrant des conditions idéales de croissance pour cette microalgue d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôlée en France\u003c\/h3\u003e\n\u003cp\u003eÉlaborée et contrôlée par l'équipe Sol Semilla en France, garantissant une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🚫 Sans pesticides\u003c\/h3\u003e\n\u003cp\u003eCertifiée Agriculture Biologique et vegan, cultivée sans pesticides ni produits chimiques pour une pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eLes bienfaits de la spiruline bio pour votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e💪 Riche en fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eL'un des aliments les plus concentrés en fer. Idéale si vous êtes sujet à la fatigue passagère ou aux baisses d'énergie saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🥩 Protéines végétales complètes\u003c\/h3\u003e\n\u003cp\u003e60 à 70 % de protéines contenant tous les acides aminés essentiels - allié précieux des sportifs, végétariens et végétaliens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🧬 Vitamines A, K et B12\u003c\/h3\u003e\n\u003cp\u003eVitamine A pour l'immunité, vitamine K pour l'ossature, B12 pour réduire la fatigue. Un trio essentiel réuni dans une seule microalgue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n\u003cp\u003eGrâce à la phycocyanine et au bêta-carotène, elle aide vos cellules à se protéger contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌿 Soutien des défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eSes nutriments essentiels contribuent au bon fonctionnement de votre système immunitaire, notamment lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sp-composition-box\"\u003e\n\u003cp class=\"sp-composition-highlight\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e spiruline crue biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) — 100 % pure, sans additif, sans conservateur, sans gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 1,9 g\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 8,4 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🟠 Vitamine A\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 2,8 mg\u003c\/strong\u003e (bêta-carotène)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 450 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eValeurs nutritionnelles pour 6 comprimés (dose journalière recommandée, soit environ 3 g). Contenu : 100 comprimés - Poids net : 55 g.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"sp-timeline\"\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez la spiruline, débutez par \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e pendant la première semaine pour permettre à votre organisme de s'adapter en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eAugmentez la dose\u003c\/h3\u003e\n\u003cp\u003ePassez ensuite à \u003cstrong\u003e4 à 6 comprimés par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin ou avant un effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eOptimisez l'absorption\u003c\/h3\u003e\n\u003cp\u003eAssociez la prise à une source de \u003cstrong\u003evitamine C\u003c\/strong\u003e (jus de citron, kiwi, orange) pour une meilleure absorption du fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-tip\"\u003e\n\u003cspan class=\"sp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e un jus de citron pressé dans votre verre d'eau au moment de la prise booste considérablement l'assimilation du fer contenu dans la spiruline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sp-accordion\"\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes souffrant de phénylcétonurie. En cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité dans son sachet d'origine bien refermé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez votre professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sp-cream: #faf6f1;\n --sp-white: #ffffff;\n --sp-primary: #2a9d8f;\n --sp-primary-dark: #1a6b60;\n --sp-primary-light: #e8f6f4;\n --sp-secondary: #c45a3c;\n --sp-accent: #d4a04a;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sp-radius: 20px;\n --sp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, #1a6b60 0%, #2a9d8f 40%, #c45a3c 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(42,157,143,.15) 0%, transparent 60%);\n opacity: 1;\n}\n\n.sp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.sp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n.sp-section-intro strong {\n color: var(--sp-text);\n}\n\n\/* === CARDS === *\/\n.sp-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sp-card p strong {\n color: var(--sp-text);\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sp-composition-box {\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--sp-primary);\n}\n\n.sp-composition-highlight {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--sp-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.sp-composition-highlight em {\n color: var(--sp-text-light);\n}\n\n\/* === NUTRITION CARD VARIANT === *\/\n.sp-card-nutri {\n background: linear-gradient(135deg, var(--sp-white) 0%, var(--sp-primary-light) 100%);\n}\n\n.sp-card-nutri p strong {\n color: var(--sp-primary-dark);\n font-size: clamp(16px, 3vw, 20px);\n display: block;\n margin-bottom: 2px;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sp-timeline-content {\n flex: 1;\n background: var(--sp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sp-radius-sm);\n box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sp-timeline-content p strong {\n color: var(--sp-text);\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sp-tip p {\n font-size: 14px;\n color: var(--sp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n box-shadow: var(--sp-shadow);\n overflow: hidden;\n}\n\n.sp-accordion-item {\n border-bottom: 1px solid var(--sp-border);\n margin: 0;\n padding: 0;\n}\n\n.sp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sp-accordion-header:hover {\n background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n content: '−';\n}\n\n.sp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sp-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n font-size: 12px;\n color: var(--sp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sp-card {\n padding: 1.125rem;\n }\n\n .sp-section {\n margin-bottom: 1.75rem;\n }\n\n .sp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sp-radius-sm);\n }\n\n .sp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sp-grid-compact {\n gap: .625rem;\n }\n\n .sp-grid-compact .sp-card {\n padding: .75rem;\n }\n\n .sp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sp-timeline-content h3 {\n font-size: 14px;\n }\n\n .sp-timeline-content p {\n font-size: 13px;\n }\n\n .sp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sp-composition-box {\n padding: 1rem 1.125rem;\n }\n\n .sp-tip {\n padding: .875rem 1rem;\n }\n\n .sp-tip-icon {\n font-size: 20px;\n }\n\n .sp-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sp-card {\n animation: spFadeInUp .5s ease backwards;\n }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes spFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45867172233373,"sku":"SPCO55","price":13.58,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-sem-lifestyle.webp?v=1772723739"},{"product_id":"klamath-bio-poudre-50g-aosa-veritable","title":"Klamath bio en poudre - 50 g - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Klamath bio en poudre - 50 g - Aosa Véritable\nPalette détectée:\n - Primaire: #4A7C59 (vert naturel\/algue du packaging)\n - Secondaire: #8B6914 (kraft\/doré naturel du sachet)\n - Accent: #2E5A3C (vert foncé profond)\n - Cream: #F5F2EB (beige naturel kraft clair)\nAmbiance: Naturel, biologique, authentique, épuré, bien-être holistique\nPréfixe CSS: kla\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Qu'est-ce que l'algue Klamath ?\"\n 2. \"Les bienfaits de l'algue Klamath bio\"\n 3. \"Témoignages et retours d'expérience sur l'algue Klamath\"\n 4. \"Pourquoi choisir la Klamath en poudre Aosa Véritable ?\"\n 5. \"Composition complète\"\n 6. \"Comment utiliser la Klamath en poudre ?\"\n 7. \"Précautions d'emploi\"\n 8. \"Certifications et garanties\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kla-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"kla-hero\"\u003e\n \u003cdiv class=\"kla-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kla-hero-content\"\u003e\n \u003cdiv class=\"kla-badges-top\"\u003e\n \u003cspan class=\"kla-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🌊 Récolte sauvage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kla-hero-title\"\u003eKlamath Bio en Poudre\u003c\/span\u003e\n \u003cp class=\"kla-subtitle\"\u003eL'algue bleu-vert aux 115 nutriments du lac Klamath\u003c\/p\u003e\n \u003cp class=\"kla-description\"\u003eSuperaliment d'exception récolté à l'état sauvage dans les eaux pures de l'Oregon. Plus de 160 mg de phycocyanine et 10 mg de PEA par dose pour une vitalité naturelle incomparable.\u003c\/p\u003e\n \u003cdiv class=\"kla-hero-highlights\"\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e60%\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003eProtéines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e160mg\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003ePhycocyanine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e50g\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003e≈ 25 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'algue Klamath ?\u003c\/h2\u003e\n \u003cdiv class=\"kla-intro-card\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ealgue Klamath\u003c\/strong\u003e, de son nom scientifique \u003cstrong\u003eAphanizomenon flos aquae\u003c\/strong\u003e (AFA), est une microalgue bleu-vert qui pousse exclusivement dans le lac Klamath supérieur, situé au cœur d'une région volcanique des États-Unis.\u003c\/p\u003e\n \u003cp\u003eCe lac, alimenté par des sources souterraines pures et des sédiments volcaniques millénaires, offre un écosystème unique où cette algue se développe naturellement, \u003cstrong\u003esans aucune culture artificielle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌋 Origine volcanique\u003c\/h3\u003e\n \u003cp\u003eSédiments millénaires riches en minéraux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏔️ Lac Klamath, Oregon\u003c\/h3\u003e\n \u003cp\u003eÉcosystème préservé et unique au monde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌿 100% sauvage\u003c\/h3\u003e\n \u003cp\u003eAucune culture artificielle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💎 Profil unique\u003c\/h3\u003e\n \u003cp\u003eSupérieur à la spiruline et chlorella\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eUne composition nutritionnelle remarquablement complète qui en fait l'un des superaliments les plus puissants de la planète.\u003c\/p\u003e\n \n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card kla-card-featured\"\u003e\n \u003ch3\u003e💪 60% de protéines complètes\u003c\/h3\u003e\n \u003cp\u003eLes 20 acides aminés dont les 8 essentiels, hautement assimilables par l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧬 Vitamines B en abondance\u003c\/h3\u003e\n \u003cp\u003eNotamment la B12 naturelle, précieuse pour végétariens et végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Minéraux volcaniques\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, manganèse, sélénium issus des sédiments du lac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌱 Chlorophylle détoxifiante\u003c\/h3\u003e\n \u003cp\u003eEn grande quantité pour soutenir l'élimination naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003eCaroténoïdes naturels pour protéger vos cellules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kla-special-box\"\u003e\n \u003ch3\u003e🔬 Deux molécules qui font la différence\u003c\/h3\u003e\n \u003cdiv class=\"kla-molecules\"\u003e\n \u003cdiv class=\"kla-molecule\"\u003e\n \u003cdiv class=\"kla-molecule-header\"\u003e\n \u003cspan class=\"kla-molecule-name\"\u003ePhycocyanine\u003c\/span\u003e\n \u003cspan class=\"kla-molecule-dose\"\u003e\u0026gt; 160 mg \/ 2g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe pigment bleu aux puissantes propriétés antioxydantes est présent en concentrations particulièrement élevées dans la Klamath\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-molecule\"\u003e\n \u003cdiv class=\"kla-molecule-header\"\u003e\n \u003cspan class=\"kla-molecule-name\"\u003ePhényléthylamine (PEA)\u003c\/span\u003e\n \u003cspan class=\"kla-molecule-dose\"\u003e\u0026gt; 10 mg \/ 2g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eSurnommée « molécule du bonheur », ce neuromodulateur naturel influence positivement l'humeur et la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eTémoignages et retours d'expérience sur l'algue Klamath\u003c\/h2\u003e\n \u003cdiv class=\"kla-testimonial\"\u003e\n \u003cp class=\"kla-testimonial-text\"\u003eDe nombreuses personnes qui intègrent l'algue Klamath à leur routine quotidienne rapportent des effets positifs sur leur bien-être général :\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Regain d'énergie\u003c\/h3\u003e\n \u003cp\u003eUne vitalité retrouvée sans effet excitant ni coup de fatigue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eMeilleure concentration et focus au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🍂 Soutien saisonnier\u003c\/h3\u003e\n \u003cp\u003eAide précieuse en période de fatigue ou de surmenage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e😊 Humeur équilibrée\u003c\/h3\u003e\n \u003cp\u003eUn moral stable grâce à la PEA naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-disclaimer\"\u003e\u003cem\u003eLes effets peuvent varier d'une personne à l'autre. Ce complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Klamath en poudre Aosa Véritable ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eToutes les poudres de Klamath ne se valent pas. Voici ce qui distingue ce produit d'exception.\u003c\/p\u003e\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌊 Récolte sauvage premium\u003c\/h3\u003e\n \u003cp\u003eDans le lac Klamath supérieur, la zone la plus préservée et riche en nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e❄️ Séchage basse température\u003c\/h3\u003e\n \u003cp\u003ePréserve l'intégralité des vitamines, enzymes et pigments actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌿 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eLabel AB européen + Ecocert : zéro contaminant, traçabilité totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e✨ 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans excipient, sans agent de charge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003ePar Aosa Véritable, expert des algues du bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"kla-composition-card\"\u003e\n \u003cdiv class=\"kla-ingredient-unique\"\u003e\n \u003cspan class=\"kla-ingredient-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cp\u003ePoudre d'\u003cem\u003eAphanizomenon flos aquae\u003c\/em\u003e du lac Klamath déshydratée, \u003cstrong\u003e100% issue de l'agriculture biologique\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrition-table\"\u003e\n \u003ch3\u003eValeurs nutritionnelles pour 2 g (dose journalière)\u003c\/h3\u003e\n \u003cdiv class=\"kla-nutrition-row\"\u003e\n \u003cspan\u003ePhycocyanine\u003c\/span\u003e\n \u003cstrong\u003e\u0026gt; 160 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrition-row\"\u003e\n \u003cspan\u003ePhényléthylamine (PEA)\u003c\/span\u003e\n \u003cstrong\u003e\u0026gt; 10 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-net-weight\"\u003e\n \u003cspan\u003ePoids net\u003c\/span\u003e\n \u003cstrong\u003e50 g\u003c\/strong\u003e\n \u003cspan class=\"kla-duration\"\u003e≈ 25 jours d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComment utiliser la Klamath en poudre ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eLa poudre de Klamath s'intègre très facilement à votre alimentation quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"kla-timeline\"\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDosez correctement\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 g par jour\u003c\/strong\u003e, soit environ une cuillère à café rase\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eChoisissez votre méthode\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eEn boisson :\u003c\/strong\u003e mélangez dans de l'eau, un jus frais ou un smoothie\u003cbr\u003e\u003cstrong\u003eSur vos aliments :\u003c\/strong\u003e saupoudrez sur salade, yaourt végétal ou céréales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eConsommez à froid ou tiède\u003c\/h3\u003e\n \u003cp\u003eÉvitez de chauffer pour préserver tous les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-tip\"\u003e\n \u003cspan class=\"kla-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce débutant :\u003c\/strong\u003e commencez par une demi-dose les premiers jours si vous n'avez jamais consommé d'algue Klamath, le temps que votre organisme s'habitue à cette richesse nutritionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"kla-accordion\"\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes souffrant de troubles de la coagulation ou sous traitement anticoagulant (la Klamath contient de la vitamine K).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 2 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🧒 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eConservez votre sachet à l'abri de la lumière et de l'humidité, dans un endroit sec et à température ambiante. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-disclaimer\"\u003eCe complément alimentaire ne peut se substituer à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"kla-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCertifications et garanties\u003c\/h2\u003e\n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🌿 Agriculture Biologique\u003c\/h3\u003e\n \u003cp\u003eLabel AB européen certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e✅ Contrôlé Ecocert\u003c\/h3\u003e\n \u003cp\u003eTraçabilité garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🌱 Convient aux végans\u003c\/h3\u003e\n \u003cp\u003e100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConditionné à Montlignon (95)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-cta-box\"\u003e\n \u003cp\u003eEn choisissant cette \u003cstrong\u003ealgue Klamath bio\u003c\/strong\u003e, vous optez pour un produit pur, traçable et respectueux de l'environnement naturel unique du lac Klamath.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kla-cream: #F5F2EB;\n --kla-white: #ffffff;\n --kla-primary: #4A7C59;\n --kla-primary-dark: #2E5A3C;\n --kla-primary-light: #E8F0EA;\n --kla-secondary: #8B6914;\n --kla-accent: #5B9A6F;\n --kla-text: #1a1a1a;\n --kla-text-light: #5a5a5a;\n --kla-border: #e0e0e0;\n --kla-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kla-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --kla-radius: 20px;\n --kla-radius-sm: 12px;\n}\n\n.kla-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kla-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kla-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kla-primary-dark) 0%, var(--kla-primary) 50%, var(--kla-accent) 100%);\n border-radius: var(--kla-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(--kla-shadow-lg);\n}\n\n.kla-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.kla-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kla-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kla-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(--kla-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kla-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kla-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.kla-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.kla-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 2rem;\n}\n\n.kla-hero-highlights {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 4vw, 2.5rem);\n flex-wrap: wrap;\n}\n\n.kla-highlight {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--kla-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.kla-highlight-value {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.kla-highlight-label {\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.kla-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kla-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kla-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.kla-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(--kla-primary), var(--kla-accent));\n border-radius: 2px;\n}\n\n.kla-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.kla-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kla-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kla-shadow-lg);\n border-color: var(--kla-primary);\n}\n\n.kla-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kla-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-card-featured {\n background: linear-gradient(135deg, var(--kla-primary-light) 0%, var(--kla-white) 100%);\n border: 2px solid var(--kla-primary);\n}\n\n.kla-card-cert {\n background: var(--kla-primary-light);\n}\n\n\/* === GRILLES === *\/\n.kla-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kla-grid-compact .kla-card {\n padding: 1rem;\n}\n\n.kla-grid-compact .kla-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kla-grid-compact .kla-card p {\n font-size: 12px;\n}\n\n\/* === INTRO CARD === *\/\n.kla-intro-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--kla-primary);\n}\n\n.kla-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--kla-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.kla-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === SPECIAL BOX (Molécules) === *\/\n.kla-special-box {\n background: linear-gradient(135deg, var(--kla-primary-dark) 0%, var(--kla-primary) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-top: 1.5rem;\n color: white;\n}\n\n.kla-special-box h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.kla-molecules {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-molecule {\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--kla-radius-sm);\n padding: 1.25rem;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.kla-molecule-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: .75rem;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.kla-molecule-name {\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-molecule-dose {\n background: rgba(255,255,255,.25);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.kla-molecule p {\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n opacity: .9;\n}\n\n\/* === TESTIMONIAL === *\/\n.kla-testimonial {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n border-left: 4px solid var(--kla-primary);\n margin-bottom: 1.5rem;\n}\n\n.kla-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION CARD === *\/\n.kla-composition-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-ingredient-unique {\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1.25rem;\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.kla-ingredient-label {\n display: inline-block;\n background: var(--kla-primary);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .75rem;\n}\n\n.kla-ingredient-unique p {\n font-size: 15px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-nutrition-table {\n margin-bottom: 1.5rem;\n}\n\n.kla-nutrition-table h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.kla-nutrition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 0;\n border-bottom: 1px solid var(--kla-border);\n}\n\n.kla-nutrition-row:last-child {\n border-bottom: none;\n}\n\n.kla-nutrition-row span {\n font-size: 14px;\n color: var(--kla-text-light);\n}\n\n.kla-nutrition-row strong {\n font-size: 16px;\n color: var(--kla-primary-dark);\n font-weight: 800;\n}\n\n.kla-net-weight {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: .75rem;\n flex-wrap: wrap;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem;\n text-align: center;\n}\n\n.kla-net-weight span:first-child {\n font-size: 14px;\n color: var(--kla-text-light);\n}\n\n.kla-net-weight strong {\n font-size: 24px;\n color: var(--kla-primary-dark);\n font-weight: 900;\n}\n\n.kla-duration {\n font-size: 13px;\n color: var(--kla-primary);\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.kla-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kla-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kla-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-timeline-content {\n flex: 1;\n background: var(--kla-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kla-radius-sm);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kla-timeline-content p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.kla-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kla-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kla-tip p {\n font-size: 14px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kla-accordion {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n box-shadow: var(--kla-shadow);\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.kla-accordion-item {\n border-bottom: 1px solid var(--kla-border);\n margin: 0;\n padding: 0;\n}\n\n.kla-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kla-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kla-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.kla-accordion-header:hover {\n background: var(--kla-primary-light);\n}\n\n.kla-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kla-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kla-primary);\n transition: transform .2s ease;\n}\n\n.kla-accordion-item[open] .kla-accordion-header::after {\n content: '−';\n}\n\n.kla-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kla-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.kla-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kla-cta-box {\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-primary-dark) 100%);\n border-radius: var(--kla-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.kla-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.kla-disclaimer {\n font-size: 12px;\n color: var(--kla-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 .kla-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-card {\n padding: 1.125rem;\n }\n \n .kla-section {\n margin-bottom: 1.75rem;\n }\n \n .kla-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kla-radius-sm);\n }\n \n .kla-hero-highlights {\n gap: .75rem;\n }\n \n .kla-highlight {\n padding: .75rem 1rem;\n }\n \n .kla-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kla-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kla-grid-compact {\n gap: .625rem;\n }\n \n .kla-grid-compact .kla-card {\n padding: .75rem;\n }\n \n .kla-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kla-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kla-timeline-content h3 {\n font-size: 14px;\n }\n \n .kla-timeline-content p {\n font-size: 13px;\n }\n \n .kla-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kla-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kla-testimonial {\n padding: 1.25rem;\n }\n \n .kla-testimonial-text {\n font-size: 14px;\n }\n \n .kla-intro-card {\n padding: 1.25rem;\n }\n \n .kla-intro-card p {\n font-size: 14px;\n }\n \n .kla-special-box {\n padding: 1.25rem;\n }\n \n .kla-special-box h3 {\n font-size: 18px;\n }\n \n .kla-molecules {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-molecule {\n padding: 1rem;\n }\n \n .kla-molecule-name {\n font-size: 14px;\n }\n \n .kla-molecule-dose {\n font-size: 12px;\n }\n \n .kla-molecule p {\n font-size: 13px;\n }\n \n .kla-composition-card {\n padding: 1.25rem;\n }\n \n .kla-nutrition-row span {\n font-size: 13px;\n }\n \n .kla-nutrition-row strong {\n font-size: 14px;\n }\n \n .kla-net-weight strong {\n font-size: 20px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kla-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kla-card:nth-child(1) { animation-delay: .05s; }\n .kla-card:nth-child(2) { animation-delay: .1s; }\n .kla-card:nth-child(3) { animation-delay: .15s; }\n .kla-card:nth-child(4) { animation-delay: .2s; }\n .kla-card:nth-child(5) { animation-delay: .25s; }\n .kla-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 .kla-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":54816328319353,"sku":"AV2500","price":28.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-poudre-50g-aosa-veritable_1_-min.jpg?v=1732962176"},{"product_id":"klamath-bio-60-gelules-aosa-veritable","title":"Klamath bio - 60 gélules - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Klamath bio - 60 gélules - Aosa Véritable\nPalette détectée:\n - Primaire: #2E8B57 (vert nature du packaging, bouchon vert)\n - Secondaire: #4CAF50 (vert clair de l'étiquette)\n - Accent: #1B5E20 (vert foncé pour contraste)\nAmbiance: Naturel\/Bio, frais, santé, algue d'eau douce, pureté, bien-être holistique\nPréfixe CSS: kla\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Klamath bio : l'algue aux 115 nutriments pour retrouver vitalité et sérénité\"\n 2. \"Qu'est-ce que l'algue Klamath et pourquoi est-elle si exceptionnelle ?\"\n 3. \"Les bienfaits de l'algue Klamath bio sur votre quotidien\"\n 4. \"Composition détaillée pour 6 gélules (dose journalière)\"\n 5. \"Comment prendre l'algue Klamath pour en tirer tous les bienfaits ?\"\n 6. \"Pourquoi choisir la Klamath bio Aosa Véritable ?\"\n 7. \"Pour qui est faite cette algue Klamath bio ?\"\n 8. \"Précautions d'emploi et contre-indications\"\n 9. \"Questions fréquentes sur l'algue Klamath\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kla-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kla-hero\"\u003e\n \u003cdiv class=\"kla-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kla-hero-content\"\u003e\n \u003cdiv class=\"kla-badges-top\"\u003e\n \u003cspan class=\"kla-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🏔️ Lac Klamath Oregon\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e💚 115 nutriments\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kla-hero-title\"\u003eKlamath Bio\u003c\/span\u003e\n \u003cp class=\"kla-subtitle\"\u003eL'algue sauvage aux 115 nutriments\u003c\/p\u003e\n \u003cp class=\"kla-description\"\u003e60 gélules végétales • Récolte sauvage • Vitalité \u0026amp; sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eKlamath bio : l'algue aux 115 nutriments pour retrouver vitalité et sérénité\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eVous cherchez un allié naturel pour soutenir votre énergie, votre moral et votre bien-être global ? L'\u003cstrong\u003ealgue Klamath bio\u003c\/strong\u003e d'Aosa Véritable pourrait bien être la réponse que vous attendiez.\u003c\/p\u003e\n \u003cdiv class=\"kla-highlight-box\"\u003e\n \u003cp\u003eCette micro-algue d'eau douce, récoltée à l'état sauvage dans le lac Klamath en Oregon, est considérée comme l'un des \u003cstrong\u003esuperaliments les plus complets au monde\u003c\/strong\u003e. Avec ses \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e certifiées bio, ce complément alimentaire vous offre une cure de 10 à 15 jours pour découvrir les bienfaits de l'algue Klamath sur votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'algue Klamath et pourquoi est-elle si exceptionnelle ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eL'\u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e (AFA) tire son nom du lac volcanique où elle prospère naturellement depuis des millénaires, dans une réserve naturelle préservée de l'Oregon.\u003c\/p\u003e\n \n \u003cdiv class=\"kla-feature-box\"\u003e\n \u003cdiv class=\"kla-feature-content\"\u003e\n \u003ch3\u003eRécolte 100% sauvage\u003c\/h3\u003e\n \u003cp\u003eContrairement à la spiruline ou à la chlorella qui sont cultivées, la \u003cstrong\u003eKlamath est récoltée à l'état sauvage\u003c\/strong\u003e. Elle pousse naturellement, sans intervention humaine, ce qui lui confère une densité nutritionnelle tout à fait remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧬 115+ nutriments\u003c\/h3\u003e\n \u003cp\u003eNaturellement présents dans cette micro-algue exceptionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💪 20 acides aminés\u003c\/h3\u003e\n \u003cp\u003eDont les 8 essentiels que notre corps ne peut pas synthétiser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌟 Vitamines complètes\u003c\/h3\u003e\n \u003cp\u003eGroupe B, vitamine C, E et K en concentration exceptionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Minéraux biodisponibles\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, manganèse hautement assimilables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🛡️ Chlorophylle\u003c\/h3\u003e\n \u003cp\u003ePigment vert détoxifiant et purifiant pour l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant aux propriétés remarquables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio sur votre quotidien\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-benefits-grid\"\u003e\n \u003cdiv class=\"kla-benefit-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eCe qui distingue véritablement l'algue Klamath, c'est sa teneur naturelle en \u003cstrong\u003ephényléthylamine\u003c\/strong\u003e (PEA), parfois surnommée \"molécule de l'amour\". Nombreux sont ceux qui témoignent d'une \u003cstrong\u003eamélioration de leur humeur\u003c\/strong\u003e et d'un regain d'enthousiasme après quelques semaines de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-benefit-card\"\u003e\n \u003ch3\u003e⚡ Énergie durable\u003c\/h3\u003e\n \u003cp\u003eGrâce à son profil nutritionnel complet et sa richesse en \u003cstrong\u003eprotéines végétales (environ 60%)\u003c\/strong\u003e, l'algue apporte une énergie stable tout au long de la journée. Pas de pic suivi d'un coup de fatigue : une \u003cstrong\u003evitalité progressive et constante\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-benefit-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e, ce pigment bleu-vert caractéristique, possède des propriétés antioxydantes reconnues. Associée à la chlorophylle et aux caroténoïdes, elle contribue à \u003cstrong\u003eprotéger vos cellules\u003c\/strong\u003e contre le stress oxydatif quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 6 gélules (dose journalière)\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-composition-box\"\u003e\n \u003cdiv class=\"kla-composition-main\"\u003e\n \u003cdiv class=\"kla-ingredient-highlight\"\u003e\n \u003cspan class=\"kla-ingredient-name\"\u003e🌿 Aphanizomenon flos-aquae\u003c\/span\u003e\n \u003cspan class=\"kla-ingredient-dose\"\u003e1 500 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-ingredient-desc\"\u003eAlgue Klamath bio déshydratée – ingrédient unique\u003c\/p\u003e\n \u003cdiv class=\"kla-capsule-info\"\u003e\n \u003cspan\u003e💊 Enveloppe : hypromellose (100% végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-nutrients\"\u003e\n \u003ch3\u003eValeurs nutritionnelles garanties\u003c\/h3\u003e\n \u003cdiv class=\"kla-nutrient-grid\"\u003e\n \u003cdiv class=\"kla-nutrient-item\"\u003e\n \u003cspan class=\"kla-nutrient-icon\"\u003e💎\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-name\"\u003ePhycocyanine\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-value\"\u003e\u0026gt; 120 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrient-item\"\u003e\n \u003cspan class=\"kla-nutrient-icon\"\u003e😊\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-name\"\u003ePhényléthylamine\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-value\"\u003e\u0026gt; 7,5 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-purity-badge\"\u003e\n \u003cspan\u003e✨ Aucun excipient • Aucun additif • Aucun agent de charge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComment prendre l'algue Klamath pour en tirer tous les bienfaits ?\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-timeline\"\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e4 à 6 gélules par jour\u003c\/strong\u003e, réparties avant les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eMode d'administration\u003c\/h3\u003e\n \u003cp\u003eAvalez-les avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n \u003cp\u003eCommencez par \u003cstrong\u003e2 gélules les premiers jours\u003c\/strong\u003e pour habituer votre organisme, puis augmentez progressivement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour des résultats durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-tip\"\u003e\n \u003cspan class=\"kla-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Beaucoup de personnes préfèrent prendre leurs gélules le matin et à midi pour profiter de l'effet énergisant sans perturber leur sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Klamath bio Aosa Véritable ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eSur le marché des compléments alimentaires à base d'algue Klamath, la qualité varie considérablement. Voici ce qui fait la différence :\u003c\/p\u003e\n \n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏆 Certification Bio AB\u003c\/h3\u003e\n \u003cp\u003eLabel européen contrôlé par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏔️ Récolte sauvage\u003c\/h3\u003e\n \u003cp\u003eLac Klamath, zone protégée non polluée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌡️ Séchage doux\u003c\/h3\u003e\n \u003cp\u003eBasse température pour préserver les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n \u003cp\u003eConvient aux végans et végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans OGM, gluten, colorants ni conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🇪🇺 Normes européennes\u003c\/h3\u003e\n \u003cp\u003eFabrication aux standards les plus stricts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePour qui est faite cette algue Klamath bio ?\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003ePériode de baisse d'énergie ou de motivation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💚 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel de l'humeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🥗 Carences alimentaires\u003c\/h3\u003e\n \u003cp\u003eCompléter une alimentation déséquilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌱 Végans \u0026amp; végétariens\u003c\/h3\u003e\n \u003cp\u003eSource complète de nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e❄️ Changements de saison\u003c\/h3\u003e\n \u003cp\u003eRenforcer les défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eOptimiser la récupération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-accordion\"\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e⚠️ Contre-indications importantes\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes souffrant de troubles de la coagulation\u003c\/strong\u003e ou sous traitement anticoagulant (en raison de la teneur en vitamine K). Ne convient pas aux enfants sans avis médical. En cas de grossesse ou d'allaitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e📏 Dosage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Conservez le flacon dans un endroit sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003eℹ️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"kla-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. Il ne constitue pas un traitement médical et ne peut en aucun cas se substituer à l'avis de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"kla-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations sur l'algue Klamath\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-faq\"\u003e\n \u003cdiv class=\"kla-faq-item\"\u003e\n \u003ch3\u003e🔄 Quelle différence entre la Klamath, la spiruline et la chlorella ?\u003c\/h3\u003e\n \u003cp\u003eCes trois micro-algues sont souvent comparées, mais la Klamath se distingue par sa \u003cstrong\u003ecroissance sauvage\u003c\/strong\u003e et sa teneur unique en phényléthylamine. Elle est généralement considérée comme plus complète sur le plan nutritionnel, notamment pour le soutien de l'humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-faq-item\"\u003e\n \u003ch3\u003e⏱️ Au bout de combien de temps ressent-on les effets ?\u003c\/h3\u003e\n \u003cp\u003eLes premiers témoignages évoquent souvent des effets perceptibles après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. Cependant, chaque organisme réagit différemment. Une cure de 2 à 3 mois permet généralement d'apprécier pleinement les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-faq-item\"\u003e\n \u003ch3\u003e📅 Peut-on prendre la Klamath en continu ?\u003c\/h3\u003e\n \u003cp\u003eVous pouvez alterner des \u003cstrong\u003ecures de 2 à 3 mois\u003c\/strong\u003e avec des pauses d'un mois, ou la prendre en continu selon vos besoins. En cas de doute, n'hésitez pas à demander conseil à un naturopathe ou à votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-cta-box\"\u003e\n \u003cp\u003e🌿 Découvrez le pouvoir de l'algue la plus complète au monde et retrouvez naturellement vitalité et sérénité !\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"kla-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Consultez un professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kla-cream: #f8fdf8;\n --kla-white: #ffffff;\n --kla-primary: #2E8B57;\n --kla-primary-dark: #1B5E20;\n --kla-primary-light: #E8F5E9;\n --kla-secondary: #4CAF50;\n --kla-accent: #00897B;\n --kla-text: #1a1a1a;\n --kla-text-light: #5a5a5a;\n --kla-border: #C8E6C9;\n --kla-shadow: 0 4px 24px rgba(46,139,87,.08);\n --kla-shadow-lg: 0 12px 48px rgba(27,94,32,.15);\n --kla-radius: 20px;\n --kla-radius-sm: 12px;\n}\n\n.kla-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kla-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kla-hero {\n position: relative;\n background: linear-gradient(135deg, #1B5E20 0%, #2E8B57 50%, #00897B 100%);\n border-radius: var(--kla-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(--kla-shadow-lg);\n}\n\n.kla-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.kla-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kla-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kla-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(--kla-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kla-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kla-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.kla-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.kla-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n}\n\n\/* === SECTIONS === *\/\n.kla-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kla-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kla-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.kla-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(--kla-primary), var(--kla-accent));\n border-radius: 2px;\n}\n\n.kla-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-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.kla-highlight-box {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n border-left: 4px solid var(--kla-primary);\n}\n\n.kla-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === FEATURE BOX === *\/\n.kla-feature-box {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-accent) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n color: white;\n}\n\n.kla-feature-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.kla-feature-content h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n margin: 0 0 .5rem 0;\n color: white;\n}\n\n.kla-feature-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n line-height: 1.6;\n opacity: .95;\n}\n\n\/* === GRILLES === *\/\n.kla-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.kla-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kla-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kla-shadow-lg);\n border-color: var(--kla-primary);\n}\n\n.kla-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kla-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-grid-compact .kla-card {\n padding: 1rem;\n}\n\n.kla-grid-compact .kla-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kla-grid-compact .kla-card p {\n font-size: 12px;\n}\n\n\/* === BENEFITS GRID === *\/\n.kla-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.kla-benefit-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.kla-benefit-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.kla-benefit-card h3 {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.kla-benefit-card p {\n font-size: clamp(14px, 2.5vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION BOX === *\/\n.kla-composition-box {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-composition-main {\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--kla-border);\n}\n\n.kla-ingredient-highlight {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: .5rem;\n margin-bottom: .5rem;\n}\n\n.kla-ingredient-name {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n}\n\n.kla-ingredient-dose {\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n color: white;\n padding: .5rem 1rem;\n border-radius: 999px;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-ingredient-desc {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0 0 1rem 0;\n}\n\n.kla-capsule-info {\n background: var(--kla-primary-light);\n padding: .75rem 1rem;\n border-radius: var(--kla-radius-sm);\n font-size: 14px;\n color: var(--kla-primary-dark);\n}\n\n.kla-nutrients h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.kla-nutrient-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kla-nutrient-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: var(--kla-primary-light);\n padding: 1rem;\n border-radius: var(--kla-radius-sm);\n}\n\n.kla-nutrient-icon {\n font-size: 24px;\n margin-bottom: .5rem;\n}\n\n.kla-nutrient-name {\n font-size: 13px;\n color: var(--kla-text-light);\n margin-bottom: .25rem;\n}\n\n.kla-nutrient-value {\n font-size: 18px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n}\n\n.kla-purity-badge {\n margin-top: 1.5rem;\n text-align: center;\n padding: 1rem;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n border-radius: var(--kla-radius-sm);\n color: white;\n font-weight: 700;\n font-size: 14px;\n}\n\n\/* === TIMELINE === *\/\n.kla-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kla-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kla-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-timeline-content {\n flex: 1;\n background: var(--kla-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kla-radius-sm);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kla-timeline-content p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kla-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kla-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kla-tip p {\n font-size: 14px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kla-accordion {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n box-shadow: var(--kla-shadow);\n overflow: hidden;\n}\n\n.kla-accordion-item {\n border-bottom: 1px solid var(--kla-border);\n margin: 0;\n padding: 0;\n}\n\n.kla-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kla-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kla-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.kla-accordion-header:hover {\n background: var(--kla-primary-light);\n}\n\n.kla-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kla-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kla-primary);\n transition: transform .2s ease;\n}\n\n.kla-accordion-item[open] .kla-accordion-header::after {\n content: '−';\n}\n\n.kla-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kla-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kla-accordion-content p {\n margin: 0;\n}\n\n\/* === FAQ === *\/\n.kla-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.kla-faq-item {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-faq-item h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.kla-faq-item p {\n font-size: clamp(14px, 2.5vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.kla-cta-box {\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-primary-dark) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kla-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.kla-disclaimer {\n font-size: 12px;\n color: var(--kla-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 .kla-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-benefits-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-card {\n padding: 1.125rem;\n }\n \n .kla-benefit-card {\n padding: 1.25rem;\n }\n \n .kla-benefit-icon {\n font-size: 36px;\n }\n \n .kla-section {\n margin-bottom: 1.75rem;\n }\n \n .kla-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kla-radius-sm);\n }\n \n .kla-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kla-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kla-grid-compact {\n gap: .625rem;\n }\n \n .kla-grid-compact .kla-card {\n padding: .75rem;\n }\n \n .kla-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kla-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kla-timeline-content h3 {\n font-size: 14px;\n }\n \n .kla-timeline-content p {\n font-size: 13px;\n }\n \n .kla-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kla-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kla-feature-box {\n flex-direction: column;\n text-align: center;\n }\n \n .kla-feature-icon {\n font-size: 32px;\n }\n \n .kla-composition-box {\n padding: 1.25rem;\n }\n \n .kla-nutrient-grid {\n gap: .75rem;\n }\n \n .kla-nutrient-item {\n padding: .75rem;\n }\n \n .kla-nutrient-value {\n font-size: 16px;\n }\n \n .kla-ingredient-highlight {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .kla-faq-item {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kla-card,\n .kla-benefit-card,\n .kla-faq-item {\n animation: fadeInUp .5s ease backwards;\n }\n .kla-card:nth-child(1), .kla-benefit-card:nth-child(1), .kla-faq-item:nth-child(1) { animation-delay: .05s; }\n .kla-card:nth-child(2), .kla-benefit-card:nth-child(2), .kla-faq-item:nth-child(2) { animation-delay: .1s; }\n .kla-card:nth-child(3), .kla-benefit-card:nth-child(3), .kla-faq-item:nth-child(3) { animation-delay: .15s; }\n .kla-card:nth-child(4) { animation-delay: .2s; }\n .kla-card:nth-child(5) { animation-delay: .25s; }\n .kla-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 .kla-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":54816333463929,"sku":"AV2000","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-bio-60-geleules-aosa-veritable-min.jpg?v=1732962419"},{"product_id":"klamath-bio-100-gelules-qualidiet","title":"Klamath Bio - 100 gélules - Qualidiet","description":"\u003cdiv class=\"klm-premium\"\u003e\n \u003cdiv class=\"klm-hero\"\u003e\n \u003cdiv class=\"klm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"klm-hero-content\"\u003e\n \u003cdiv class=\"klm-badges-top\"\u003e\n \u003cspan class=\"klm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e🏔️ Lac Klamath Oregon\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e💊 100 gélules 500 mg\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"klm-hero-title\"\u003eKlamath Bio\u003c\/span\u003e\n \u003cp class=\"klm-subtitle\"\u003eAphanizomenon flos-aquae · Qualidiet\u003c\/p\u003e\n \u003cp class=\"klm-description\"\u003eOriginaire des eaux pures d'un lac volcanique de l'Oregon, la \u003cstrong\u003eKlamath bio\u003c\/strong\u003e est une micro-algue bleu-vert sauvage reconnue pour sa densité nutritionnelle exceptionnelle. Ce flacon \u003cstrong\u003eQualidiet de 100 gélules végétales dosées à 500 mg\u003c\/strong\u003e vous offre une algue de Klamath bio récoltée dans son environnement naturel, séchée à basse température afin de préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'algue de Klamath bio ?\u003c\/h2\u003e\n \u003cp class=\"klm-section-intro\"\u003eConsidérée comme l'un des super-aliments les plus complets de la planète, l'algue Klamath pousse uniquement dans le lac Upper Klamath, un écosystème volcanique riche en minéraux. Contrairement à la spiruline cultivée, elle se développe à l'état sauvage, ce qui lui confère un profil nutritionnel unique. De nombreux \u003cstrong\u003etémoignages sur l'algue Klamath\u003c\/strong\u003e évoquent un regain de vitalité, une meilleure concentration et un équilibre émotionnel retrouvé.\u003c\/p\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌊 Origine sauvage\u003c\/h3\u003e\n \u003cp\u003eRécoltée dans un lac volcanique pur de l'Oregon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e❄️ Séchage doux\u003c\/h3\u003e\n \u003cp\u003eBasse température pour préserver les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Profil unique\u003c\/h3\u003e\n \u003cp\u003eRiche en minéraux et composés rares\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio\u003c\/h2\u003e\n \u003cdiv class=\"klm-grid\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en vitamines B1, B2 et B12 d'origine végétale, elle soutient le métabolisme énergétique et réduit la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B12 et les antioxydants contribuent au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eLa Klamath contient naturellement de la \u003cstrong\u003ephényléthylamine (PEA)\u003c\/strong\u003e, molécule impliquée dans la sensation de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e✨ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003ePhycocyanine et chlorophylle (7 fois plus concentrée que dans la spiruline) participent à la protection cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e💎 Reminéralisation\u003c\/h3\u003e\n \u003cp\u003eCalcium, magnésium, fer et zinc soutiennent l'organisme au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌱 Protéines complètes\u003c\/h3\u003e\n \u003cp\u003e65 à 70 % de protéines incluant les 20 acides aminés, dont les 8 essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eSpiruline ou Klamath : laquelle choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"klm-testimonial\"\u003e\n \u003cp class=\"klm-testimonial-text\"\u003eLa question \u003cstrong\u003e« spiruline ou Klamath »\u003c\/strong\u003e revient souvent. Les deux algues sont complémentaires : la spiruline est particulièrement riche en fer et en protéines, tandis que la Klamath se distingue par sa teneur exceptionnelle en \u003cstrong\u003evitamine B12 végétale\u003c\/strong\u003e, en chlorophylle et en PEA. Elle est souvent privilégiée pour soutenir le moral, la concentration et la vitalité nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"klm-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 6 gélules\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Poudre d'algue Klamath bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e\u003cbr\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003eHydroxypropyl méthylcellulose\u003cbr\u003e\u003cstrong\u003e540 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-tip\"\u003e\n \u003cspan class=\"klm-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eSans excipient superflu, sans gluten, sans OGM, adaptée aux végétariens et végétaliens. \u003cstrong\u003eCertification biologique FR-BIO-01.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"klm-timeline\"\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n \u003cp\u003eCommencez par 2 gélules par jour pour laisser le temps à l'organisme de s'adapter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003ePosologie optimale\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 à 6 gélules par jour\u003c\/strong\u003e, réparties au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, renouvelable aux changements de saison, est idéale pour profiter pleinement des bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"klm-accordion\"\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement anticoagulant sans avis médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e👶 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. À conserver dans un endroit sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003e100 gélules végétales de 500 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🏔️ Origine\u003c\/h3\u003e\n \u003cp\u003eLac Klamath, Oregon, États-Unis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eQualidiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-cta-box\" style=\"margin-top: 2rem;\"\u003e\n \u003cp\u003e🌊 Une micro-algue sauvage d'exception, née des eaux pures d'un lac volcanique, pour votre vitalité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"klm-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne doivent pas se substituer à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --klm-cream: #f4f7f2;\n --klm-white: #ffffff;\n --klm-primary: #4a8b3d;\n --klm-primary-dark: #2d5a27;\n --klm-primary-light: #e3efdd;\n --klm-secondary: #7ab668;\n --klm-accent: #c4e0b8;\n\n --klm-text: #1a2e18;\n --klm-text-light: #5a6b55;\n\n --klm-border: #d8e5d2;\n --klm-shadow: 0 4px 24px rgba(45,90,39,.08);\n --klm-shadow-lg: 0 12px 48px rgba(45,90,39,.18);\n --klm-radius: 20px;\n --klm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.klm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--klm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--klm-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.klm-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a27 0%, #4a8b3d 50%, #7ab668 100%);\n border-radius: var(--klm-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(--klm-shadow-lg);\n}\n\n.klm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.klm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.klm-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.klm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-style: italic;\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.klm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 750px;\n margin: 0 auto;\n}\n\n.klm-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === BADGES === *\/\n.klm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.klm-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(--klm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.klm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.klm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.klm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--klm-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.klm-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(--klm-primary), var(--klm-secondary));\n border-radius: 2px;\n}\n\n.klm-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--klm-text-light);\n margin-bottom: 1.75rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.klm-section-intro strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === CARDS === *\/\n.klm-card {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--klm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.klm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--klm-shadow-lg);\n border-color: var(--klm-primary);\n}\n\n.klm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--klm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.klm-card p {\n font-size: clamp(13px, 2vw, 14.5px);\n color: var(--klm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-card p strong {\n color: var(--klm-primary-dark);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.klm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.klm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.klm-grid-compact .klm-card {\n padding: 1rem;\n}\n\n.klm-grid-compact .klm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.klm-grid-compact .klm-card p {\n font-size: 12.5px;\n}\n\n\/* === TIMELINE === *\/\n.klm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.klm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.klm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--klm-primary), var(--klm-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,139,61,.3);\n}\n\n.klm-timeline-content {\n flex: 1;\n background: var(--klm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--klm-radius-sm);\n box-shadow: var(--klm-shadow);\n}\n\n.klm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--klm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.klm-timeline-content p {\n font-size: 14px;\n color: var(--klm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-timeline-content p strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.klm-testimonial {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--klm-shadow);\n border-left: 4px solid var(--klm-primary);\n max-width: 850px;\n margin: 0 auto;\n}\n\n.klm-testimonial-text {\n font-size: clamp(14px, 2.4vw, 16.5px);\n color: var(--klm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.klm-testimonial-text strong {\n color: var(--klm-primary-dark);\n font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.klm-accordion {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n box-shadow: var(--klm-shadow);\n overflow: hidden;\n max-width: 850px;\n margin: 0 auto;\n}\n\n.klm-accordion-item {\n border-bottom: 1px solid var(--klm-border);\n margin: 0;\n padding: 0;\n}\n\n.klm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.klm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--klm-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.klm-accordion-header:hover {\n background: var(--klm-primary-light);\n}\n\n.klm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.klm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--klm-primary);\n transition: transform .2s ease;\n}\n\n.klm-accordion-item[open] .klm-accordion-header::after {\n content: '−';\n}\n\n.klm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--klm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.klm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\n.klm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--klm-primary-light);\n border-radius: var(--klm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--klm-primary);\n}\n\n.klm-tip-icon {\n font-size: 22px;\n flex-shrink: 0;\n line-height: 1.3;\n}\n\n.klm-tip p {\n font-size: 14px;\n color: var(--klm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-tip p strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === CTA === *\/\n.klm-cta-box {\n background: linear-gradient(135deg, var(--klm-primary) 0%, var(--klm-primary-dark) 100%);\n border-radius: var(--klm-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--klm-shadow-lg);\n}\n\n.klm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\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.klm-disclaimer {\n font-size: 12px;\n color: var(--klm-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .klm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .klm-card {\n padding: 1.125rem;\n }\n \n .klm-section {\n margin-bottom: 1.75rem;\n }\n \n .klm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--klm-radius-sm);\n }\n \n .klm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .klm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .klm-grid-compact {\n gap: .625rem;\n }\n \n .klm-grid-compact .klm-card {\n padding: .75rem;\n }\n \n .klm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .klm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .klm-timeline-content h3 {\n font-size: 14px;\n }\n \n .klm-timeline-content p {\n font-size: 13px;\n }\n \n .klm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .klm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .klm-testimonial {\n padding: 1.25rem;\n }\n \n .klm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .klm-card {\n animation: klmFadeInUp .5s ease backwards;\n }\n .klm-card:nth-child(1) { animation-delay: .05s; }\n .klm-card:nth-child(2) { animation-delay: .1s; }\n .klm-card:nth-child(3) { animation-delay: .15s; }\n .klm-card:nth-child(4) { animation-delay: .2s; }\n .klm-card:nth-child(5) { animation-delay: .25s; }\n .klm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .klm-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":54816335757689,"sku":"VO4578","price":28.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-bio-100-gelules-qualidiet-packshothd_8b80db20-445c-429b-bb9b-040791e77438.webp?v=1786025582"},{"product_id":"super-cafe-adaptogene-mush-n-go","title":"Brainstoorm : Super Café aux champignons adaptogènes - Goût Chocolat - 240g - Mush N Go","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brainstoorm - Super Café aux champignons adaptogènes\nPalette détectée:\n - Primaire: #4a3a8c (violet profond du packaging)\n - Secondaire: #d4c94a (jaune\/lime du texte \"BrainStoorm\")\n - Accent: #6b5b9a (violet moyen)\n - Fond packaging: #2d2456 (violet foncé)\nAmbiance: Moderne, énergisant, focus mental, univers nootropique\/biohacking avec touches gourmandes (chocolat-noisette). Style premium tech-naturel.\nPréfixe CSS: bs\n--\u003e\n\n\u003cdiv class=\"bs-premium\"\u003e\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bs-hero\"\u003e\n \u003cdiv class=\"bs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bs-hero-content\"\u003e\n \u003cdiv class=\"bs-badges-top\"\u003e\n \u003cspan class=\"bs-badge\"\u003e🧠 Focus \u0026amp; Énergie\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e🍄 3 Champignons\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e☕ 30 portions\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bs-hero-title\"\u003eSuper Café Brainstoorm\u003c\/span\u003e\n \u003cp class=\"bs-subtitle\"\u003eChampignons adaptogènes \u0026amp; plantes\u003c\/p\u003e\n \u003cp class=\"bs-description\"\u003eUne formule innovante enrichie en \u003cstrong\u003eLion's Mane, Cordyceps et Chaga\u003c\/strong\u003e pour une énergie stable et une clarté mentale durable, sans anxiété ni crash énergétique. Saveur chocolat-noisette irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e☕ Pourquoi choisir Brainstoorm ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eAméliore la clarté mentale et la productivité grâce au Lion's Mane et ses composés neuroactifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e⚡ Énergie stable\u003c\/h3\u003e\n \u003cp\u003eFini les pics et crashs énergétiques : une journée équilibrée du matin au soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🧘 Zéro stress\u003c\/h3\u003e\n \u003cp\u003eL'Ashwagandha et la Rhodiola éliminent l'anxiété et les palpitations du café classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🍫 Goût gourmand\u003c\/h3\u003e\n \u003cp\u003eDélicieuse saveur chocolat-noisette qui rappelle les plaisirs de l'enfance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🛡️ Défenses renforcées\u003c\/h3\u003e\n \u003cp\u003eLe Chaga soutient votre système immunitaire avec ses puissants antioxydants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans OGM, sans additifs artificiels, uniquement des ingrédients naturels sourcés en Europe\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=\"bs-section\"\u003e\n \u003ch2\u003e🍄 Composition par tasse (8g)\u003c\/h2\u003e\n \u003cp class=\"bs-intro\"\u003eUne synergie unique de \u003cstrong\u003e3 champignons adaptogènes\u003c\/strong\u003e, plantes et super-aliments\u003c\/p\u003e\n \n \u003cdiv class=\"bs-ingredients-grid\"\u003e\n \u003cdiv class=\"bs-ingredient-card bs-ingredient-featured\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🦁\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eLion's Mane\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eStimule la mémoire et la concentration. Favorise la régénération nerveuse grâce aux hericenones.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eChampignon adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card bs-ingredient-featured\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🐛\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eCordyceps\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAméliore l'énergie et la performance physique. Booste la production d'ATP cellulaire.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eChampignon adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card bs-ingredient-featured\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🪨\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eChaga\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003ePropriétés anti-inflammatoires et antioxydantes. Protège les cellules du stress oxydatif.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eChampignon adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🍫\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eCacao en poudre\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1634 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eStimule la mémoire et la concentration. Riche en magnésium et antioxydants.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eBase gourmande\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eMaca\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e313 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSoutient le tonus, stimule la vitalité et aide à lutter contre la fatigue.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eSuper-aliment\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🧘\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eAshwagandha\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAide à diminuer le stress et l'anxiété, favorise un sommeil serein.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eAdaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e☕\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eExtrait de café CO₂ Bio\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e100 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eÉnergie stable sans nervosité. Extraction douce préservant les arômes.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eCaféine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eRhodiola Rosea\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e31 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAugmente la résistance de l'organisme au stress physique et mental.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eAdaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e💼 Professionnels exigeants\u003c\/h3\u003e\n \u003cp\u003eRéunions, présentations, deadlines : restez concentré et performant toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eRévisions, examens, cours : boostez votre mémoire et votre capacité d'apprentissage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eEndurance, récupération, énergie : le Cordyceps améliore vos performances physiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e😰 Sensibles à la caféine\u003c\/h3\u003e\n \u003cp\u003eProfitez de l'énergie du café sans les effets secondaires désagréables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉPARATION --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e☕ Comment préparer votre tasse ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-steps\"\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à soupe de poudre (8g) dans une grande tasse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eVersez\u003c\/h3\u003e\n \u003cp\u003eBoisson chaude à mi-hauteur (eau, lait ou boisson végétale)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eMélangez\u003c\/h3\u003e\n \u003cp\u003eRemuez bien pour une texture homogène et onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e4\u003c\/div\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eProfitez de votre moment de focus et d'énergie stable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e📈 Résultats progressifs\u003c\/h2\u003e\n \u003cdiv class=\"bs-timeline\"\u003e\n \u003cdiv class=\"bs-timeline-item\"\u003e\n \u003cspan class=\"bs-timeline-icon\"\u003e⚡\u003c\/span\u003e\n \u003cspan class=\"bs-timeline-label\"\u003eDès la 1ère tasse\u003c\/span\u003e\n \u003cp\u003eÉnergie stable et douce, sans nervosité ni palpitations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-timeline-item\"\u003e\n \u003cspan class=\"bs-timeline-icon\"\u003e🎯\u003c\/span\u003e\n \u003cspan class=\"bs-timeline-label\"\u003eAprès 2 semaines\u003c\/span\u003e\n \u003cp\u003eAmélioration notable de la concentration et de la clarté mentale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-timeline-item\"\u003e\n \u003cspan class=\"bs-timeline-icon\"\u003e🌟\u003c\/span\u003e\n \u003cspan class=\"bs-timeline-label\"\u003eAprès 45 jours\u003c\/span\u003e\n \u003cp\u003eRésultats optimaux sur l'énergie, le focus et la gestion du stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-dosage-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Posologie recommandée :\u003c\/strong\u003e 2 tasses par jour pendant 45 jours pour des résultats optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid-compact\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e240g (30 portions)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n \u003cp\u003e15 à 30 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🍫 Saveur\u003c\/h3\u003e\n \u003cp\u003eChocolat noisette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eMade in France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bs-accordion\"\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermer soigneusement le sachet après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes ou allaitantes. 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\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e✅ Engagements qualité\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eFabriqué en France avec des ingrédients naturels sourcés de manière responsable en Europe. Sans OGM, sans additifs artificiels. Formule développée avec des experts en nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bs-cta-box\"\u003e\n \u003cp\u003e🧠 Libérez votre potentiel cognitif avec Brainstoorm : l'alliance parfaite entre le plaisir d'un café gourmand et la puissance des champignons adaptogènes. Focus, énergie, sérénité – tout en une tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES BRAINSTOORM === *\/\n:root {\n --bs-cream: #f8f6fb;\n --bs-white: #ffffff;\n --bs-primary: #4a3a8c;\n --bs-primary-dark: #2d2456;\n --bs-primary-light: #ebe7f5;\n --bs-secondary: #d4c94a;\n --bs-accent: #6b5b9a;\n --bs-text: #1a1a1a;\n --bs-text-light: #5a5a5a;\n --bs-border: #e0e0e0;\n --bs-shadow: 0 4px 24px rgba(74, 58, 140, .08);\n --bs-shadow-lg: 0 12px 48px rgba(74, 58, 140, .15);\n --bs-radius: 20px;\n --bs-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bs-hero {\n position: relative;\n background: linear-gradient(135deg, #2d2456 0%, #4a3a8c 50%, #6b5b9a 100%);\n border-radius: var(--bs-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bs-shadow-lg);\n}\n\n.bs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(212, 201, 74, .3) 2px, transparent 2px),\n radial-gradient(circle at 60% 70%, rgba(212, 201, 74, .3) 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, rgba(212, 201, 74, .3) 2px, transparent 2px);\n background-size: 50px 50px, 70px 70px, 60px 60px;\n}\n\n.bs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bs-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bs-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bs-hero-title {\n display: block;\n color: var(--bs-secondary);\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,.3);\n}\n\n.bs-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 text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.bs-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n margin: 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.bs-description strong {\n color: var(--bs-secondary);\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.bs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bs-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bs-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bs-primary), var(--bs-secondary));\n border-radius: 2px;\n}\n\n.bs-intro {\n text-align: center;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--bs-text-light);\n margin-bottom: 2rem;\n line-height: 1.7;\n}\n\n.bs-intro strong {\n color: var(--bs-primary);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.bs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bs-card {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bs-shadow-lg);\n border-color: var(--bs-primary);\n}\n\n.bs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS GRID === *\/\n.bs-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.bs-ingredient-card {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: 1.5rem;\n box-shadow: var(--bs-shadow);\n border-left: 4px solid var(--bs-accent);\n transition: all .3s ease;\n}\n\n.bs-ingredient-card:hover {\n transform: translateX(4px);\n box-shadow: var(--bs-shadow-lg);\n}\n\n.bs-ingredient-featured {\n background: linear-gradient(135deg, var(--bs-primary-light) 0%, var(--bs-white) 100%);\n border-left: 4px solid var(--bs-primary);\n}\n\n.bs-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: .75rem;\n}\n\n.bs-ingredient-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.bs-ingredient-info {\n flex: 1;\n}\n\n.bs-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: 0 0 2px 0;\n}\n\n.bs-dose {\n font-size: 20px;\n font-weight: 900;\n color: var(--bs-primary);\n letter-spacing: -.02em;\n}\n\n.bs-ingredient-card p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--bs-text-light);\n margin: 0 0 .75rem 0;\n}\n\n.bs-tag {\n display: inline-block;\n padding: 4px 10px;\n background: var(--bs-primary-light);\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n color: var(--bs-primary);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === STEPS === *\/\n.bs-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.bs-step {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: 2rem 1.5rem 1.5rem;\n box-shadow: var(--bs-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.bs-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--bs-shadow-lg);\n}\n\n.bs-step-number {\n position: absolute;\n top: -16px;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-accent) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(74, 58, 140, .3);\n}\n\n.bs-step h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: .5rem 0;\n}\n\n.bs-step p {\n font-size: 14px;\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.bs-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.bs-timeline-item {\n text-align: center;\n}\n\n.bs-timeline-icon {\n display: block;\n font-size: 48px;\n margin-bottom: .75rem;\n}\n\n.bs-timeline-label {\n display: block;\n font-size: 14px;\n font-weight: 800;\n color: var(--bs-primary);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .5rem;\n}\n\n.bs-timeline-item p {\n font-size: 14px;\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bs-dosage-box {\n background: var(--bs-primary-light);\n border: 2px solid var(--bs-primary);\n border-radius: var(--bs-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n}\n\n.bs-dosage-box p {\n font-size: 15px;\n color: var(--bs-primary-dark);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bs-accordion {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n box-shadow: var(--bs-shadow);\n overflow: hidden;\n}\n\n.bs-accordion-item {\n border-bottom: 1px solid var(--bs-border);\n margin: 0;\n padding: 0;\n}\n\n.bs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bs-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bs-accordion-header:hover {\n background: var(--bs-primary-light);\n}\n\n.bs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bs-primary);\n transition: transform .2s ease;\n}\n\n.bs-accordion-item[open] .bs-accordion-header::after {\n content: '−';\n}\n\n.bs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bs-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bs-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.bs-cta-box {\n background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-dark) 100%);\n border-radius: var(--bs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bs-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(212, 201, 74, .15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.bs-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n position: relative;\n z-index: 1;\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bs-ingredients-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bs-steps {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bs-timeline {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .bs-card {\n padding: 1.125rem;\n }\n \n .bs-section {\n margin-bottom: 1.75rem;\n }\n \n .bs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bs-radius-sm);\n }\n \n .bs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bs-grid-compact {\n gap: .625rem;\n }\n \n .bs-grid-compact .bs-card {\n padding: .75rem;\n }\n \n .bs-grid-compact .bs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .bs-grid-compact .bs-card p {\n font-size: 12px;\n }\n \n .bs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bs-ingredient-card {\n padding: 1.25rem;\n }\n \n .bs-ingredient-icon {\n font-size: 32px;\n }\n \n .bs-ingredient-info h3 {\n font-size: 15px;\n }\n \n .bs-dose {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bs-card,\n .bs-ingredient-card,\n .bs-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bs-card:nth-child(1), .bs-ingredient-card:nth-child(1) { animation-delay: .05s; }\n .bs-card:nth-child(2), .bs-ingredient-card:nth-child(2) { animation-delay: .1s; }\n .bs-card:nth-child(3), .bs-ingredient-card:nth-child(3) { animation-delay: .15s; }\n .bs-card:nth-child(4), .bs-ingredient-card:nth-child(4) { animation-delay: .2s; }\n .bs-card:nth-child(5), .bs-ingredient-card:nth-child(5) { animation-delay: .25s; }\n .bs-card:nth-child(6), .bs-ingredient-card:nth-child(6) { animation-delay: .3s; }\n .bs-card:nth-child(7), .bs-ingredient-card:nth-child(7) { animation-delay: .35s; }\n .bs-card:nth-child(8), .bs-ingredient-card:nth-child(8) { animation-delay: .4s; }\n \n .bs-timeline-item {\n animation: scaleIn .5s ease backwards;\n }\n .bs-timeline-item:nth-child(1) { animation-delay: .1s; }\n .bs-timeline-item:nth-child(2) { animation-delay: .25s; }\n .bs-timeline-item:nth-child(3) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.85); }\n to { opacity: 1; transform: scale(1); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":54914706047353,"sku":"CAFEBRAINSTORM","price":29.88,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mushngo_brainstoorm-cafe_11zon.jpg?v=1766695073"},{"product_id":"aguaymanto-fruits-seches-bio-200g","title":"Aguayamanto - Fruits séchés - 200 g Sol-Semilla","description":"\u003cdiv class=\"ag-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ag-hero\"\u003e\n\u003cdiv class=\"ag-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ag-hero-content\"\u003e\n\u003cdiv class=\"ag-badges-top\"\u003e\n\u003cspan class=\"ag-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"ag-badge\"\u003e🥇 Raw \u0026amp; Vegan\u003c\/span\u003e \u003cspan class=\"ag-badge\"\u003e🏔️ Origine Pérou – Andes\u003c\/span\u003e \u003cspan class=\"ag-badge\"\u003e🌡️ Séché à basse température\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ag-hero-title\"\u003eAguaymanto - Fruits séchés bio\u003c\/span\u003e\n\u003cp class=\"ag-subtitle\"\u003eLe trésor doré des Incas, séché à basse température\u003c\/p\u003e\n\u003cp class=\"ag-description\"\u003e200 g · ~13 portions · Saveur fruitée-acidulée unique · 21,1 g de fibres \/ 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eAguaymanto bio séché : le superfruit des Andes au goût unique\u003c\/h2\u003e\n\u003cp class=\"ag-section-intro\"\u003eConnaissez-vous l'\u003cstrong\u003eaguaymanto\u003c\/strong\u003e, ce petit fruit doré aussi appelé \u003cstrong\u003ephysalis péruvien\u003c\/strong\u003e ou \u003cstrong\u003efruit de l'Inca\u003c\/strong\u003e ?\u003c\/p\u003e\n\u003cdiv class=\"ag-highlight-box\"\u003e\n\u003cp\u003eCultivé depuis des millénaires dans les \u003cstrong\u003ehautes terres andines du Pérou\u003c\/strong\u003e, entre 800 et 3 000 mètres d'altitude, il était vénéré par les civilisations incas pour ses qualités nutritionnelles remarquables. Après des siècles d'oubli, ce superfruit retrouve aujourd'hui la place qu'il mérite dans nos assiettes.\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem;\"\u003eSol Semilla vous le propose \u003cstrong\u003eséché à basse température\u003c\/strong\u003e, certifié \u003cstrong\u003ebio\u003c\/strong\u003e, \u003cstrong\u003eraw\u003c\/strong\u003e et \u003cstrong\u003evegan\u003c\/strong\u003e, dans un sachet de 200 g offrant environ \u003cstrong\u003e13 portions\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003ePourquoi l'aguaymanto est-il un superfruit ?\u003c\/h2\u003e\n\u003cp class=\"ag-section-intro\"\u003eDerrière sa petite taille se cache un \u003cstrong\u003eprofil nutritionnel impressionnant\u003c\/strong\u003e. L'aguaymanto séché contient davantage de fibres que les pruneaux — avec \u003cstrong\u003e21,1 g de fibres pour 100 g\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"ag-grid\"\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🌾 Source exceptionnelle de fibres\u003c\/h3\u003e\n\u003cp\u003eFavorise un bon transit intestinal et contribue à la satiété, idéal pour les petites faims.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🛡️ Riche en antioxydants naturels\u003c\/h3\u003e\n\u003cp\u003eAide votre organisme à lutter contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e👁️ Vitamines et minéraux\u003c\/h3\u003e\n\u003cp\u003eNotamment en vitamine A, bénéfique pour le maintien d'une vision normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e💪 Protéines végétales\u003c\/h3\u003e\n\u003cp\u003e7 g pour 100 g, un apport appréciable et surprenant pour un fruit séché.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e💧 Propriétés diurétiques\u003c\/h3\u003e\n\u003cp\u003eSoutient naturellement la fonction rénale et l'élimination de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eUn goût acidulé et fruité qui surprend\u003c\/h2\u003e\n\u003cdiv class=\"ag-taste-box\"\u003e\n\u003cdiv class=\"ag-taste-icon\"\u003e🍊\u003c\/div\u003e\n\u003cdiv class=\"ag-taste-content\"\u003e\n\u003cp\u003eL'aguaymanto séché offre une \u003cstrong\u003esaveur fruitée-acidulée\u003c\/strong\u003e absolument unique, à mi-chemin entre l'ananas, l'agrume et la tomate cerise. Sa texture moelleuse et légèrement sucrée en fait un plaisir gustatif qui se suffit à lui-même.\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem;\"\u003eSi vous cherchez une \u003cstrong\u003ealternative originale\u003c\/strong\u003e aux raisins secs ou aux cranberries, vous allez être conquis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eComment déguster l'aguaymanto séché ?\u003c\/h2\u003e\n\u003cp class=\"ag-section-intro\"\u003eCe superfruit est d'une \u003cstrong\u003epolyvalence remarquable\u003c\/strong\u003e en cuisine. Voici quelques idées pour l'intégrer facilement à votre quotidien :\u003c\/p\u003e\n\u003cdiv class=\"ag-timeline\"\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eAu petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003eParsemé sur un porridge, un muesli ou un yaourt végétal pour un réveil vitaminé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eEn smoothie\u003c\/h3\u003e\n\u003cp\u003eMixé avec une banane et du lait d'amande pour une boisson onctueuse et exotique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eEn cuisine salée\u003c\/h3\u003e\n\u003cp\u003eDans vos salades, tajines ou sauces pour apporter une touche sucrée-salée originale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eEn pâtisserie\u003c\/h3\u003e\n\u003cp\u003eIncorporé dans des cakes, energy balls ou barres de céréales maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eTel quel\u003c\/h3\u003e\n\u003cp\u003eUne dizaine de fruits par jour constitue un en-cas sain et rassasiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n\u003cdiv class=\"ag-composition-box\"\u003e\n\u003cdiv class=\"ag-composition-main\"\u003e\n\u003cp class=\"ag-composition-label\"\u003eIngrédient unique\u003c\/p\u003e\n\u003cp class=\"ag-composition-value\"\u003eAguaymanto séché* \u003cem\u003e(Physalis peruviana)\u003c\/em\u003e\u003c\/p\u003e\n\u003cp class=\"ag-composition-note\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-grid-compact\"\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🚫 Sans sucre ajouté\u003c\/h3\u003e\n\u003cp\u003eAucun sucre supplémentaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n\u003cp\u003eNi conservateur ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🏔️ Origine Pérou\u003c\/h3\u003e\n\u003cp\u003eAndes péruviennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🌡️ Basse température\u003c\/h3\u003e\n\u003cp\u003eNutriments préservés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eValeurs nutritionnelles pour 100 g\u003c\/h2\u003e\n\u003cdiv class=\"ag-nutri-table\"\u003e\n\u003cdiv class=\"ag-nutri-row\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003eValeur énergétique\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e1377 kJ \/ 329 kcal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003eMatières grasses\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e6,6 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row ag-nutri-sub\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003edont acides gras saturés\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e0,7 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003eGlucides\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e49,8 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row ag-nutri-sub\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003edont sucres\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e39,6 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row ag-nutri-highlight\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003e🌾 Fibres alimentaires\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e21,1 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row ag-nutri-highlight\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003e💪 Protéines\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e7 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003eSel\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e0,01 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"ag-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConservation et conseils\u003c\/h2\u003e\n\u003cdiv class=\"ag-accordion\"\u003e\n\u003cdetails class=\"ag-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"ag-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez votre sachet d'aguaymanto dans un endroit \u003cstrong\u003efrais et sec\u003c\/strong\u003e, à l'abri de la lumière et de l'humidité. Refermez bien le sachet après chaque utilisation pour préserver la texture moelleuse des fruits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ag-accordion-item\"\u003e\n\u003csummary class=\"ag-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un aliment et ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. 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\u003cdiv class=\"ag-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n\u003cp\u003e🌞 Offrez-vous chaque jour une poignée de soleil andin — l'aguaymanto, un superfruit d'exception pour votre vitalité !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ag-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ag-cream: #FAF5EE;\n --ag-white: #ffffff;\n --ag-primary: #B5382A;\n --ag-primary-dark: #8C2218;\n --ag-primary-light: #FCEAE7;\n --ag-secondary: #D4A054;\n --ag-accent: #E8A838;\n --ag-text: #1a1a1a;\n --ag-text-light: #5a5a5a;\n --ag-border: #E8DDD0;\n --ag-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ag-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ag-radius: 20px;\n --ag-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ag-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ag-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ag-hero {\n position: relative;\n background: linear-gradient(135deg, #8C2218 0%, #B5382A 40%, #D4A054 100%);\n border-radius: var(--ag-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ag-shadow-lg);\n}\n\n.ag-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 85% 80%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(232,168,56,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ag-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ag-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ag-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.ag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ag-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ag-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ag-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ag-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ag-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ag-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ag-primary), var(--ag-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ag-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ag-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ag-highlight-box {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ag-shadow);\n border-left: 4px solid var(--ag-secondary);\n line-height: 1.8;\n color: var(--ag-text);\n font-size: clamp(14px, 2.2vw, 16px);\n}\n\n.ag-highlight-box p {\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ag-card {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ag-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ag-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ag-shadow-lg);\n border-color: var(--ag-primary);\n}\n\n.ag-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ag-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ag-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ag-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ag-grid-compact .ag-card {\n padding: 1rem;\n}\n\n.ag-grid-compact .ag-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ag-grid-compact .ag-card p {\n font-size: 12px;\n}\n\n\/* === TASTE BOX === *\/\n.ag-taste-box {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ag-shadow);\n border: 2px solid var(--ag-secondary);\n}\n\n.ag-taste-icon {\n font-size: 48px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.ag-taste-content p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ag-text);\n margin: 0;\n line-height: 1.8;\n}\n\n\/* === TIMELINE === *\/\n.ag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ag-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ag-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ag-primary), var(--ag-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ag-timeline-content {\n flex: 1;\n background: var(--ag-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ag-radius-sm);\n box-shadow: var(--ag-shadow);\n}\n\n.ag-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ag-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ag-timeline-content p {\n font-size: 14px;\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ag-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.ag-composition-main {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ag-shadow);\n text-align: center;\n border: 2px solid var(--ag-border);\n}\n\n.ag-composition-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--ag-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.ag-composition-value {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--ag-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ag-composition-note {\n font-size: 13px;\n color: var(--ag-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TABLEAU NUTRITIONNEL === *\/\n.ag-nutri-table {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n overflow: hidden;\n box-shadow: var(--ag-shadow);\n}\n\n.ag-nutri-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--ag-border);\n transition: background .2s ease;\n}\n\n.ag-nutri-row:last-child {\n border-bottom: none;\n}\n\n.ag-nutri-row:hover {\n background: var(--ag-primary-light);\n}\n\n.ag-nutri-label {\n font-size: 14px;\n color: var(--ag-text);\n font-weight: 600;\n}\n\n.ag-nutri-value {\n font-size: 14px;\n color: var(--ag-primary-dark);\n font-weight: 800;\n}\n\n.ag-nutri-sub {\n padding-left: 2.5rem;\n background: rgba(0,0,0,.015);\n}\n\n.ag-nutri-sub .ag-nutri-label {\n font-weight: 400;\n font-style: italic;\n color: var(--ag-text-light);\n}\n\n.ag-nutri-sub .ag-nutri-value {\n font-weight: 600;\n color: var(--ag-text-light);\n}\n\n.ag-nutri-highlight {\n background: linear-gradient(90deg, rgba(212,160,84,.08), rgba(232,168,56,.08));\n}\n\n.ag-nutri-highlight .ag-nutri-label {\n color: var(--ag-primary-dark);\n font-weight: 800;\n}\n\n.ag-nutri-highlight .ag-nutri-value {\n font-size: 15px;\n color: var(--ag-primary);\n}\n\n\/* === ACCORDÉON === *\/\n.ag-accordion {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n box-shadow: var(--ag-shadow);\n overflow: hidden;\n}\n\n.ag-accordion-item {\n border-bottom: 1px solid var(--ag-border);\n margin: 0;\n padding: 0;\n}\n\n.ag-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ag-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ag-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ag-accordion-header:hover {\n background: var(--ag-primary-light);\n}\n\n.ag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ag-primary);\n transition: transform .2s ease;\n}\n\n.ag-accordion-item[open] .ag-accordion-header::after {\n content: '−';\n}\n\n.ag-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ag-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ag-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ag-cta-box {\n background: linear-gradient(135deg, var(--ag-primary) 0%, var(--ag-primary-dark) 100%);\n border-radius: var(--ag-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ag-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ag-disclaimer {\n font-size: 12px;\n color: var(--ag-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ag-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ag-card {\n padding: 1.125rem;\n }\n\n .ag-section {\n margin-bottom: 1.75rem;\n }\n\n .ag-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ag-radius-sm);\n }\n\n .ag-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ag-grid-compact {\n gap: .625rem;\n }\n\n .ag-grid-compact .ag-card {\n padding: .75rem;\n }\n\n .ag-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ag-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ag-timeline-content h3 {\n font-size: 14px;\n }\n\n .ag-timeline-content p {\n font-size: 13px;\n }\n\n .ag-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ag-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ag-taste-box {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n padding: 1.25rem;\n }\n\n .ag-taste-icon {\n font-size: 40px;\n }\n\n .ag-highlight-box {\n padding: 1.25rem;\n }\n\n .ag-nutri-row {\n padding: .75rem 1rem;\n }\n\n .ag-nutri-sub {\n padding-left: 1.75rem;\n }\n\n .ag-nutri-label,\n .ag-nutri-value {\n font-size: 13px;\n }\n\n .ag-composition-main {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ag-card {\n animation: agFadeInUp .5s ease backwards;\n }\n .ag-card:nth-child(1) { animation-delay: .05s; }\n .ag-card:nth-child(2) { animation-delay: .1s; }\n .ag-card:nth-child(3) { animation-delay: .15s; }\n .ag-card:nth-child(4) { animation-delay: .2s; }\n .ag-card:nth-child(5) { animation-delay: .25s; }\n .ag-card:nth-child(6) { animation-delay: .3s; }\n\n .ag-timeline-item {\n animation: agFadeInUp .5s ease backwards;\n }\n .ag-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ag-timeline-item:nth-child(2) { animation-delay: .1s; }\n .ag-timeline-item:nth-child(3) { animation-delay: .15s; }\n .ag-timeline-item:nth-child(4) { animation-delay: .2s; }\n .ag-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes agFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ag-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":54966581526905,"sku":"AGUAYAMANTOSOLSEMILLA","price":11.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aguayamanto-fruits-seches-200-g-sol-semilla-lifestyle_9fef1512-2125-40bf-bd30-0750649dfd27.webp?v=1772787267"},{"product_id":"bibhitaki-bio-poudre-150g-ayurvana","title":"Bibhitaki bio en poudre – 150 g - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bibhitaki bio en poudre – 150 g - Ayur-Vana\nPalette détectée:\n - Primaire: #8B6914 (kraft\/doré du sachet kraft naturel)\n - Secondaire: #A6366B (magenta\/fuchsia de la bande décorative)\n - Accent: #7BAA2E (vert des fruits bibhitaki sur l'étiquette)\n - Fond: #F7F3ED (crème chaud rappelant le kraft)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, tradition indienne, motifs paisley colorés\nPréfixe CSS: bib\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Bibhitaki bio en poudre : le fruit protecteur de l'Ayurveda\"\n 2. \"Les bienfaits de la poudre de bibhitaki\"\n 3. \"Comment utiliser le bibhitaki poudre au quotidien ?\"\n 4. \"Composition\"\n 5. \"Pourquoi choisir la poudre de bibhitaki AYur-vana ?\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bib-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bib-hero\"\u003e\n \u003cdiv class=\"bib-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bib-hero-content\"\u003e\n \u003cdiv class=\"bib-badges-top\"\u003e\n \u003cspan class=\"bib-badge\"\u003e🌿 100 % Bio\u003c\/span\u003e\n \u003cspan class=\"bib-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bib-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n \u003cspan class=\"bib-badge\"\u003e📦 150 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bib-hero-title\"\u003eBibhitaki bio en poudre\u003c\/span\u003e\n \u003cp class=\"bib-subtitle\"\u003eLe fruit sacré du Triphala, pilier de l'Ayurveda depuis des millénaires\u003c\/p\u003e\n \u003cp class=\"bib-description\"\u003eProtégez vos cellules, soutenez votre digestion et renforcez vos défenses naturelles avec cette poudre pure de \u003cem\u003eTerminalia bellerica\u003c\/em\u003e, certifiée biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bib-section\"\u003e\n \u003ch2\u003eBibhitaki bio en poudre : le fruit protecteur de l'Ayurveda\u003c\/h2\u003e\n \u003cdiv class=\"bib-intro-card\"\u003e\n \u003cp\u003eConnaissez-vous le \u003cstrong\u003eBibhitaki\u003c\/strong\u003e ? Ce fruit issu de l'arbre tropical \u003cem\u003eTerminalia bellerica\u003c\/em\u003e est l'un des trois piliers du célèbre \u003cstrong\u003eTriphala\u003c\/strong\u003e, remède ancestral de la médecine ayurvédique. Utilisé depuis des millénaires en Inde, le \u003cstrong\u003ebibhitaki en poudre\u003c\/strong\u003e est aujourd'hui reconnu pour sa richesse exceptionnelle en \u003cstrong\u003etanins, polyphénols et antioxydants\u003c\/strong\u003e naturels.\u003c\/p\u003e\n \u003cp\u003eAvec ce sachet de \u003cstrong\u003e150 g\u003c\/strong\u003e proposé par AYur-vana, vous disposez d'un complément alimentaire \u003cstrong\u003e100 % bio\u003c\/strong\u003e, fabriqué en France, pour prendre soin de votre organisme au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bib-section\"\u003e\n \u003ch2\u003eLes bienfaits de la poudre de bibhitaki\u003c\/h2\u003e\n \u003cp class=\"bib-section-intro\"\u003eLe bibhitaki se distingue par un spectre d'action remarquablement large. Voici ses principaux atouts pour votre bien-être :\u003c\/p\u003e\n \u003cdiv class=\"bib-grid\"\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur élevée en antioxydants, le bibhitaki aide à protéger vos cellules, tissus et organes contre le stress oxydatif et les dommages causés par les radicaux libres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eIl soutient la motilité intestinale, préserve l'intégrité des muqueuses du tube digestif et favorise une élimination régulière. Un allié précieux pour votre confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eEn Ayurveda, le bibhitaki est traditionnellement utilisé pour renforcer les défenses naturelles de l'organisme, notamment lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e❤️ Équilibre cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eCe fruit contribue au maintien d'un taux de cholestérol normal, participant ainsi à la bonne santé de votre système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e✨ Détoxification douce\u003c\/h3\u003e\n \u003cp\u003eLe bibhitaki aide à éliminer les toxines accumulées, ce que l'Ayurveda appelle \u003cem\u003eAma\u003c\/em\u003e, pour retrouver légèreté et vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bib-section\"\u003e\n \u003ch2\u003eComment utiliser le bibhitaki poudre au quotidien ?\u003c\/h2\u003e\n \u003cdiv class=\"bib-timeline\"\u003e\n \u003cdiv class=\"bib-timeline-item\"\u003e\n \u003cdiv class=\"bib-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bib-timeline-content\"\u003e\n \u003ch3\u003eDosez ½ cuillère à café (2,5 g)\u003c\/h3\u003e\n \u003cp\u003ePrenez cette dose deux fois par jour pour un total de 5 g maximum quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-timeline-item\"\u003e\n \u003cdiv class=\"bib-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bib-timeline-content\"\u003e\n \u003ch3\u003eDiluez dans votre boisson préférée\u003c\/h3\u003e\n \u003cp\u003eMélangez dans une boisson chaude, un smoothie, une compote ou un yaourt selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-timeline-item\"\u003e\n \u003cdiv class=\"bib-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bib-timeline-content\"\u003e\n \u003ch3\u003eSavourez pendant 4 à 6 semaines\u003c\/h3\u003e\n \u003cp\u003eUne cure de 4 à 6 semaines est recommandée pour des résultats satisfaisants. Renouvelez après une pause de quelques jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-tip\"\u003e\n \u003cspan class=\"bib-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e Le goût du bibhitaki est légèrement astringent. Associez-le à un peu de miel ou mélangez-le dans un jus de fruit. Il s'intègre aussi parfaitement dans vos recettes de \u003cstrong\u003egolden milk\u003c\/strong\u003e ou d'infusions épicées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bib-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"bib-composition-card\"\u003e\n \u003cdiv class=\"bib-composition-header\"\u003e\n \u003cspan class=\"bib-composition-icon\"\u003e🍃\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eIngrédient unique\u003c\/h3\u003e\n \u003cp\u003eBaies de Bibhitaki (\u003cem\u003eTerminalia bellerica\u003c\/em\u003e) en poudre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-grid-compact\"\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n \u003cp\u003eRécolte traditionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eNi excipient, ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e🥬 Végane\u003c\/h3\u003e\n \u003cp\u003eVégétarien \u0026amp; végan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bib-section\"\u003e\n \u003ch2\u003ePourquoi choisir la poudre de bibhitaki AYur-vana ?\u003c\/h2\u003e\n \u003cdiv class=\"bib-grid\"\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e💎 Pureté garantie\u003c\/h3\u003e\n \u003cp\u003eUn seul ingrédient, 100 % bio, sans aucun ajout superflu. La nature à l'état pur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eConditionné en France selon les normes strictes applicables aux compléments alimentaires biologiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e📦 Format économique\u003c\/h3\u003e\n \u003cp\u003eLe sachet de 150 g offre environ \u003cstrong\u003e30 jours d'utilisation\u003c\/strong\u003e à la dose recommandée, un excellent rapport qualité-prix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bib-card\"\u003e\n \u003ch3\u003e⚖️ Dosage personnalisable\u003c\/h3\u003e\n \u003cp\u003eContrairement aux gélules, la poudre vous permet d'ajuster précisément la quantité selon vos besoins et votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"bib-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bib-accordion\"\u003e\n \u003cdetails class=\"bib-accordion-item\"\u003e\n \u003csummary class=\"bib-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n \u003cdiv class=\"bib-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez votre médecin ou pharmacien avant toute prise en cas de grossesse, d'allaitement ou de traitement médical en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bib-accordion-item\"\u003e\n \u003csummary class=\"bib-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bib-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité, hors de portée des enfants. Refermez bien le sachet après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"bib-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --bib-cream: #F7F3ED;\n --bib-white: #ffffff;\n --bib-primary: #A6366B;\n --bib-primary-dark: #7E2350;\n --bib-primary-light: #F9EEF3;\n --bib-secondary: #8B6914;\n --bib-accent: #7BAA2E;\n --bib-accent-light: #F0F5E4;\n --bib-text: #1a1a1a;\n --bib-text-light: #5a5a5a;\n --bib-border: #e8e0d8;\n --bib-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bib-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bib-radius: 20px;\n --bib-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bib-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bib-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bib-hero {\n position: relative;\n background: linear-gradient(135deg, #7E2350 0%, #A6366B 40%, #C45A3E 70%, #8B6914 100%);\n border-radius: var(--bib-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bib-shadow-lg);\n}\n\n.bib-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 15% 25%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 85% 75%, rgba(255,255,255,.06) 0%, transparent 35%),\n radial-gradient(circle at 50% 10%, rgba(255,255,255,.04) 0%, transparent 50%),\n radial-gradient(circle at 20% 80%, rgba(123,170,46,.1) 0%, transparent 30%),\n radial-gradient(circle at 80% 20%, rgba(139,105,20,.1) 0%, transparent 30%);\n opacity: 1;\n}\n\n.bib-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.bib-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bib-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bib-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bib-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === HERO TITRE === *\/\n.bib-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bib-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.bib-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bib-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bib-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bib-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bib-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bib-primary), var(--bib-accent));\n border-radius: 2px;\n}\n\n\/* === INTRO CARD === *\/\n.bib-intro-card {\n background: var(--bib-white);\n border-radius: var(--bib-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bib-shadow);\n border-left: 4px solid var(--bib-accent);\n}\n\n.bib-intro-card p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--bib-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.bib-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bib-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bib-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.bib-card {\n background: var(--bib-white);\n border-radius: var(--bib-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bib-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bib-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bib-shadow-lg);\n border-color: var(--bib-primary);\n}\n\n.bib-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bib-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bib-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bib-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bib-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bib-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bib-grid-compact .bib-card {\n padding: 1rem;\n}\n\n.bib-grid-compact .bib-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bib-grid-compact .bib-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.bib-composition-card {\n background: var(--bib-white);\n border-radius: var(--bib-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bib-shadow);\n}\n\n.bib-composition-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1.25rem;\n border-bottom: 2px solid var(--bib-border);\n}\n\n.bib-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.bib-composition-header h3 {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--bib-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bib-composition-header p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--bib-text-light);\n margin: 0;\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.bib-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bib-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bib-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bib-primary), var(--bib-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bib-timeline-content {\n flex: 1;\n background: var(--bib-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bib-radius-sm);\n box-shadow: var(--bib-shadow);\n}\n\n.bib-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bib-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bib-timeline-content p {\n font-size: 14px;\n color: var(--bib-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bib-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bib-accent-light);\n border-radius: var(--bib-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bib-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bib-tip p {\n font-size: 14px;\n color: var(--bib-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bib-accordion {\n background: var(--bib-white);\n border-radius: var(--bib-radius);\n box-shadow: var(--bib-shadow);\n overflow: hidden;\n}\n\n.bib-accordion-item {\n border-bottom: 1px solid var(--bib-border);\n margin: 0;\n padding: 0;\n}\n\n.bib-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bib-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bib-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bib-accordion-header:hover {\n background: var(--bib-primary-light);\n}\n\n.bib-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bib-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bib-primary);\n transition: transform .2s ease;\n}\n\n.bib-accordion-item[open] .bib-accordion-header::after {\n content: '−';\n}\n\n.bib-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bib-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bib-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bib-disclaimer {\n font-size: 12px;\n color: var(--bib-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bib-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bib-card {\n padding: 1.125rem;\n }\n\n .bib-section {\n margin-bottom: 1.75rem;\n }\n\n .bib-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bib-radius-sm);\n }\n\n .bib-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bib-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bib-grid-compact {\n gap: .625rem;\n }\n\n .bib-grid-compact .bib-card {\n padding: .75rem;\n }\n\n .bib-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bib-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bib-timeline-content h3 {\n font-size: 14px;\n }\n\n .bib-timeline-content p {\n font-size: 13px;\n }\n\n .bib-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bib-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bib-intro-card {\n padding: 1.25rem;\n }\n\n .bib-intro-card p {\n font-size: 14px;\n }\n\n .bib-composition-card {\n padding: 1.25rem;\n }\n\n .bib-composition-header {\n gap: .75rem;\n margin-bottom: 1rem;\n padding-bottom: 1rem;\n }\n\n .bib-composition-icon {\n font-size: 32px;\n }\n\n .bib-tip {\n padding: .875rem 1rem;\n }\n\n .bib-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bib-card {\n animation: bibFadeInUp .5s ease backwards;\n }\n .bib-card:nth-child(1) { animation-delay: .05s; }\n .bib-card:nth-child(2) { animation-delay: .1s; }\n .bib-card:nth-child(3) { animation-delay: .15s; }\n .bib-card:nth-child(4) { animation-delay: .2s; }\n .bib-card:nth-child(5) { animation-delay: .25s; }\n .bib-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bibFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bib-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":55159281877369,"sku":"AY9801","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bibhitaki-bio-en-poudre-150-g-ayur-vana-ingredients.webp?v=1770906766"},{"product_id":"pur-jus-de-noni-bio-1-l-neodiet","title":"Pur jus de Noni bio - 1 Litre - Neodiet","description":"\u003cdiv class=\"nn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nn-hero\"\u003e\n \u003cdiv class=\"nn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nn-hero-content\"\u003e\n \u003cdiv class=\"nn-badges-top\"\u003e\n \u003cspan class=\"nn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"nn-badge\"\u003e🏝️ Origine Tahiti\u003c\/span\u003e\n \u003cspan class=\"nn-badge\"\u003e🍶 100 % pur jus\u003c\/span\u003e\n \u003cspan class=\"nn-badge\"\u003e📦 Format 1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nn-hero-title\"\u003ePur jus de Noni bio\u003c\/span\u003e\n \u003cp class=\"nn-subtitle\"\u003eMorinda citrifolia — Neodiet\u003c\/p\u003e\n \u003cp class=\"nn-description\"\u003eUn concentré de vitalité ancestral, directement récolté à Tahiti. Non dilué, non filtré, sans conservateur ni sucre ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003ePur jus de Noni bio de Tahiti : un concentré de vitalité ancestral\u003c\/h2\u003e\n \u003cp class=\"nn-section-intro\"\u003eConnaissez-vous le \u003cstrong\u003eNoni\u003c\/strong\u003e, ce fruit tropical utilisé depuis plus de 2 000 ans par les peuples polynésiens ?\u003c\/p\u003e\n \u003cdiv class=\"nn-highlight-box\"\u003e\n \u003cp\u003eAppelé scientifiquement \u003cem\u003eMorinda citrifolia\u003c\/em\u003e, il est considéré comme l'un des superaliments les plus complets au monde. Avec ce \u003cstrong\u003epur jus de Noni bio\u003c\/strong\u003e signé Neodiet, vous profitez d'un produit \u003cstrong\u003e100 % pur jus\u003c\/strong\u003e, non dilué, non filtré, issu de l'agriculture biologique et récolté directement à Tahiti. Aucun conservateur, aucun ajout de sucre ni de jus d'autres fruits : uniquement la pulpe fermentée du Noni dans toute son intégrité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003ePourquoi le jus de Noni bio est-il si prisé ?\u003c\/h2\u003e\n \u003cp class=\"nn-section-intro\"\u003eLe fruit du Noni renferme une \u003cstrong\u003erichesse nutritionnelle exceptionnelle\u003c\/strong\u003e, avec plus de \u003cstrong\u003e150 composés bioactifs\u003c\/strong\u003e identifiés.\u003c\/p\u003e\n \u003cdiv class=\"nn-grid\"\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🍊 Vitamines A, C, E, B\u003c\/h3\u003e\n \u003cp\u003eContribuent au fonctionnement normal du système immunitaire et au métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e⚡ Minéraux et oligo-éléments\u003c\/h3\u003e\n \u003cp\u003ePotassium, magnésium, fer, zinc : participent à l'équilibre électrolytique et au maintien des fonctions musculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🧬 Proxéronine\u003c\/h3\u003e\n \u003cp\u003eUn alcaloïde rare, précurseur de la xéronine, impliqué dans la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🫧 Enzymes naturelles\u003c\/h3\u003e\n \u003cp\u003eFavorisent une bonne digestion et une meilleure absorption des nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants\u003c\/h3\u003e\n \u003cp\u003eAident à protéger les cellules contre le stress oxydatif quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-tip\"\u003e\n \u003cspan class=\"nn-tip-icon\"\u003e🌺\u003c\/span\u003e\n \u003cp\u003eTraditionnellement, les Polynésiens consommaient le \u003cstrong\u003enoni\u003c\/strong\u003e pour soutenir leur \u003cstrong\u003evitalité physique et mentale\u003c\/strong\u003e, renforcer leurs défenses naturelles et accompagner la récupération après l'effort. Aujourd'hui, de nombreux avis sur le \u003cstrong\u003ejus de Noni bio\u003c\/strong\u003e confirment son intérêt dans une démarche de bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"nn-composition-card\"\u003e\n \u003cdiv class=\"nn-composition-label\"\u003eIngrédient unique\u003c\/div\u003e\n \u003ch3\u003e🍈 Jus de Morinda citrifolia 100 % pur\u003c\/h3\u003e\n \u003cp\u003eIssu de l'agriculture biologique. Origine Tahiti. Obtenu par fermentation naturelle traditionnelle.\u003c\/p\u003e\n \u003cdiv class=\"nn-grid-compact\"\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🚫 Non dilué\u003c\/h3\u003e\n \u003cp\u003eAucun ajout d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🚫 Non filtré\u003c\/h3\u003e\n \u003cp\u003eIntégrité préservée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eAucun additif chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🚫 Sans sucre ajouté\u003c\/h3\u003e\n \u003cp\u003eNi jus d'autres fruits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-tip\"\u003e\n \u003cspan class=\"nn-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eLa méthode de \u003cstrong\u003efermentation naturelle\u003c\/strong\u003e est essentielle : elle permet de préserver la synergie complète des nutriments du fruit et d'en optimiser la biodisponibilité, contrairement aux procédés industriels de pasteurisation haute température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"nn-timeline\"\u003e\n \u003cdiv class=\"nn-timeline-item\"\u003e\n \u003cdiv class=\"nn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 cuillères à soupe par jour\u003c\/strong\u003e (environ \u003cstrong\u003e30 ml au total\u003c\/strong\u003e), de préférence \u003cstrong\u003eà jeun ou en dehors des repas\u003c\/strong\u003e pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-item\"\u003e\n \u003cdiv class=\"nn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-content\"\u003e\n \u003ch3\u003eRépartition des prises\u003c\/h3\u003e\n \u003cp\u003eVous pouvez répartir la prise en \u003cstrong\u003e3 fois dans la journée\u003c\/strong\u003e : 10 ml matin, midi et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-item\"\u003e\n \u003cdiv class=\"nn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-content\"\u003e\n \u003ch3\u003eAstuce goût\u003c\/h3\u003e\n \u003cp\u003eLe goût du jus de Noni est assez prononcé et unique. Si vous le trouvez trop intense, diluez-le dans un peu d'eau ou de jus de fruit naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-item\"\u003e\n \u003cdiv class=\"nn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAgitez bien la bouteille\u003c\/strong\u003e avant chaque utilisation et \u003cstrong\u003econservez au réfrigérateur\u003c\/strong\u003e après ouverture. Contenance : \u003cstrong\u003e1 litre\u003c\/strong\u003e, soit environ un mois de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003eCe qui distingue le jus de Noni Neodiet\u003c\/h2\u003e\n \u003cdiv class=\"nn-grid-compact\"\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e✅ Certification biologique\u003c\/h3\u003e\n \u003cp\u003eGarantie d'un produit sans pesticides ni produits chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🏝️ Origine Tahiti authentique\u003c\/h3\u003e\n \u003cp\u003eFruits cultivés dans les sols volcaniques riches de Polynésie française, un terroir idéal pour le Noni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e💎 Pureté totale\u003c\/h3\u003e\n \u003cp\u003eAucune dilution, aucun additif, aucun filtrage — l'intégralité des principes actifs du fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e💰 Format économique 1 litre\u003c\/h3\u003e\n \u003cp\u003eUn excellent rapport qualité-prix pour du jus de Noni bio de qualité supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"nn-accordion\"\u003e\n \u003cdetails class=\"nn-accordion-item\" open\u003e\n \u003csummary class=\"nn-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n \u003cdiv class=\"nn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne saurait se substituer à une alimentation variée et équilibrée ni à un suivi médical. Déconseillé aux femmes enceintes ou allaitantes et aux personnes sous traitement anticoagulant sans avis médical préalable. En cas de doute, consultez votre professionnel de santé avant de démarrer une cure de jus de Noni bio.\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=\"nn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nn-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre organisme la puissance du Noni de Tahiti — un superaliment millénaire, certifié bio, dans sa forme la plus pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nn-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\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nn-cream: #f5f7f2;\n --nn-white: #ffffff;\n --nn-primary: #4a7c3f;\n --nn-primary-dark: #2d5a24;\n --nn-primary-light: #e8f0e5;\n --nn-secondary: #7cb342;\n --nn-accent: #c8a84e;\n --nn-text: #1a1a1a;\n --nn-text-light: #5a5a5a;\n --nn-border: #dde5d9;\n --nn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nn-radius: 20px;\n --nn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--nn-primary-dark) 0%, var(--nn-primary) 50%, var(--nn-secondary) 100%);\n border-radius: var(--nn-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(--nn-shadow-lg);\n}\n\n.nn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(200,168,78,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.nn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nn-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.nn-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n font-style: italic;\n margin: 0 0 1.25rem 0;\n}\n\n.nn-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.nn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nn-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(--nn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nn-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.nn-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(--nn-primary), var(--nn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nn-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.nn-section-intro strong {\n color: var(--nn-primary-dark);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.nn-highlight-box {\n background: var(--nn-white);\n border-radius: var(--nn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nn-shadow);\n border-left: 4px solid var(--nn-secondary);\n}\n\n.nn-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nn-text);\n margin: 0;\n line-height: 1.8;\n}\n\n.nn-highlight-box strong {\n color: var(--nn-primary-dark);\n}\n\n\/* === CARDS === *\/\n.nn-card {\n background: var(--nn-white);\n border-radius: var(--nn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nn-shadow-lg);\n border-color: var(--nn-primary);\n}\n\n.nn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nn-grid-compact .nn-card {\n padding: 1rem;\n}\n\n.nn-grid-compact .nn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nn-grid-compact .nn-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.nn-composition-card {\n background: var(--nn-white);\n border-radius: var(--nn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nn-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n.nn-composition-label {\n display: inline-block;\n background: linear-gradient(135deg, var(--nn-primary), var(--nn-secondary));\n color: white;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .08em;\n padding: 6px 18px;\n border-radius: 999px;\n margin-bottom: 1rem;\n}\n\n.nn-composition-card \u003e h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--nn-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.nn-composition-card \u003e p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nn-text-light);\n margin: 0 0 1.5rem 0;\n line-height: 1.6;\n}\n\n.nn-composition-card .nn-grid-compact {\n margin-top: 0;\n}\n\n\/* === TIMELINE === *\/\n.nn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nn-primary), var(--nn-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.nn-timeline-content {\n flex: 1;\n background: var(--nn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nn-radius-sm);\n box-shadow: var(--nn-shadow);\n}\n\n.nn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nn-timeline-content p {\n font-size: 14px;\n color: var(--nn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nn-timeline-content strong {\n color: var(--nn-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.nn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nn-primary-light);\n border-radius: var(--nn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nn-tip p {\n font-size: 14px;\n color: var(--nn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.nn-tip strong {\n color: var(--nn-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.nn-testimonial {\n background: var(--nn-white);\n border-radius: var(--nn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nn-shadow);\n border-left: 4px solid var(--nn-primary);\n}\n\n.nn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.nn-accordion {\n background: var(--nn-white);\n border-radius: var(--nn-radius);\n box-shadow: var(--nn-shadow);\n overflow: hidden;\n}\n\n.nn-accordion-item {\n border-bottom: 1px solid var(--nn-border);\n margin: 0;\n padding: 0;\n}\n\n.nn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nn-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.nn-accordion-header:hover {\n background: var(--nn-primary-light);\n}\n\n.nn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nn-primary);\n transition: transform .2s ease;\n}\n\n.nn-accordion-item[open] .nn-accordion-header::after {\n content: '−';\n}\n\n.nn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nn-accordion-content p {\n margin: 0;\n}\n\n.nn-accordion-content strong {\n color: var(--nn-text);\n}\n\n\/* === CTA FINAL === *\/\n.nn-cta-box {\n background: linear-gradient(135deg, var(--nn-primary) 0%, var(--nn-primary-dark) 100%);\n border-radius: var(--nn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nn-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(124,179,66,.3) 0%, transparent 60%);\n}\n\n.nn-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.nn-disclaimer {\n font-size: 12px;\n color: var(--nn-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 .nn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nn-card {\n padding: 1.125rem;\n }\n\n .nn-section {\n margin-bottom: 1.75rem;\n }\n\n .nn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nn-radius-sm);\n }\n\n .nn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nn-grid-compact {\n gap: .625rem;\n }\n\n .nn-grid-compact .nn-card {\n padding: .75rem;\n }\n\n .nn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nn-timeline-content h3 {\n font-size: 14px;\n }\n\n .nn-timeline-content p {\n font-size: 13px;\n }\n\n .nn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nn-testimonial {\n padding: 1.25rem;\n }\n\n .nn-testimonial-text {\n font-size: 14px;\n }\n\n .nn-highlight-box {\n padding: 1.25rem;\n }\n\n .nn-composition-card {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nn-card {\n animation: nnFadeInUp .5s ease backwards;\n }\n .nn-card:nth-child(1) { animation-delay: .05s; }\n .nn-card:nth-child(2) { animation-delay: .1s; }\n .nn-card:nth-child(3) { animation-delay: .15s; }\n .nn-card:nth-child(4) { animation-delay: .2s; }\n .nn-card:nth-child(5) { animation-delay: .25s; }\n .nn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nnFadeInUp {\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 .nn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NEODIET","offers":[{"title":"Default Title","offer_id":55180527305081,"sku":"VO4690","price":37.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pur-jus-de-noni-bio-1-litre-neodiet-packshothd_c4f342ea-24be-40a7-8898-7c8e2e93fe29.webp?v=1785841215"},{"product_id":"poudre-de-moringa-oleifera-bio-150g-lt-labo","title":"Poudre de Moringa oleifera bio - 150g - LT Labo","description":"\u003cdiv class=\"mo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mo-hero\"\u003e\n \u003cdiv class=\"mo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mo-hero-content\"\u003e\n \u003cdiv class=\"mo-badges-top\"\u003e\n \u003cspan class=\"mo-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e\n \u003cspan class=\"mo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mo-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"mo-badge\"\u003e🍃 Raw Powder\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mo-hero-title\"\u003ePoudre de Moringa oleifera bio\u003c\/span\u003e\n \u003cp class=\"mo-subtitle\"\u003eLe superaliment le plus complet du monde végétal\u003c\/p\u003e\n \u003cp class=\"mo-description\"\u003e150 g de poudre crue de folioles pures — Éthik Planète par LT Labo. Un concentré exceptionnel de vitamines, minéraux, protéines et antioxydants pour nourrir votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mo-section\"\u003e\n \u003ch2\u003ePoudre de Moringa oleifera bio : un superaliment d'exception\u003c\/h2\u003e\n \u003cp class=\"mo-section-intro\"\u003eVous cherchez un moyen simple et naturel de booster votre apport en nutriments au quotidien ?\u003c\/p\u003e\n \u003cdiv class=\"mo-grid-compact\"\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🌿 Folioles pures\u003c\/h3\u003e\n \u003cp\u003eObtenue exclusivement à partir des folioles de Moringa oleifera, la partie la plus riche de la plante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e⚡ Densité nutritionnelle rare\u003c\/h3\u003e\n \u003cp\u003ePoudre crue concentrant une richesse en nutriments exceptionnelle dans le monde végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e✅ Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique certifiée AB et Eurofeuille par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🍽️ Intégration facile\u003c\/h3\u003e\n \u003cp\u003eS'ajoute en quelques secondes à votre alimentation quotidienne — smoothies, salades, soupes…\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mo-section\"\u003e\n \u003ch2\u003ePourquoi le moringa est-il surnommé « arbre de vie » ?\u003c\/h2\u003e\n \u003cp class=\"mo-section-intro\"\u003eLe \u003cem\u003eMoringa oleifera Lam.\u003c\/em\u003e est utilisé depuis des siècles en phytothérapie traditionnelle africaine et asiatique. Ses feuilles renferment un profil nutritionnel impressionnant.\u003c\/p\u003e\n \u003cdiv class=\"mo-grid\"\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🧡 Vitamines A, C, E et groupe B\u003c\/h3\u003e\n \u003cp\u003eParticipent au fonctionnement normal du système immunitaire, à la protection des cellules contre le stress oxydatif et au maintien d'une peau saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🦴 Minéraux essentiels\u003c\/h3\u003e\n \u003cp\u003eFer, calcium, magnésium, potassium et zinc contribuent à l'énergie, à la solidité osseuse et aux fonctions musculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e💪 Protéines végétales complètes\u003c\/h3\u003e\n \u003cp\u003eAvec les 8 acides aminés essentiels, le moringa en poudre soutient la régénération cellulaire — un atout précieux pour les sportifs et les végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants naturels\u003c\/h3\u003e\n \u003cp\u003ePolyphénols, flavonoïdes et quercétine aident à neutraliser les radicaux libres responsables du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🌾 Fibres alimentaires\u003c\/h3\u003e\n \u003cp\u003eFavorisent un transit régulier, une digestion confortable et l'équilibre du microbiote intestinal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mo-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre de moringa au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"mo-section-intro\"\u003ePrenez \u003cstrong\u003e2 à 5 g par jour\u003c\/strong\u003e (environ 1 à 2 cuillères à café rases). Si vous débutez, commencez par une petite dose et augmentez progressivement.\u003c\/p\u003e\n \u003cdiv class=\"mo-timeline\"\u003e\n \u003cdiv class=\"mo-timeline-item\"\u003e\n \u003cdiv class=\"mo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mo-timeline-content\"\u003e\n \u003ch3\u003e🥤 Dans un smoothie ou un jus\u003c\/h3\u003e\n \u003cp\u003eMélangée dans un smoothie, un jus de fruits ou un verre d'eau le matin pour démarrer la journée avec énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-timeline-item\"\u003e\n \u003cdiv class=\"mo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mo-timeline-content\"\u003e\n \u003ch3\u003e🥗 Sur vos repas\u003c\/h3\u003e\n \u003cp\u003eSaupoudrée sur une salade, une soupe ou un yaourt pour enrichir vos repas sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-timeline-item\"\u003e\n \u003cdiv class=\"mo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mo-timeline-content\"\u003e\n \u003ch3\u003e🍳 En cuisine\u003c\/h3\u003e\n \u003cp\u003eIncorporée dans vos sauces, vinaigrettes ou pâtes à crêpes pour une touche nutritive discrète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-tip\"\u003e\n \u003cspan class=\"mo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eConservez le pot bien fermé, dans un endroit sec et à l'abri de la lumière, afin de préserver toutes les qualités de cette poudre de moringa oleifera.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mo-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mo-composition-highlight\"\u003e\n \u003cdiv class=\"mo-composition-badge\"\u003e100 %\u003c\/div\u003e\n \u003cdiv class=\"mo-composition-detail\"\u003e\n \u003ch3\u003eIngrédient unique\u003c\/h3\u003e\n \u003cp\u003ePoudre de folioles de \u003cem\u003eMoringa oleifera\u003c\/em\u003e* — rien d'autre.\u003c\/p\u003e\n \u003cp class=\"mo-composition-note\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-grid-compact\"\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur ni colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-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=\"mo-card\"\u003e\n \u003ch3\u003e🌡️ Raw powder\u003c\/h3\u003e\n \u003cp\u003eSéchage à basse température\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🇫🇷 150 g\u003c\/h3\u003e\n \u003cp\u003eFabrication française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mo-section\"\u003e\n \u003ch2\u003eCe qui distingue ce bio moringa de qualité premium\u003c\/h2\u003e\n \u003cdiv class=\"mo-grid\"\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🍃 100 % folioles\u003c\/h3\u003e\n \u003cp\u003eContrairement à de nombreuses poudres contenant tiges et brindilles, seules les parties les plus nutritives sont sélectionnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n \u003cp\u003eUn procédé doux qui conserve vitamines, enzymes et antioxydants intacts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n \u003cp\u003eDu champ au conditionnement en France, chaque étape est contrôlée rigoureusement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mo-card\"\u003e\n \u003ch3\u003e🌱 Formule 100 % vegan\u003c\/h3\u003e\n \u003cp\u003eAdaptée à tous les régimes alimentaires, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mo-accordion\"\u003e\n \u003cdetails class=\"mo-accordion-item\"\u003e\n \u003csummary class=\"mo-accordion-header\"\u003e📋 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"mo-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée (2 à 5 g par jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mo-accordion-item\"\u003e\n \u003csummary class=\"mo-accordion-header\"\u003e🥗 Cadre d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"mo-accordion-content mt-3\"\u003e\n \u003cp\u003eComplément alimentaire à 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=\"mo-accordion-item\"\u003e\n \u003csummary class=\"mo-accordion-header\"\u003e⚠️ Personnes concernées\u003c\/summary\u003e\n \u003cdiv class=\"mo-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux adolescents. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mo-accordion-item\"\u003e\n \u003csummary class=\"mo-accordion-header\"\u003e🏥 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"mo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne se substitue pas à un traitement 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\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mo-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre organisme le meilleur de la nature avec cette poudre de moringa bio LT Labo. Un geste simple, quotidien, pour soutenir votre vitalité, vos défenses naturelles et votre bien-être sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mo-disclaimer\"\u003eLes compléments alimentaires ne remplacent 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\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mo-cream: #f5f7f2;\n --mo-white: #ffffff;\n --mo-primary: #4a8c3f;\n --mo-primary-dark: #2d5e24;\n --mo-primary-light: #e8f2e5;\n --mo-secondary: #7ab648;\n --mo-accent: #3b7a32;\n --mo-text: #1a1a1a;\n --mo-text-light: #5a5a5a;\n --mo-border: #dde6d9;\n --mo-shadow: 0 4px 24px rgba(42, 80, 30, .08);\n --mo-shadow-lg: 0 12px 48px rgba(42, 80, 30, .15);\n --mo-radius: 20px;\n --mo-radius-sm: 12px;\n}\n\n.mo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mo-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5e24 0%, #4a8c3f 45%, #7ab648 100%);\n border-radius: var(--mo-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(--mo-shadow-lg);\n}\n\n.mo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.mo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mo-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.mo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mo-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(--mo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mo-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.mo-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.mo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mo-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.mo-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(--mo-primary), var(--mo-secondary));\n border-radius: 2px;\n}\n\n.mo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mo-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.mo-card {\n background: var(--mo-white);\n border-radius: var(--mo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mo-shadow-lg);\n border-color: var(--mo-primary);\n}\n\n.mo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mo-grid-compact .mo-card {\n padding: 1rem;\n}\n\n.mo-grid-compact .mo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mo-grid-compact .mo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mo-primary), var(--mo-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.mo-timeline-content {\n flex: 1;\n background: var(--mo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mo-radius-sm);\n box-shadow: var(--mo-shadow);\n}\n\n.mo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mo-timeline-content p {\n font-size: 14px;\n color: var(--mo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.mo-composition-highlight {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--mo-white);\n border-radius: var(--mo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mo-shadow);\n margin-bottom: 1.25rem;\n border-left: 5px solid var(--mo-primary);\n}\n\n.mo-composition-badge {\n flex-shrink: 0;\n width: 72px;\n height: 72px;\n background: linear-gradient(135deg, var(--mo-primary), var(--mo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 20px;\n box-shadow: 0 4px 16px rgba(74, 140, 63, .3);\n}\n\n.mo-composition-detail h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mo-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.mo-composition-detail p {\n font-size: 15px;\n color: var(--mo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mo-composition-note {\n font-style: italic;\n font-size: 13px !important;\n margin-top: .25rem !important;\n color: var(--mo-text-light);\n}\n\n\/* === TIP === *\/\n.mo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mo-primary-light);\n border-radius: var(--mo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mo-tip p {\n font-size: 14px;\n color: var(--mo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mo-accordion {\n background: var(--mo-white);\n border-radius: var(--mo-radius);\n box-shadow: var(--mo-shadow);\n overflow: hidden;\n}\n\n.mo-accordion-item {\n border-bottom: 1px solid var(--mo-border);\n margin: 0;\n padding: 0;\n}\n\n.mo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mo-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.mo-accordion-header:hover {\n background: var(--mo-primary-light);\n}\n\n.mo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mo-primary);\n transition: transform .2s ease;\n}\n\n.mo-accordion-item[open] .mo-accordion-header::after {\n content: '−';\n}\n\n.mo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mo-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.mo-testimonial {\n background: var(--mo-white);\n border-radius: var(--mo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mo-shadow);\n border-left: 4px solid var(--mo-primary);\n}\n\n.mo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA === *\/\n.mo-cta-box {\n background: linear-gradient(135deg, var(--mo-primary) 0%, var(--mo-primary-dark) 100%);\n border-radius: var(--mo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mo-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.mo-disclaimer {\n font-size: 12px;\n color: var(--mo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mo-card {\n padding: 1.125rem;\n }\n\n .mo-section {\n margin-bottom: 1.75rem;\n }\n\n .mo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mo-radius-sm);\n }\n\n .mo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mo-grid-compact {\n gap: .625rem;\n }\n\n .mo-grid-compact .mo-card {\n padding: .75rem;\n }\n\n .mo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mo-timeline-content h3 {\n font-size: 14px;\n }\n\n .mo-timeline-content p {\n font-size: 13px;\n }\n\n .mo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mo-testimonial {\n padding: 1.25rem;\n }\n\n .mo-testimonial-text {\n font-size: 14px;\n }\n\n .mo-composition-highlight {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n }\n\n .mo-composition-badge {\n width: 56px;\n height: 56px;\n font-size: 16px;\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mo-card {\n animation: moFadeInUp .5s ease backwards;\n }\n .mo-card:nth-child(1) { animation-delay: .05s; }\n .mo-card:nth-child(2) { animation-delay: .1s; }\n .mo-card:nth-child(3) { animation-delay: .15s; }\n .mo-card:nth-child(4) { animation-delay: .2s; }\n .mo-card:nth-child(5) { animation-delay: .25s; }\n .mo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes moFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mo-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":55180559319417,"sku":"NBAILTL0010","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-moringa-oleifera-bio-150g-lt-labo-packshothd.webp?v=1775660631"},{"product_id":"xylitol-bio-250g-qualidiet","title":"Xylitol Bio - Surcre de Bouleau - 250g - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Xylitol Bio - Sucre de Bouleau 250g\nPalette détectée:\n - Primaire: #8B6914 (marron doré du titre \"XYLITOL\")\n - Secondaire: #4A7C31 (vert nature des logos bio\/maïs)\n - Accent: #D4442C (rouge corail du logo Qualidiet)\n - Background: #F9F7F2 (crème naturel du pot)\nAmbiance: Naturel\/Bio, alimentaire sain, chaleureux, familial\nType: Édulcorant naturel biologique - substitut du sucre\nStyle: Clean, naturel, certifications bio, convivialité cuisine\nPréfixe CSS: xyl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir le xylitol biologique ?\"\n 2. \"Comment utiliser votre xylitol bio ?\"\n 3. \"Une composition d'une pureté exemplaire\"\n 4. \"Le xylitol bio est idéal pour vous si...\"\n 5. \"Conseils d'utilisation et précautions\"\n 6. \"Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"xyl-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"xyl-hero\"\u003e\n \u003cdiv class=\"xyl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"xyl-hero-content\"\u003e\n \u003cdiv class=\"xyl-badges-top\"\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌿 100% biologique\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌽 Issu de la rafle de maïs\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e📊 IG bas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"xyl-hero-title\"\u003eXylitol biologique\u003c\/span\u003e\n \u003cp class=\"xyl-subtitle\"\u003eSubstitut naturel du sucre certifié bio\u003c\/p\u003e\n \u003cp class=\"xyl-description\"\u003eÉdulcorant 100% naturel avec 40% de calories en moins que le sucre traditionnel. Même goût sucré, sans les inconvénients. Certifié Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003ePourquoi choisir le xylitol biologique ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📊 Indice glycémique ultra-bas\u003c\/h3\u003e\n \u003cp\u003eParfaitement adapté aux diabétiques et aux régimes à faible indice glycémique. Aucun pic de glycémie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ 40% de calories en moins\u003c\/h3\u003e\n \u003cp\u003eSeulement 2,4 kcal\/g contre 4 kcal\/g pour le sucre classique. Idéal pour contrôler son poids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e😋 Goût identique au sucre\u003c\/h3\u003e\n \u003cp\u003eMême pouvoir sucrant que le saccharose, sans arrière-goût. Substitution directe 1:1 dans vos recettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Protection dentaire\u003c\/h3\u003e\n \u003cp\u003eReconnu pour limiter les caries et soutenir l'équilibre de la flore buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🔥 Résiste à la cuisson\u003c\/h3\u003e\n \u003cp\u003eSupporte la chaleur jusqu'à 200°C pour vos pâtisseries, confitures et préparations chaudes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio Ecocert\u003c\/h3\u003e\n \u003cp\u003eIssu de la rafle de maïs biologique, sans OGM ni pesticides. Pureté garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eComment utiliser votre xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-timeline\"\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e☕ Boissons chaudes et froides\u003c\/h3\u003e\n \u003cp\u003eCafé, thé, infusions, smoothies : remplacez le sucre à quantités égales. Dissolution rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e🍰 Pâtisserie et cuisine\u003c\/h3\u003e\n \u003cp\u003eGâteaux, biscuits, confitures, compotes : mêmes proportions que le sucre traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e🥣 Saupoudrage\u003c\/h3\u003e\n \u003cp\u003eYaourts, fromages blancs, fruits frais, céréales : ajoutez la douceur désirée sans culpabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e🦷 Soin bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eLaissez fondre ½ cuillère à café en bouche 2 à 4 fois par jour pour ses vertus protectrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eUne composition d'une pureté exemplaire\u003c\/h2\u003e\n \u003cdiv class=\"xyl-composition-box\"\u003e\n \u003cdiv class=\"xyl-composition-icon\"\u003e🌽\u003c\/div\u003e\n \u003ch3\u003e100% Xylitol biologique\u003c\/h3\u003e\n \u003cp\u003eIssu de la rafle de maïs cultivé en agriculture biologique contrôlée\u003c\/p\u003e\n \u003cdiv class=\"xyl-certifications\"\u003e\n \u003cdiv class=\"xyl-cert-item\"\u003e\n \u003cspan class=\"xyl-cert-icon\"\u003e🍃\u003c\/span\u003e\n \u003cdiv class=\"xyl-cert-text\"\u003e\n \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e\n \u003cspan\u003eCertification biologique officielle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-cert-item\"\u003e\n \u003cspan class=\"xyl-cert-icon\"\u003e🚫\u003c\/span\u003e\n \u003cdiv class=\"xyl-cert-text\"\u003e\n \u003cstrong\u003eSans OGM\u003c\/strong\u003e\n \u003cspan\u003eGaranti sans organismes génétiquement modifiés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-cert-item\"\u003e\n \u003cspan class=\"xyl-cert-icon\"\u003e✨\u003c\/span\u003e\n \u003cdiv class=\"xyl-cert-text\"\u003e\n \u003cstrong\u003eSans additifs\u003c\/strong\u003e\n \u003cspan\u003eAucun conservateur, colorant ou arôme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eLe sucre de bouleau est idéal pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🩺 Vous êtes diabétique\u003c\/h3\u003e\n \u003cp\u003eL'indice glycémique ultra-bas permet de contrôler votre glycémie sans renoncer au goût sucré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ Vous surveillez votre poids\u003c\/h3\u003e\n \u003cp\u003e40% de calories en moins pour un plaisir sucré sans culpabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Vous prenez soin de vos dents\u003c\/h3\u003e\n \u003cp\u003ePropriétés protectrices reconnues contre les caries et pour la santé buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌿 Vous privilégiez le bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Ecocert, 100% naturel, sans pesticides ni OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e👨‍🍳 Vous aimez cuisiner\u003c\/h3\u003e\n \u003cp\u003eParfait pour toutes vos recettes sucrées avec substitution directe 1:1.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e💪 Vous adoptez un mode de vie sain\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle et intelligente au sucre raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"xyl-accordion\"\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e💡 Conseils d'usage\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003e• Commencez progressivement pour habituer votre organisme\u003cbr\u003e\n • Conservation dans un endroit sec à l'abri de la lumière\u003cbr\u003e\n • Substitution directe : 1 dose de xylitol = 1 dose de sucre\u003cbr\u003e\n • Peut provoquer un léger effet rafraîchissant en bouche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003e• \u003cstrong\u003eNe pas dépasser 50g par jour\u003c\/strong\u003e : risque d'effet laxatif au-delà\u003cbr\u003e\n • \u003cstrong\u003eDéconseillé aux enfants de moins de 3 ans\u003c\/strong\u003e\u003cbr\u003e\n • \u003cstrong\u003eTOXIQUE pour les animaux\u003c\/strong\u003e, notamment les chiens : ne jamais leur en donner\u003cbr\u003e\n • En cas de doute, consultez un professionnel de santé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eConservez votre xylitol dans son pot d'origine, bien fermé, à l'abri de l'humidité et de la chaleur. Se conserve plusieurs années dans de bonnes conditions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid-compact\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e250g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eQualidiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eRafle de maïs bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🍃 Certification\u003c\/h3\u003e\n \u003cp\u003eEcocert FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📊 Indice glycémique\u003c\/h3\u003e\n \u003cp\u003eTrès bas (IG 7-8)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚡ Valeur énergétique\u003c\/h3\u003e\n \u003cp\u003e2,4 kcal\/g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"xyl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"xyl-cta-box\"\u003e\n \u003cp\u003e🌟 Adoptez le xylitol biologique Qualidiet pour une alimentation plus saine sans renoncer au plaisir sucré. Certifié bio, indice glycémique ultra-bas et goût identique au sucre : la révolution naturelle pour votre cuisine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"xyl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --xyl-cream: #F9F7F2;\n --xyl-white: #ffffff;\n --xyl-primary: #8B6914;\n --xyl-primary-dark: #6B5010;\n --xyl-primary-light: #FDF8E8;\n --xyl-secondary: #4A7C31;\n --xyl-accent: #D4442C;\n --xyl-text: #1a1a1a;\n --xyl-text-light: #5a5a5a;\n --xyl-border: #e0e0e0;\n --xyl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --xyl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --xyl-radius: 20px;\n --xyl-radius-sm: 12px;\n}\n\n.xyl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--xyl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.xyl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 50%, var(--xyl-secondary) 100%);\n border-radius: var(--xyl-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(--xyl-shadow-lg);\n}\n\n.xyl-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% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n}\n\n.xyl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.xyl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.xyl-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(--xyl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.xyl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.xyl-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.xyl-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.xyl-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: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.xyl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.xyl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--xyl-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.xyl-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(--xyl-primary), var(--xyl-secondary));\n border-radius: 2px;\n}\n\n.xyl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.xyl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.xyl-card {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--xyl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.xyl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--xyl-shadow-lg);\n border-color: var(--xyl-primary);\n}\n\n.xyl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.xyl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--xyl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.xyl-grid-compact .xyl-card {\n padding: 1rem;\n}\n\n.xyl-grid-compact .xyl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.xyl-grid-compact .xyl-card p {\n font-size: 12px;\n}\n\n.xyl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.xyl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.xyl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--xyl-primary), var(--xyl-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.xyl-timeline-content {\n flex: 1;\n background: var(--xyl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--xyl-radius-sm);\n box-shadow: var(--xyl-shadow);\n}\n\n.xyl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--xyl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.xyl-timeline-content p {\n font-size: 14px;\n color: var(--xyl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.xyl-composition-box {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--xyl-shadow);\n text-align: center;\n border: 2px solid var(--xyl-primary-light);\n}\n\n.xyl-composition-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n}\n\n.xyl-composition-box h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.xyl-composition-box \u003e p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--xyl-text-light);\n margin: 0 0 1.5rem 0;\n}\n\n.xyl-certifications {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.xyl-cert-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--xyl-primary-light);\n padding: .75rem 1rem;\n border-radius: var(--xyl-radius-sm);\n text-align: left;\n}\n\n.xyl-cert-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.xyl-cert-text {\n display: flex;\n flex-direction: column;\n}\n\n.xyl-cert-text strong {\n font-size: 14px;\n color: var(--xyl-primary-dark);\n}\n\n.xyl-cert-text span {\n font-size: 12px;\n color: var(--xyl-text-light);\n}\n\n.xyl-accordion {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n box-shadow: var(--xyl-shadow);\n overflow: hidden;\n}\n\n.xyl-accordion-item {\n border-bottom: 1px solid var(--xyl-border);\n margin: 0;\n padding: 0;\n}\n\n.xyl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.xyl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--xyl-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.xyl-accordion-header:hover {\n background: var(--xyl-primary-light);\n}\n\n.xyl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.xyl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--xyl-primary);\n transition: transform .2s ease;\n}\n\n.xyl-accordion-item[open] .xyl-accordion-header::after {\n content: '−';\n}\n\n.xyl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--xyl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.xyl-accordion-content p {\n margin: 0;\n}\n\n.xyl-cta-box {\n background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 100%);\n border-radius: var(--xyl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.xyl-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.xyl-disclaimer {\n font-size: 12px;\n color: var(--xyl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .xyl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .xyl-card {\n padding: 1.125rem;\n }\n \n .xyl-section {\n margin-bottom: 1.75rem;\n }\n \n .xyl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--xyl-radius-sm);\n }\n \n .xyl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .xyl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .xyl-grid-compact {\n gap: .625rem;\n }\n \n .xyl-grid-compact .xyl-card {\n padding: .75rem;\n }\n \n .xyl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .xyl-timeline-content {\n padding: .875rem 1rem;\n }\n \n .xyl-timeline-content h3 {\n font-size: 14px;\n }\n \n .xyl-timeline-content p {\n font-size: 13px;\n }\n \n .xyl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .xyl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .xyl-cert-item {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .xyl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .xyl-card:nth-child(1) { animation-delay: .05s; }\n .xyl-card:nth-child(2) { animation-delay: .1s; }\n .xyl-card:nth-child(3) { animation-delay: .15s; }\n .xyl-card:nth-child(4) { animation-delay: .2s; }\n .xyl-card:nth-child(5) { animation-delay: .25s; }\n .xyl-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 .xyl-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":55221970305401,"sku":"VO4670","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/xylitol-bio-surcre-de-bouleau-250g-qualidiet-packshothd.webp?v=1786018722"},{"product_id":"xylitol-bio-500g-qualidiet","title":"Xylitol Bio - Sucre de Bouleau - 500g - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Xylitol Bio - Sucre de Bouleau 500g Qualidiet\nPalette détectée:\n - Primaire: #8B7355 (marron chaleureux de la typographie XYLITOL)\n - Secondaire: #5B8C5A (vert bio certification AB)\n - Accent: #C84141 (rouge Qualidiet)\n - Crème: #F5F2ED (beige clair du packaging)\nAmbiance: Naturel\/Bio, alimentaire sain, épuré et authentique, chaleureux\nStyle: Clean, moderne-bio, professionnel-santé\nPréfixe CSS: xyl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"🌟 Pourquoi adopter le xylitol bio ?\"\n 2. \"🌳 Origine et composition\"\n 3. \"📖 Comment utiliser votre xylitol bio ?\"\n 4. \"📦 Pourquoi choisir le format 500 g ?\"\n 5. \"⚖️ Xylitol vs sucre traditionnel\"\n 6. \"👥 À qui s'adresse le xylitol bio ?\"\n 7. \"📋 Informations pratiques\"\n 8. \"⚕️ Précautions d'usage\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"xyl-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"xyl-hero\"\u003e\n \u003cdiv class=\"xyl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"xyl-hero-content\"\u003e\n \u003cdiv class=\"xyl-badges-top\"\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌿 100% bio certifié\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌳 Écorce de bouleau\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e💚 IG 8,5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"xyl-hero-title\"\u003eXylitol Bio\u003c\/span\u003e\n \u003cp class=\"xyl-subtitle\"\u003eLe substitut naturel du sucre sans compromis\u003c\/p\u003e\n \u003cp class=\"xyl-description\"\u003e\n Édulcorant naturel extrait de l'écorce de bouleau, au goût sucré identique au sucre traditionnel. \n 40% moins calorique, compatible cuisson, idéal pour les diabétiques et la santé dentaire.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi adopter le xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📊 Indice glycémique ultra-bas\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eIG ~8,5\u003c\/div\u003e\n \u003cp\u003eN'élève pas la glycémie, parfait pour les personnes diabétiques et les régimes low-carb. Un véritable allié santé au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ Moins calorique que le sucre\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003e2,4 kcal\/g\u003c\/div\u003e\n \u003cp\u003eContre 4 kcal\/g pour le sucre classique. Réduisez votre apport calorique de 40% sans sacrifier le plaisir sucré.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Protection dentaire prouvée\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eAnti-caries\u003c\/div\u003e\n \u003cp\u003eLimite la formation de caries, stabilise le pH buccal et soutient l'équilibre de la flore orale. Recommandé par les dentistes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🔥 Compatible cuisson\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eHaute température\u003c\/div\u003e\n \u003cp\u003eNe perd pas son pouvoir sucrant même à haute température. Utilisez-le dans toutes vos recettes sans adaptation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e👅 Goût 100% naturel\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eZéro amertume\u003c\/div\u003e\n \u003cp\u003eSaveur sucrée pure, sans arrière-goût désagréable. Vos papilles ne verront pas la différence avec le sucre traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚡ Effet alcalinisant\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003epH équilibré\u003c\/div\u003e\n \u003cp\u003eAction anti-acidifiante reconnue pour maintenir l'équilibre acido-basique de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e🌳 Origine et composition\u003c\/h2\u003e\n \u003cdiv class=\"xyl-composition-box\"\u003e\n \u003cdiv class=\"xyl-composition-visual\"\u003e\n \u003cdiv class=\"xyl-purity-circle\"\u003e\n \u003cspan class=\"xyl-purity-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"xyl-purity-label\"\u003epur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-composition-content\"\u003e\n \u003ch3\u003eXylitol bio issu de l'écorce de bouleau\u003c\/h3\u003e\n \u003cdiv class=\"xyl-quality-grid\"\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e🌿\u003c\/span\u003e\n \u003cstrong\u003eCertifié bio\u003c\/strong\u003e\n \u003cspan\u003eEcocert FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e🚫\u003c\/span\u003e\n \u003cstrong\u003eSans OGM\u003c\/strong\u003e\n \u003cspan\u003eGaranti non modifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e🌾\u003c\/span\u003e\n \u003cstrong\u003eSans pesticides\u003c\/strong\u003e\n \u003cspan\u003eCulture naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e✨\u003c\/span\u003e\n \u003cstrong\u003eSans additifs\u003c\/strong\u003e\n \u003cspan\u003e100% pur xylitol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e📖 Comment utiliser votre xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-usage-grid\"\u003e\n \u003cdiv class=\"xyl-usage-card\"\u003e\n \u003cdiv class=\"xyl-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eEn remplacement du sucre\u003c\/h3\u003e\n \u003cp\u003eUtilisez le xylitol à \u003cstrong\u003equantité équivalente\u003c\/strong\u003e dans toutes vos préparations :\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e☕ Boissons chaudes et froides\u003c\/li\u003e\n \u003cli\u003e🥣 Yaourts et compotes\u003c\/li\u003e\n \u003cli\u003e🍰 Pâtisseries et desserts\u003c\/li\u003e\n \u003cli\u003e🥘 Sauces et marinades\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"xyl-tip\"\u003e💡 1 cuillère de sucre = 1 cuillère de xylitol\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-usage-card\"\u003e\n \u003cdiv class=\"xyl-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003ePour l'hygiène bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eProgramme spécifique pour la santé de vos dents :\u003c\/p\u003e\n \u003cdiv class=\"xyl-dental-routine\"\u003e\n \u003cdiv class=\"xyl-dental-step\"\u003e\n \u003cstrong\u003e½ cuillère à café\u003c\/strong\u003e\n \u003cspan\u003eà faire fondre en bouche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-dental-frequency\"\u003e\n \u003cstrong\u003e2 à 4 fois par jour\u003c\/strong\u003e\n \u003cspan\u003eaprès les repas de préférence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-tip\"\u003e🦷 Laissez fondre lentement sans avaler immédiatement\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-warning-box\"\u003e\n \u003cdiv class=\"xyl-warning-content\"\u003e\n \u003cstrong\u003eDose recommandée\u003c\/strong\u003e\n \u003cp\u003eNe pas dépasser \u003cstrong\u003e50 g par jour\u003c\/strong\u003e pour les adultes. Au-delà, des effets laxatifs peuvent survenir, particulièrement lors des premières utilisations. Commencez progressivement pour habituer votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e⚖️ Xylitol vs sucre traditionnel\u003c\/h2\u003e\n \u003cdiv class=\"xyl-comparison\"\u003e\n \u003cdiv class=\"xyl-comparison-col xyl-comparison-winner\"\u003e\n \u003ch3\u003e🏆 Xylitol bio\u003c\/h3\u003e\n \u003cul class=\"xyl-comparison-list\"\u003e\n \u003cli\u003e✅ Indice glycémique 8,5\u003c\/li\u003e\n \u003cli\u003e✅ 2,4 kcal\/g\u003c\/li\u003e\n \u003cli\u003e✅ Protège les dents\u003c\/li\u003e\n \u003cli\u003e✅ Effet alcalinisant\u003c\/li\u003e\n \u003cli\u003e✅ Compatible diabète\u003c\/li\u003e\n \u003cli\u003e✅ Goût naturel pur\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-comparison-col\"\u003e\n \u003ch3\u003eSucre blanc classique\u003c\/h3\u003e\n \u003cul class=\"xyl-comparison-list xyl-comparison-negative\"\u003e\n \u003cli\u003e❌ Indice glycémique 70\u003c\/li\u003e\n \u003cli\u003e❌ 4 kcal\/g\u003c\/li\u003e\n \u003cli\u003e❌ Favorise les caries\u003c\/li\u003e\n \u003cli\u003e❌ Acidifiant\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé diabétiques\u003c\/li\u003e\n \u003cli\u003e❌ Pic de glycémie\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse le xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🩺 Personnes diabétiques\u003c\/h3\u003e\n \u003cp\u003eIG ultra-bas qui n'impacte pas la glycémie. Un sucrant sûr et efficace pour gérer votre alimentation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ Contrôle du poids\u003c\/h3\u003e\n \u003cp\u003e40% moins calorique que le sucre. Idéal pour les régimes hypocaloriques, keto et low-carb sans frustration.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Santé dentaire\u003c\/h3\u003e\n \u003cp\u003eFamilles soucieuses de préserver les dents des enfants et éviter les caries de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌿 Alimentation saine\u003c\/h3\u003e\n \u003cp\u003eAdeptes du bio et du naturel cherchant une alternative clean au sucre raffiné, sans compromis sur le goût.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e👨‍🍳 Passionnés de cuisine\u003c\/h3\u003e\n \u003cp\u003eCuisiniers créatifs souhaitant alléger leurs recettes tout en conservant texture et saveur sucrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e💪 Sportifs\u003c\/h3\u003e\n \u003cp\u003eAthlètes et personnes actives recherchant une énergie stable sans pic glycémique ni crash énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"xyl-info-grid\"\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eÉcorce de bouleau\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eBio Ecocert\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eConservation\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eEndroit sec\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eDurée de vie\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eLongue conservation\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e⚕️ Précautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"xyl-accordion\"\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e🐕 Attention animaux\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eLe xylitol est \u003cstrong\u003etoxique pour les chiens\u003c\/strong\u003e. Conserver hors de portée de vos animaux de compagnie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e📈 Introduction progressive\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eCommencez par de petites doses (10-15 g\/jour) puis augmentez graduellement pour éviter les désagréments digestifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e💧 Hydratation\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eBuvez suffisamment d'eau lors de votre consommation quotidienne de xylitol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e🤰 Femmes enceintes\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eDemandez conseil à votre médecin avant toute consommation régulière pendant la grossesse ou l'allaitement.\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=\"xyl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"xyl-cta-box\"\u003e\n \u003cp\u003e\n 🌿 \u003cstrong\u003ePassez au naturel dès aujourd'hui !\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\n Découvrez le plaisir sucré sans culpabilité avec le xylitol bio Qualidiet. \n Un substitut 100% naturel, certifié bio, qui prend soin de votre santé et de vos papilles. \n Le format 500 g est parfait pour débuter votre transition vers une alimentation plus saine.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"xyl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --xyl-cream: #FAF8F5;\n --xyl-white: #ffffff;\n --xyl-primary: #8B7355;\n --xyl-primary-dark: #6B5540;\n --xyl-primary-light: #E8DCCF;\n --xyl-secondary: #5B8C5A;\n --xyl-accent: #C84141;\n --xyl-text: #1a1a1a;\n --xyl-text-light: #5a5a5a;\n --xyl-border: #e0ddd8;\n --xyl-shadow: 0 4px 24px rgba(139,115,85,.08);\n --xyl-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --xyl-radius: 20px;\n --xyl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.xyl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--xyl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--xyl-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.xyl-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #A08876 50%, #6B5540 100%);\n border-radius: var(--xyl-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(--xyl-shadow-lg);\n}\n\n.xyl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.xyl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.xyl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.xyl-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(--xyl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.xyl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.xyl-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.xyl-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin-bottom: 1.5rem;\n}\n\n.xyl-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.xyl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.xyl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--xyl-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.xyl-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(--xyl-primary), var(--xyl-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.xyl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.xyl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.xyl-card {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--xyl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.xyl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--xyl-shadow-lg);\n border-color: var(--xyl-primary);\n}\n\n.xyl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.xyl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--xyl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.xyl-highlight {\n display: inline-block;\n background: linear-gradient(135deg, var(--xyl-primary-light), var(--xyl-primary));\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 900;\n padding: 6px 16px;\n border-radius: var(--xyl-radius-sm);\n margin: .5rem 0;\n}\n\n\/* === COMPOSITION === *\/\n.xyl-composition-box {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--xyl-shadow);\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n align-items: center;\n}\n\n.xyl-purity-circle {\n width: 140px;\n height: 140px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--xyl-secondary), var(--xyl-primary));\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 32px rgba(91,140,90,.25);\n position: relative;\n}\n\n.xyl-purity-circle::before {\n content: '';\n position: absolute;\n inset: 6px;\n border-radius: 50%;\n background: var(--xyl-white);\n}\n\n.xyl-purity-number {\n position: relative;\n z-index: 1;\n font-size: 36px;\n font-weight: 900;\n color: var(--xyl-secondary);\n line-height: 1;\n}\n\n.xyl-purity-label {\n position: relative;\n z-index: 1;\n font-size: 14px;\n font-weight: 700;\n color: var(--xyl-primary);\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.xyl-composition-content h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.xyl-quality-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.xyl-quality-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.xyl-quality-icon {\n font-size: 24px;\n}\n\n.xyl-quality-item strong {\n color: var(--xyl-primary-dark);\n font-size: 14px;\n font-weight: 800;\n}\n\n.xyl-quality-item span {\n color: var(--xyl-text-light);\n font-size: 12px;\n}\n\n\/* === USAGE === *\/\n.xyl-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.xyl-usage-card {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--xyl-shadow);\n position: relative;\n overflow: hidden;\n}\n\n.xyl-usage-number {\n position: absolute;\n top: -15px;\n right: 15px;\n font-size: 100px;\n font-weight: 900;\n color: var(--xyl-primary-light);\n opacity: .4;\n line-height: 1;\n}\n\n.xyl-usage-card h3 {\n position: relative;\n z-index: 1;\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.xyl-usage-card p {\n position: relative;\n z-index: 1;\n color: var(--xyl-text);\n font-size: 14px;\n margin-bottom: .75rem;\n}\n\n.xyl-usage-card ul {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n position: relative;\n z-index: 1;\n}\n\n.xyl-usage-card li {\n padding: 6px 0;\n color: var(--xyl-text-light);\n font-size: 14px;\n}\n\n.xyl-dental-routine {\n background: var(--xyl-primary-light);\n border-radius: var(--xyl-radius-sm);\n padding: 1rem;\n margin: .75rem 0;\n position: relative;\n z-index: 1;\n}\n\n.xyl-dental-step,\n.xyl-dental-frequency {\n margin-bottom: .75rem;\n}\n\n.xyl-dental-step:last-child,\n.xyl-dental-frequency:last-child {\n margin-bottom: 0;\n}\n\n.xyl-dental-step strong,\n.xyl-dental-frequency strong {\n display: block;\n color: var(--xyl-primary-dark);\n font-size: 16px;\n font-weight: 800;\n}\n\n.xyl-dental-step span,\n.xyl-dental-frequency span {\n color: var(--xyl-text-light);\n font-size: 13px;\n}\n\n.xyl-tip {\n background: linear-gradient(135deg, var(--xyl-secondary), #4a7349);\n color: white;\n padding: 10px 14px;\n border-radius: var(--xyl-radius-sm);\n font-size: 13px;\n font-weight: 600;\n position: relative;\n z-index: 1;\n}\n\n\/* === WARNING === *\/\n.xyl-warning-box {\n background: #FFF9E6;\n border: 2px solid #FFE066;\n border-radius: var(--xyl-radius);\n padding: 1.25rem;\n margin-top: 1.5rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.xyl-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.xyl-warning-content strong {\n display: block;\n color: var(--xyl-primary-dark);\n font-size: 16px;\n margin-bottom: .25rem;\n font-weight: 800;\n}\n\n.xyl-warning-content p {\n color: var(--xyl-text);\n margin: 0;\n font-size: 14px;\n line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.xyl-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.xyl-comparison-col {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: 1.5rem;\n box-shadow: var(--xyl-shadow);\n}\n\n.xyl-comparison-winner {\n background: linear-gradient(135deg, rgba(91,140,90,.05), rgba(91,140,90,.1));\n border: 3px solid var(--xyl-secondary);\n}\n\n.xyl-comparison-col h3 {\n text-align: center;\n margin-bottom: 1rem;\n font-size: 18px;\n font-weight: 800;\n color: var(--xyl-primary-dark);\n}\n\n.xyl-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.xyl-comparison-list li {\n padding: 10px 0;\n border-bottom: 1px solid var(--xyl-border);\n font-size: 14px;\n font-weight: 600;\n color: var(--xyl-text);\n}\n\n.xyl-comparison-list li:last-child {\n border-bottom: none;\n}\n\n.xyl-comparison-negative li {\n color: var(--xyl-text-light);\n}\n\n\/* === INFO GRID === *\/\n.xyl-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.xyl-info-box {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--xyl-shadow);\n text-align: center;\n border: 2px solid var(--xyl-primary-light);\n transition: all .3s ease;\n}\n\n.xyl-info-box:hover {\n transform: translateY(-4px);\n border-color: var(--xyl-primary);\n}\n\n.xyl-info-label {\n font-size: 11px;\n font-weight: 700;\n color: var(--xyl-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 6px;\n}\n\n.xyl-info-value {\n font-size: 16px;\n font-weight: 900;\n color: var(--xyl-primary-dark);\n}\n\n\/* === ACCORDION === *\/\n.xyl-accordion {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n box-shadow: var(--xyl-shadow);\n overflow: hidden;\n}\n\n.xyl-accordion-item {\n border-bottom: 1px solid var(--xyl-border);\n margin: 0;\n padding: 0;\n}\n\n.xyl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.xyl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--xyl-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.xyl-accordion-header:hover {\n background: var(--xyl-primary-light);\n}\n\n.xyl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.xyl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--xyl-primary);\n transition: transform .2s ease;\n}\n\n.xyl-accordion-item[open] .xyl-accordion-header::after {\n content: '−';\n}\n\n.xyl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--xyl-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.xyl-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.xyl-cta-box {\n background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 100%);\n border-radius: var(--xyl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.xyl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n font-weight: 500;\n margin: 0;\n}\n\n.xyl-disclaimer {\n font-size: 12px;\n color: var(--xyl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .xyl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .xyl-grid-compact {\n gap: .625rem;\n }\n \n .xyl-grid-compact .xyl-card {\n padding: .75rem;\n }\n \n .xyl-grid-compact .xyl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .xyl-grid-compact .xyl-card p {\n font-size: 12px;\n }\n \n .xyl-card {\n padding: 1.125rem;\n }\n \n .xyl-section {\n margin-bottom: 1.75rem;\n }\n \n .xyl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--xyl-radius-sm);\n }\n \n .xyl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .xyl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .xyl-composition-box {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n text-align: center;\n }\n \n .xyl-purity-circle {\n width: 120px;\n height: 120px;\n margin: 0 auto;\n }\n \n .xyl-purity-number {\n font-size: 28px;\n }\n \n .xyl-quality-grid {\n grid-template-columns: repeat(2, 1fr);\n text-align: left;\n }\n \n .xyl-usage-grid,\n .xyl-comparison {\n grid-template-columns: 1fr;\n }\n \n .xyl-warning-box {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .xyl-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .xyl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .xyl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .xyl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .xyl-card:nth-child(1) { animation-delay: .05s; }\n .xyl-card:nth-child(2) { animation-delay: .1s; }\n .xyl-card:nth-child(3) { animation-delay: .15s; }\n .xyl-card:nth-child(4) { animation-delay: .2s; }\n .xyl-card:nth-child(5) { animation-delay: .25s; }\n .xyl-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 .xyl-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":55222003990905,"sku":"VO4675","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/xylitol-bio-sucre-de-bouleau-500g-qualidiet-packshothd.webp?v=1786024973"},{"product_id":"ghee-bio-beurre-clarifie-150-g-ayur-vana","title":"Ghee - beurre clarifié bio 150 g - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ghee - Beurre clarifié bio Ayur-Vana\nPalette détectée:\n - Primaire: #D4A853 (doré\/jaune miel du ghee)\n - Secondaire: #E86D3C (orange terracotta de l'étiquette)\n - Accent: #3B8DBD (bleu du logo Ayur-Vana)\n - Tertiaire: #6B8E23 (vert olive des motifs paisley)\nAmbiance: Ayurvédique, tradition indienne, chaleureux, naturel\/bio, artisanal français\nPréfixe CSS: gh\n--\u003e\n\u003cdiv class=\"gh-premium\"\u003e\n\u003cdiv class=\"gh-hero\"\u003e\n\u003cdiv class=\"gh-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gh-hero-content\"\u003e\n\u003cdiv class=\"gh-badges-top\"\u003e\n\u003cspan class=\"gh-badge\"\u003e🌿 100% bio\u003c\/span\u003e \u003cspan class=\"gh-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gh-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gh-hero-title\"\u003eBeurre clarifié d'exception\u003c\/span\u003e\n\u003cp class=\"gh-description\"\u003eL'or liquide de l'Ayurveda : un beurre d'une pureté exceptionnelle, rasayana régénérant pour le corps et l'esprit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003cdiv class=\"gh-saviez-vous\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e💡 Le saviez-vous ?\u003c\/strong\u003e\n\u003cp\u003eDans la tradition indienne, le ghee est considéré comme un \u003cem\u003erasayana\u003c\/em\u003e : un aliment régénérant et rajeunissant, censé nourrir à la fois le corps et l'esprit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits du ghee\u003c\/h2\u003e\n\u003cdiv class=\"gh-grid\"\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🧬 Riche en nutriments\u003c\/h3\u003e\n\u003cp\u003eVitamines liposolubles A, D, E, K, oméga-3, antioxydants et minéraux essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🫄 Digestion optimale\u003c\/h3\u003e\n\u003cp\u003eSoutient la digestion, améliore l'assimilation des nutriments et soulage la constipation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🔄 Effet régénérant\u003c\/h3\u003e\n\u003cp\u003eDécrit comme dynamisant et rajeunissant (rasayana) dans la tradition ayurvédique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🌸 Bien-être féminin\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement conseillé pour apaiser les inconforts menstruels et accompagner la grossesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e🍳 Comment utiliser ce beurre clarifié ?\u003c\/h2\u003e\n\u003cdiv class=\"gh-grid\"\u003e\n\u003cdiv class=\"gh-card gh-card-usage\"\u003e\n\u003ch3\u003e👨🍳 En cuisine\u003c\/h3\u003e\n\u003cp\u003eSubstitut idéal du beurre ou de l'huile. Point de fumée élevé : parfait pour les cuissons à haute température.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-usage\"\u003e\n\u003ch3\u003e🥖 En tartine\u003c\/h3\u003e\n\u003cp\u003eSur du pain chaud, incorporé dans une purée ou une soupe pour une onctuosité incomparable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-usage\"\u003e\n\u003ch3\u003e🕉️ Rituel ayurvédique\u003c\/h3\u003e\n\u003cp\u003e1 cuillère à café à jeun le matin pour tonifier l'organisme selon la tradition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-astuce\"\u003e\n\u003cspan\u003e💫\u003c\/span\u003e \u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez une pointe de ghee dans une tisane au curcuma pour renforcer son assimilation.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e🌿 Synergies ayurvédiques\u003c\/h2\u003e\n\u003cdiv class=\"gh-grid\"\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🍃 Triphala\u003c\/h3\u003e\n\u003cp\u003eEffet tonique et digestion harmonisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🌾 Curcuma\u003c\/h3\u003e\n\u003cp\u003eBooste l'action antioxydante et anti-inflammatoire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🌷 Shatavari\u003c\/h3\u003e\n\u003cp\u003eSoutien de la vitalité féminine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🧠 Brahmi\u003c\/h3\u003e\n\u003cp\u003eClarté mentale et apaisement de l'esprit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🫚 Gingembre\u003c\/h3\u003e\n\u003cp\u003eDigestion et chaleur interne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🔥 Trikatu\u003c\/h3\u003e\n\u003cp\u003eConfort articulaire et stimulation du métabolisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e🏆 Pourquoi choisir ce ghee ?\u003c\/h2\u003e\n\u003cdiv class=\"gh-grid-compact\"\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🌿 100% bio\u003c\/h3\u003e\n\u003cp\u003eSans additif ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eQualité et traçabilité garanties\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🕉️ Authentique\u003c\/h3\u003e\n\u003cp\u003eRespecte les préceptes ayurvédiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e👩🍳 Polyvalent\u003c\/h3\u003e\n\u003cp\u003eCuisine saine et moderne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e📊 Valeurs nutritionnelles\u003c\/h2\u003e\n\u003cdiv class=\"gh-nutrition\"\u003e\n\u003cdiv class=\"gh-nutrition-header\"\u003e\n\u003cspan\u003ePour 100 g\u003c\/span\u003e \u003cspan class=\"gh-nutrition-badge\"\u003eBeurre* clarifié 100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-nutrition-grid\"\u003e\n\u003cdiv class=\"gh-nutrition-item\"\u003e\n\u003cspan class=\"gh-nutrition-value\"\u003e891\u003c\/span\u003e \u003cspan class=\"gh-nutrition-label\"\u003ekcal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-nutrition-item\"\u003e\n\u003cspan class=\"gh-nutrition-value\"\u003e99g\u003c\/span\u003e \u003cspan class=\"gh-nutrition-label\"\u003eMatières grasses\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-nutrition-item\"\u003e\n\u003cspan class=\"gh-nutrition-value\"\u003e66g\u003c\/span\u003e \u003cspan class=\"gh-nutrition-label\"\u003eAcides gras saturés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-nutrition-item\"\u003e\n\u003cspan class=\"gh-nutrition-value\"\u003e0g\u003c\/span\u003e \u003cspan class=\"gh-nutrition-label\"\u003eGlucides \u0026amp; sucres\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gh-nutrition-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"gh-accordion\"\u003e\n\u003cdetails class=\"gh-accordion-item\"\u003e\n\u003csummary class=\"gh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gh-accordion-content\"\u003e\n\u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de la lumière. Produit naturellement très stable : peut se garder plusieurs mois après ouverture. Convient aux cuissons à haute température sans production de substances nocives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gh-accordion-item\"\u003e\n\u003csummary class=\"gh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gh-accordion-content\"\u003e\n\u003cp\u003eNe pas utiliser en cas d'intolérance ou allergie au lait de vache. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gh-cta-box\"\u003e\n\u003cdiv class=\"gh-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003e🕉️ Découvrez l'or de l'Ayurveda et offrez à votre corps un aliment ancestral, pur et régénérant, fabriqué en France avec le plus grand soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gh-cream: #FDF8F0;\n --gh-white: #ffffff;\n --gh-primary: #D4A853;\n --gh-primary-dark: #B8923F;\n --gh-primary-light: #FEF7E8;\n --gh-secondary: #E86D3C;\n --gh-accent: #3B8DBD;\n --gh-green: #6B8E23;\n --gh-text: #2D2A26;\n --gh-text-light: #5C574E;\n --gh-border: #E8E2D9;\n --gh-shadow: 0 4px 24px rgba(180, 140, 60, .10);\n --gh-shadow-lg: 0 12px 48px rgba(180, 140, 60, .18);\n --gh-radius: 20px;\n --gh-radius-sm: 12px;\n}\n\n.gh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gh-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A853 0%, #E86D3C 50%, #B8923F 100%);\n border-radius: var(--gh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gh-shadow-lg);\n}\n\n.gh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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 5c5 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9zm0 37c5 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9z' fill='%23fff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.gh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gh-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.gh-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.gh-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\/* === SAVIEZ-VOUS === *\/\n.gh-saviez-vous {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--gh-primary-light) 0%, #FFF9F0 100%);\n border-left: 4px solid var(--gh-primary);\n border-radius: var(--gh-radius-sm);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--gh-shadow);\n}\n\n.gh-saviez-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.gh-saviez-vous strong {\n color: var(--gh-primary-dark);\n font-size: 15px;\n display: block;\n margin-bottom: .35rem;\n}\n\n.gh-saviez-vous p {\n color: var(--gh-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* === SECTIONS === *\/\n.gh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gh-primary), var(--gh-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.gh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.gh-card {\n background: var(--gh-white);\n border-radius: var(--gh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gh-shadow-lg);\n border-color: var(--gh-primary);\n}\n\n.gh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gh-card-usage {\n background: linear-gradient(145deg, var(--gh-white) 0%, var(--gh-primary-light) 100%);\n}\n\n.gh-card-synergie {\n background: var(--gh-white);\n border: 1px solid var(--gh-border);\n}\n\n.gh-card-synergie h3 {\n color: var(--gh-green);\n}\n\n.gh-grid-compact .gh-card {\n padding: 1rem;\n}\n\n.gh-grid-compact .gh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gh-grid-compact .gh-card p {\n font-size: 12px;\n}\n\n\/* === ASTUCE === *\/\n.gh-astuce {\n background: linear-gradient(135deg, #FFF9F0 0%, var(--gh-primary-light) 100%);\n border-radius: var(--gh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n font-size: 14px;\n color: var(--gh-text);\n text-align: center;\n border: 1px dashed var(--gh-primary);\n}\n\n\/* === NUTRITION === *\/\n.gh-nutrition {\n background: var(--gh-white);\n border-radius: var(--gh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gh-shadow);\n}\n\n.gh-nutrition-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--gh-border);\n}\n\n.gh-nutrition-header span:first-child {\n font-weight: 700;\n color: var(--gh-text);\n font-size: 16px;\n}\n\n.gh-nutrition-badge {\n background: var(--gh-primary-light);\n color: var(--gh-primary-dark);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.gh-nutrition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1rem;\n text-align: center;\n}\n\n.gh-nutrition-item {\n background: var(--gh-primary-light);\n border-radius: var(--gh-radius-sm);\n padding: 1rem;\n}\n\n.gh-nutrition-value {\n display: block;\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n color: var(--gh-primary-dark);\n line-height: 1.1;\n}\n\n.gh-nutrition-label {\n display: block;\n font-size: 12px;\n color: var(--gh-text-light);\n margin-top: .35rem;\n}\n\n.gh-nutrition-note {\n font-size: 12px;\n color: var(--gh-text-light);\n text-align: center;\n margin: 1rem 0 0 0;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.gh-accordion {\n background: var(--gh-white);\n border-radius: var(--gh-radius);\n box-shadow: var(--gh-shadow);\n overflow: hidden;\n}\n\n.gh-accordion-item {\n border-bottom: 1px solid var(--gh-border);\n margin: 0;\n padding: 0;\n}\n\n.gh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gh-accordion-header:hover {\n background: var(--gh-primary-light);\n}\n\n.gh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gh-primary);\n transition: transform .2s ease;\n}\n\n.gh-accordion-item[open] .gh-accordion-header::after {\n content: '−';\n}\n\n.gh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.gh-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.gh-cta-box {\n background: linear-gradient(135deg, var(--gh-primary) 0%, var(--gh-secondary) 100%);\n border-radius: var(--gh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gh-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='8' fill='%23fff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n}\n\n.gh-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gh-card {\n padding: 1.125rem;\n }\n \n .gh-section {\n margin-bottom: 1.75rem;\n }\n \n .gh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gh-radius-sm);\n }\n \n .gh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gh-grid-compact {\n gap: .625rem;\n }\n \n .gh-grid-compact .gh-card {\n padding: .75rem;\n }\n \n .gh-badges-top {\n gap: 8px;\n }\n \n .gh-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .gh-saviez-vous {\n flex-direction: column;\n gap: .75rem;\n text-align: center;\n }\n \n .gh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .gh-nutrition {\n padding: 1.25rem;\n }\n \n .gh-nutrition-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gh-card {\n animation: ghFadeInUp .5s ease backwards;\n }\n .gh-card:nth-child(1) { animation-delay: .05s; }\n .gh-card:nth-child(2) { animation-delay: .1s; }\n .gh-card:nth-child(3) { animation-delay: .15s; }\n .gh-card:nth-child(4) { animation-delay: .2s; }\n .gh-card:nth-child(5) { animation-delay: .25s; }\n .gh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ghFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":55225070190969,"sku":"AY0008","price":7.15,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ghee-beurre-clarifie-bio-150-g-ayur-vana-packshothd.webp?v=1786110847"},{"product_id":"spiruline-bio-paillettes-france-90g-etika-spirulina","title":"Spiruline bio en paillettes (origine France) - 90 g - Etika Spirulina","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spiruline bio en paillettes (origine France) - 90 g - Etika Spirulina\nPalette détectée:\n - Primaire: #2D5A27 (vert foncé profond des paillettes de spiruline)\n - Secondaire: #A8C846 (vert lime\/chartreuse de l'étiquette)\n - Accent: #C8A86E (kraft\/beige doré du pot en carton)\n - Touches: bleu-blanc-rouge du drapeau français sur le packaging\nAmbiance: Naturel\/bio, artisanal français, écoresponsable, chaleureux et authentique. Packaging kraft avec étiquette vert vif, univers fermier et solidaire.\nPréfixe CSS: sp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Spiruline bio en paillettes cultivée en France : un superaliment d'exception pour votre vitalité\"\n 2. \"Pourquoi la spiruline en paillettes plutôt qu'en comprimés ou en poudre ?\"\n 3. \"Un profil nutritionnel remarquable : que contient la spiruline bio ?\"\n 4. \"Les bienfaits concrets d'une cure de spiruline bio française\"\n 5. \"Comment consommer la spiruline en paillettes ? Conseils et idées recettes\"\n 6. \"Composition et ingrédients\"\n 7. \"Pourquoi choisir une spiruline française et bio ?\"\n 8. \"Un engagement éthique et solidaire\"\n 9. \"Précautions d'emploi et conservation\"\n 10. \"Questions fréquentes sur la spiruline bio en paillettes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"sp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sp-hero\"\u003e\n \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sp-hero-content\"\u003e\n \u003cdiv class=\"sp-badges-top\"\u003e\n \u003cspan class=\"sp-badge\"\u003e🇫🇷 Cultivée en France\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e📦 90 g = 1 mois de cure\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌡️ Séchage basse température\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eSpiruline bio en paillettes Etika Spirulina\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003eSpiruline fermière française — tonus, vitalité \u0026amp; immunité\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003eUne spiruline artisanale 100 % bio, cultivée en France et séchée à basse température pour une richesse nutritionnelle intacte. Le format paillettes le plus brut et le moins transformé qui existe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eSpiruline bio en paillettes cultivée en France : un superaliment d'exception pour votre vitalité\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eVous cherchez une spiruline bio française de qualité irréprochable, sous une forme pratique et savoureuse ? La spiruline en paillettes d'Etika Spirulina coche toutes les cases.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌾 Culture artisanale\u003c\/h3\u003e\n \u003cp\u003eCultivée en France dans des bassins contrôlés, avec un savoir-faire fermier exigeant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🏅 Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique certifiée, garantissant un cahier des charges strict\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌡️ Séchage doux\u003c\/h3\u003e\n \u003cp\u003eSéchée à basse température pour préserver l'intégralité des nutriments précieux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e📅 Cure d'un mois\u003c\/h3\u003e\n \u003cp\u003e90 g = 30 jours de cure complète pour retrouver tonus, énergie et immunité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement aux spirulines importées, souvent séchées à haute température et transportées sur des milliers de kilomètres, cette spiruline fermière française conserve toute sa richesse nutritionnelle grâce à un circuit court. Et ça, ça change tout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePourquoi la spiruline en paillettes plutôt qu'en comprimés ou en poudre ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eLe format paillettes est le plus brut et le moins transformé qui existe. Là où les comprimés nécessitent parfois des excipients ou des liants, les paillettes sont simplement de la spiruline fraîche extrudée puis séchée délicatement.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🔬 Conservation optimale des nutriments\u003c\/h3\u003e\n \u003cp\u003eLe séchage à basse température préserve les vitamines, les protéines et la phycocyanine, ce puissant pigment antioxydant qui donne à la spiruline sa couleur vert profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e✨ Texture agréable et croquante\u003c\/h3\u003e\n \u003cp\u003eLes paillettes se croquent facilement ou se saupoudrent sur vos plats, sans la sensation sableuse de la poudre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e⚖️ Dosage libre et progressif\u003c\/h3\u003e\n \u003cp\u003eVous ajustez votre consommation au gramme près, ce qui est particulièrement utile lorsque vous débutez une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌊 Goût authentique\u003c\/h3\u003e\n \u003cp\u003eUn léger goût marin, signe d'une spiruline fraîche et non dénaturée, qui se marie étonnamment bien avec vos recettes salées comme sucrées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eUn profil nutritionnel remarquable : que contient la spiruline bio ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eLa spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) est considérée comme l'un des aliments les plus complets sur le plan nutritionnel. Voici ce que vous apporte une dose quotidienne de \u003cstrong\u003e3 g de spiruline en paillettes\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💪 Protéines complètes (60 à 70 %)\u003c\/h3\u003e\n \u003cp\u003eContient les 8 acides aminés essentiels : une source de protéines de premier choix pour les végétariens et les vegans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🩸 Fer hautement biodisponible\u003c\/h3\u003e\n \u003cp\u003eContribue à réduire la fatigue et à un métabolisme énergétique normal. Un atout précieux, en particulier pour les femmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🧬 Phycocyanine\u003c\/h3\u003e\n \u003cp\u003eCe pigment bleu-vert exclusif à la spiruline est un puissant antioxydant qui soutient le système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🥕 Bêta-carotène (provitamine A)\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une vision normale et à la protection des cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e⚡ Vitamines du groupe B\u003c\/h3\u003e\n \u003cp\u003eB1, B2, B3, B6, B9, B12 analogue : essentielles au fonctionnement du système nerveux et au métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🪨 Minéraux et oligo-éléments\u003c\/h3\u003e\n \u003cp\u003eCalcium, magnésium, zinc, manganèse, potassium : un cocktail de minéraux essentiels au bon fonctionnement de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🫒 Acide gamma-linolénique (GLA)\u003c\/h3\u003e\n \u003cp\u003eUn acide gras essentiel de la famille des oméga-6, rare dans l'alimentation courante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets d'une cure de spiruline bio française\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eIntégrer la spiruline bio en paillettes à votre quotidien, c'est offrir à votre organisme un concentré de nutriments qui agit sur plusieurs plans.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🔋 Tonus et vitalité\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en fer, en protéines et en vitamines B, la spiruline aide à lutter contre la fatigue passagère et à retrouver de l'énergie durablement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eLa phycocyanine et les antioxydants naturels participent au bon fonctionnement du système immunitaire, en particulier lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🏃 Récupération sportive\u003c\/h3\u003e\n \u003cp\u003eSa teneur exceptionnelle en protéines complètes et en fer en fait un allié de choix pour la récupération musculaire et le maintien de l'endurance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🥗 Équilibre nutritionnel\u003c\/h3\u003e\n \u003cp\u003eIdéale pour les personnes végétariennes, végétaliennes, ou simplement ceux qui souhaitent enrichir leur apport en micronutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e✨ Bien-être général\u003c\/h3\u003e\n \u003cp\u003eDe nombreux utilisateurs rapportent une amélioration de la qualité de la peau, des cheveux et des ongles après plusieurs semaines de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComment consommer la spiruline en paillettes ? Conseils et idées recettes\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eL'un des grands avantages des paillettes de spiruline, c'est leur polyvalence en cuisine. Voici comment les intégrer facilement à votre alimentation.\u003c\/p\u003e\n \u003cdiv class=\"sp-timeline\"\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003e🚀 Démarrage en douceur\u003c\/h3\u003e\n \u003cp\u003eCommencez par \u003cstrong\u003e1 g par jour\u003c\/strong\u003e (environ une demi-cuillère à café) pendant 3 à 4 jours, puis augmentez progressivement jusqu'à \u003cstrong\u003e3 g par jour\u003c\/strong\u003e (une cuillère à café bien remplie).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003e🥗 Sur une salade\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez une cuillère à café de paillettes sur vos salades composées, avec un filet d'huile d'olive et du jus de citron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003e🍶 Dans un yaourt ou fromage blanc\u003c\/h3\u003e\n \u003cp\u003eMélangez les paillettes avec un peu de miel pour une collation riche en protéines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003e🥤 Dans un smoothie ou jus de fruits\u003c\/h3\u003e\n \u003cp\u003eMixez-les avec une banane, des épinards frais et du lait végétal pour un green smoothie ultra-nutritif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003e🥑 Sur un avocat toast\u003c\/h3\u003e\n \u003cp\u003eParsemez quelques paillettes sur votre tartine pour un petit-déjeuner complet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e6\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003e🍅 Dans une soupe froide (gaspacho)\u003c\/h3\u003e\n \u003cp\u003eAjoutez la spiruline en fin de préparation pour ne pas altérer ses nutriments par la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil important :\u003c\/strong\u003e évitez de chauffer la spiruline au-delà de 40 °C. La chaleur dégrade la phycocyanine et une partie des vitamines. Préférez toujours une utilisation à froid ou tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n \u003cdiv class=\"sp-composition-box\"\u003e\n \u003cdiv class=\"sp-composition-main\"\u003e\n \u003cspan class=\"sp-composition-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp class=\"sp-composition-title\"\u003eIngrédient unique\u003c\/p\u003e\n \u003cp class=\"sp-composition-detail\"\u003e100 % spiruline bio (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) déshydratée à basse température, sous forme de paillettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-composition-tags\"\u003e\n \u003cspan class=\"sp-comp-tag\"\u003eSans additif\u003c\/span\u003e\n \u003cspan class=\"sp-comp-tag\"\u003eSans excipient\u003c\/span\u003e\n \u003cspan class=\"sp-comp-tag\"\u003eSans colorant\u003c\/span\u003e\n \u003cspan class=\"sp-comp-tag\"\u003eSans conservateur\u003c\/span\u003e\n \u003cspan class=\"sp-comp-tag sp-comp-tag-highlight\"\u003eCertifiée AB\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-composition-contenance\"\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 90 g — soit environ 30 jours de cure à raison de 3 g par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePourquoi choisir une spiruline française et bio ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eToutes les spirulines ne se valent pas, loin de là. Voici ce qui distingue la spiruline bio française d'Etika Spirulina des produits d'importation.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🇫🇷 Culture fermière en France\u003c\/h3\u003e\n \u003cp\u003eCultivée localement, dans des bassins contrôlés, sans pesticides ni métaux lourds. Vous savez exactement d'où vient ce que vous consommez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🏅 Certification AB\u003c\/h3\u003e\n \u003cp\u003eLa mention Agriculture Biologique garantit le respect d'un cahier des charges strict, tant au niveau de la culture que de la transformation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n \u003cp\u003eContrairement au spray-drying industriel des spirulines importées, le séchage lent et doux préserve la structure des protéines et la teneur en phycocyanine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eDu bassin de culture jusqu'à votre table, chaque étape est maîtrisée et contrôlée sur le sol français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌍 Empreinte carbone réduite\u003c\/h3\u003e\n \u003cp\u003ePas de transport intercontinental, pas d'emballage plastique superflu. Le pot est biocompostable, en cohérence avec une démarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eUn engagement éthique et solidaire\u003c\/h2\u003e\n \u003cdiv class=\"sp-testimonial\"\u003e\n \u003cp class=\"sp-testimonial-text\"\u003eAcheter cette spiruline, c'est aussi soutenir un projet porteur de sens. Etika Spirulina est engagé dans des \u003cstrong\u003eactions solidaires contre la malnutrition\u003c\/strong\u003e, notamment en Asie, où la spiruline est distribuée aux populations les plus vulnérables. En choisissant ce produit, vous faites un geste pour votre santé et pour celle des autres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🤝 Projets solidaires\u003c\/h3\u003e\n \u003cp\u003eLutte contre la malnutrition infantile en Asie grâce à la distribution de spiruline\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e♻️ Emballage biocompostable\u003c\/h3\u003e\n \u003cp\u003eRéduction de l'impact environnemental à chaque étape, de la production jusqu'à la fin de vie du produit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et conservation\u003c\/h2\u003e\n \u003cdiv class=\"sp-accordion\"\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e📋 Recommandations d'usage\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ consommer dans le cadre d'une alimentation variée et équilibrée et d'un mode de vie sain. Ne pas dépasser la dose journalière recommandée de 3 g par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e☕ Interaction avec le thé et le café\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez de consommer la spiruline en même temps que du thé ou du café : les tanins de ces boissons diminuent l'absorption du fer. Attendez au moins 30 minutes entre les deux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée aux enfants de moins de 6 ans, aux personnes souffrant d'hémochromatose (excès de fer) ou de phénylcétonurie (en raison de sa teneur en phénylalanine). En cas de traitement anticoagulant, de maladie auto-immune ou de grossesse, demandez conseil à votre médecin avant de débuter une cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le pot bien fermé, dans un endroit sec, frais et à l'abri de la lumière directe. Dans ces conditions, la spiruline en paillettes se conserve \u003cstrong\u003ejusqu'à 2 ans\u003c\/strong\u003e sans perdre ses qualités nutritionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-disclaimer\"\u003eCe produit est un complément alimentaire et ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003cdiv class=\"sp-cta-box\" style=\"margin-top: clamp(1.5rem, 3vw, 2.5rem);\"\u003e\n \u003cp\u003e🌿 Cette spiruline bio en paillettes réunit tout ce que l'on peut attendre d'un superaliment de qualité — une origine française transparente, une certification bio, un procédé de fabrication respectueux des nutriments et un engagement éthique sincère. Intégrez-la à votre routine quotidienne pour profiter de ses bienfaits sur votre tonus, votre immunité et votre bien-être général.\u003c\/p\u003e\n \u003c\/div\u003e\n \n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --sp-cream: #f6f4ef;\n --sp-white: #ffffff;\n --sp-primary: #2D5A27;\n --sp-primary-dark: #1a3d17;\n --sp-primary-light: #e8f2e6;\n --sp-secondary: #A8C846;\n --sp-accent: #C8A86E;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sp-radius: 20px;\n --sp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sp-primary-dark) 0%, var(--sp-primary) 45%, #3a7a32 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(168,200,70,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(200,168,110,.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.sp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.sp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.sp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sp-subtitle {\n color: var(--sp-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.88);\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.sp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sp-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sp-timeline-content {\n flex: 1;\n background: var(--sp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sp-radius-sm);\n box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sp-testimonial {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sp-shadow);\n border-left: 4px solid var(--sp-primary);\n}\n\n.sp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sp-composition-box {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sp-shadow);\n text-align: center;\n}\n\n.sp-composition-main {\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: center;\n margin-bottom: 1.25rem;\n text-align: left;\n}\n\n.sp-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.sp-composition-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-composition-detail {\n font-size: 15px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sp-composition-tags {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.25rem;\n}\n\n.sp-comp-tag {\n display: inline-block;\n padding: 6px 14px;\n background: var(--sp-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--sp-primary-dark);\n}\n\n.sp-comp-tag-highlight {\n background: var(--sp-secondary);\n color: var(--sp-white);\n}\n\n.sp-composition-contenance {\n font-size: 15px;\n color: var(--sp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n box-shadow: var(--sp-shadow);\n overflow: hidden;\n}\n\n.sp-accordion-item {\n border-bottom: 1px solid var(--sp-border);\n margin: 0;\n padding: 0;\n}\n\n.sp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sp-accordion-header:hover {\n background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n content: '−';\n}\n\n.sp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sp-tip p {\n font-size: 14px;\n color: var(--sp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.sp-cta-box {\n background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n border-radius: var(--sp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n font-size: 12px;\n color: var(--sp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sp-card {\n padding: 1.125rem;\n }\n\n .sp-section {\n margin-bottom: 1.75rem;\n }\n\n .sp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sp-radius-sm);\n }\n\n .sp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sp-grid-compact {\n gap: .625rem;\n }\n\n .sp-grid-compact .sp-card {\n padding: .75rem;\n }\n\n .sp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sp-timeline-content h3 {\n font-size: 14px;\n }\n\n .sp-timeline-content p {\n font-size: 13px;\n }\n\n .sp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sp-testimonial {\n padding: 1.25rem;\n }\n\n .sp-testimonial-text {\n font-size: 14px;\n }\n\n .sp-composition-main {\n flex-direction: column;\n text-align: center;\n }\n\n .sp-composition-icon {\n font-size: 32px;\n }\n\n .sp-composition-title {\n font-size: 16px;\n }\n\n .sp-composition-detail {\n font-size: 14px;\n }\n\n .sp-badges-top {\n gap: 6px;\n }\n\n .sp-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sp-card {\n animation: spFadeInUp .5s ease backwards;\n }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n .sp-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes spFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ETIKA SPIRULINA","offers":[{"title":"Default Title","offer_id":55444890419577,"sku":"NBAIETI0004","price":21.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline_paillettes_etika-spirulina_11zon.webp?v=1782972815"},{"product_id":"spiruline-bio-poudre-90g","title":"Spiruline bio en poudre (origine France) - 90 g - Etika Spirulina","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spiruline bio en poudre (origine France) - 90 g - Etika Spirulina\nPalette détectée:\n - Primaire: #1a6b4a (vert foncé profond de la spiruline en poudre)\n - Secondaire: #7ec8a0 (vert menthe clair de l'étiquette)\n - Accent: #c8956c (kraft\/bois du pot et du couvercle)\nAmbiance: Naturel\/bio, artisanal français, authenticité terroir, packaging éco-responsable kraft, drapeau français = fierté locale\nPréfixe CSS: sp\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Spiruline bio en poudre française Etika Spirulina : le super aliment cultivé près de chez vous\"\n 2. \"Pourquoi choisir une spiruline bio cultivée en France ?\"\n 3. \"Les bienfaits de la spiruline en poudre bio\"\n 4. \"Composition et valeur nutritionnelle\"\n 5. \"Comment prendre la spiruline en poudre ? Conseils d'utilisation\"\n 6. \"À qui s'adresse cette spiruline bio française ?\"\n 7. \"Précautions d'emploi\"\n 8. \"Conservation\"\n 9. \"Pourquoi faire confiance à Etika Spirulina ?\"\n 10. \"Questions fréquentes sur la spiruline en poudre bio\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"sp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sp-hero\"\u003e\n \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sp-hero-content\"\u003e\n \u003cdiv class=\"sp-badges-top\"\u003e\n \u003cspan class=\"sp-badge\"\u003e🇫🇷 Cultivée en France\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌿 Certifiée bio AB\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌡️ Séchée à basse température\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e📦 90 g — Cure d'1 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eSpiruline bio en poudre Etika Spirulina\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003eLe super aliment français, artisanal et vivant\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003e67 % de protéines · Riche en fer \u0026amp; phycocyanine · 100 % spiruline pure, sans additif · Ferme française engagée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eSpiruline bio en poudre française : le superaliment cultivé près de chez vous\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eEt si le complément alimentaire le plus complet au monde poussait en France, dans une ferme artisanale respectueuse du vivant ?\u003c\/p\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌱 100 % bio française\u003c\/h3\u003e\n \u003cp\u003eCultivée et séchée en France, certifiée Agriculture Biologique par Ecocert. Traçabilité totale du bassin au pot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💚 Tonus \u0026amp; vitalité\u003c\/h3\u003e\n \u003cp\u003eUn pot de 90 g pour une cure d'un mois qui aide à retrouver énergie, immunité et équilibre nutritionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌡️ Séchage doux\u003c\/h3\u003e\n \u003cp\u003eDéshydratée à basse température pour préserver protéines, vitamines, minéraux et phycocyanine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🚚 Circuit court\u003c\/h3\u003e\n \u003cp\u003ePas de spiruline venue de l'autre bout du monde : vous savez exactement d'où vient ce que vous consommez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePourquoi choisir une spiruline bio cultivée en France ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eLa majorité de la spiruline vendue en France provient de Chine, d'Inde ou d'Afrique. Celle d'Etika Spirulina se distingue sur plusieurs points essentiels.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🏡 Culture artisanale certifiée AB\u003c\/h3\u003e\n \u003cp\u003eCultivée en bassins contrôlés, sans pesticides, sans OGM et sans intrant chimique, dans le respect du cahier des charges de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n \u003cp\u003eContrairement aux spirulines industrielles séchées à haute température, celle-ci conserve ses protéines, vitamines, minéraux et phycocyanine intacts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🕐 Fraîcheur \u0026amp; circuit court\u003c\/h3\u003e\n \u003cp\u003eEntre la récolte et le conditionnement, le délai est minimal. Vous bénéficiez d'un produit vivant, riche en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eVous connaissez le producteur, la région de culture et les méthodes employées. Une transparence rare dans le monde des compléments alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eLes bienfaits de la spiruline en poudre bio\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eConsidérée par l'OMS comme l'un des aliments les plus nutritifs de la planète, la spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) mérite une place dans votre quotidien.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💪 Concentré de protéines végétales\u003c\/h3\u003e\n \u003cp\u003eAvec \u003cstrong\u003e60 à 70 % de protéines\u003c\/strong\u003e et les \u003cstrong\u003e8 acides aminés essentiels\u003c\/strong\u003e, c'est l'une des sources les plus denses qui existent. Idéale pour les sportifs, végétariens et vegans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🩸 Fer hautement assimilable\u003c\/h3\u003e\n \u003cp\u003eLe fer de la spiruline contribue à un \u003cstrong\u003emétabolisme énergétique normal\u003c\/strong\u003e et à réduire la fatigue. Mieux assimilé que le fer minéral, surtout avec de la vitamine C.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💎 Riche en phycocyanine\u003c\/h3\u003e\n \u003cp\u003eCe pigment bleu-vert est l'un des composants les plus étudiés pour ses \u003cstrong\u003epropriétés antioxydantes\u003c\/strong\u003e. Préservé au maximum grâce au séchage doux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🧬 Vitamines \u0026amp; minéraux\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eBêta-carotène\u003c\/strong\u003e (immunité), \u003cstrong\u003evitamines B\u003c\/strong\u003e (énergie), \u003cstrong\u003evitamine E\u003c\/strong\u003e (antioxydant), \u003cstrong\u003efer, zinc, magnésium, manganèse, potassium\u003c\/strong\u003e et acide gamma-linolénique (oméga-6).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🛡️ Défenses immunitaires \u0026amp; vitalité\u003c\/h3\u003e\n \u003cp\u003eGrâce à la synergie de ses nutriments, elle accompagne les périodes de \u003cstrong\u003efatigue, changement de saison, convalescence\u003c\/strong\u003e ou d'\u003cstrong\u003eactivité physique intense\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComposition et valeur nutritionnelle\u003c\/h2\u003e\n \u003cdiv class=\"sp-composition-highlight\"\u003e\n \u003cp class=\"sp-composition-label\"\u003eIngrédient unique\u003c\/p\u003e\n \u003cp class=\"sp-composition-value\"\u003e100 % spiruline bio déshydratée (\u003cem\u003eArthrospira platensis\u003c\/em\u003e), cultivée et produite en France\u003c\/p\u003e\n \u003cp class=\"sp-composition-sub\"\u003eAucun additif · Aucun excipient · Aucun conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n \u003ch3\u003e💪 Protéines\u003c\/h3\u003e\n \u003cp\u003e1,8 à 2,1 g \/ 3 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n \u003ch3\u003e🩸 Fer\u003c\/h3\u003e\n \u003cp\u003e3 à 5 mg (21-36 % AJR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n \u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n \u003cp\u003e450 à 540 mg \/ 3 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003e4 à 7 mg \/ 3 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n \u003ch3\u003e🧪 Vitamine B12\u003c\/h3\u003e\n \u003cp\u003e1 à 2 µg \/ 3 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAB — Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-disclaimer\"\u003eLes valeurs peuvent légèrement varier d'un lot à l'autre, car il s'agit d'un produit naturel cultivé de manière artisanale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComment prendre la spiruline en poudre ? Conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"sp-timeline\"\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eSemaine 1 : phase d'adaptation\u003c\/h3\u003e\n \u003cp\u003eCommencez par \u003cstrong\u003e½ cuillère à café par jour (environ 1,5 g)\u003c\/strong\u003e. Votre organisme s'habitue progressivement à la richesse nutritionnelle de la spiruline.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eÀ partir de la semaine 2 : dose optimale\u003c\/h3\u003e\n \u003cp\u003eAugmentez à \u003cstrong\u003e1 cuillère à café rase par jour (environ 3 g)\u003c\/strong\u003e. C'est la dose idéale pour une cure de fond efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure : 1 mois\u003c\/h3\u003e\n \u003cp\u003eLe pot de 90 g correspond à \u003cstrong\u003eenviron un mois\u003c\/strong\u003e à 3 g\/jour. Renouvelez plusieurs fois par an, notamment aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sp-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e🍹 Idées pour intégrer la spiruline à vos repas\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDans un smoothie ou un jus de fruits frais :\u003c\/strong\u003e l'association avec banane, mangue ou ananas masque très bien le goût.\u003cbr\u003e\n \u003cstrong\u003eDans un yaourt ou du fromage blanc :\u003c\/strong\u003e mélangez bien, ajoutez un filet de miel si souhaité.\u003cbr\u003e\n \u003cstrong\u003eSaupoudrée sur une salade ou un avocat :\u003c\/strong\u003e touche nutritive idéale pour vos plats froids.\u003cbr\u003e\n \u003cstrong\u003eDans une vinaigrette ou un pesto maison :\u003c\/strong\u003e elle se fond naturellement dans ces préparations relevées.\u003cbr\u003e\n \u003cstrong\u003eDans une compote de fruits :\u003c\/strong\u003e idéal pour les enfants à partir de 6 ans (en adaptant la dose).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e🍊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce essentielle :\u003c\/strong\u003e associez la spiruline à une source de \u003cstrong\u003evitamine C\u003c\/strong\u003e (jus d'orange, kiwi, fraises, citron) pour \u003cstrong\u003eoptimiser l'absorption du fer\u003c\/strong\u003e. Et ne la chauffez jamais : la chaleur détruit vitamines et phycocyanine. Toujours dans des préparations froides ou tièdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette spiruline bio française ?\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e😴 Personnes fatiguées ou surmenées\u003c\/h3\u003e\n \u003cp\u003eLa spiruline aide à retrouver de l'énergie grâce à sa richesse en fer, en protéines et en vitamines B.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eAccompagne la récupération musculaire et compense les pertes en minéraux liées à l'effort physique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🥦 Végétariens \u0026amp; vegans\u003c\/h3\u003e\n \u003cp\u003eSource végétale de protéines complètes, de fer et de vitamine B12 : un complément indispensable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🏥 Personnes en convalescence\u003c\/h3\u003e\n \u003cp\u003eContribue à combler les carences nutritionnelles après une période de maladie ou de régime restrictif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🛡️ Renforcement immunitaire\u003c\/h3\u003e\n \u003cp\u003eIdéale à l'approche de l'hiver ou lors des changements de saison pour soutenir les défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 \u0026 #8 regroupés en sections avec accordéon --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sp-accordion\"\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Dose \u0026amp; contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser \u003cstrong\u003e3 g par jour\u003c\/strong\u003e. \u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux personnes souffrant d'hémochromatose (excès de fer), de phénylcétonurie ou présentant une allergie à la vitamine K. Déconseillé aux enfants de moins de 6 ans sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e☕ Interactions à éviter\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez de consommer la spiruline en même temps que du \u003cstrong\u003ethé ou du café\u003c\/strong\u003e : les tanins qu'ils contiennent diminuent l'absorption du fer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e🤰 Grossesse, allaitement \u0026amp; traitements\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement anticoagulant, de grossesse, d'allaitement ou de maladie auto-immune, demandez l'avis de votre médecin avant toute supplémentation. Ce produit est un complément alimentaire : il ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni 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=\"sp-section\"\u003e\n \u003ch2\u003eConservation\u003c\/h2\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e🧊\u003c\/span\u003e\n \u003cp\u003eConservez votre spiruline en poudre dans son pot d'origine, \u003cstrong\u003eà l'abri de la lumière, de la chaleur et de l'humidité\u003c\/strong\u003e. Refermez bien le couvercle après chaque utilisation. La spiruline déshydratée se conserve très bien sur une longue période si ces conditions sont respectées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePourquoi faire confiance à Etika Spirulina ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eUn producteur français engagé dans une démarche artisanale et responsable.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e☀️ Bassins sous serre\u003c\/h3\u003e\n \u003cp\u003eCulture en bassins alimentés par des énergies naturelles, dans le respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e✅ Certification AB\u003c\/h3\u003e\n \u003cp\u003eCertifiée Agriculture Biologique par un organisme indépendant (Ecocert).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌡️ Qualité nutritionnelle maximale\u003c\/h3\u003e\n \u003cp\u003eSéchage à basse température pour préserver l'intégralité des nutriments et de la phycocyanine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e♻️ Emballage éco-conçu\u003c\/h3\u003e\n \u003cp\u003eConditionné en France dans un pot kraft recyclable et compostable à domicile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eEngagement en faveur de la transparence totale et d'une agriculture locale à taille humaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003cp class=\"sp-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 \n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --sp-cream: #f5f2ed;\n --sp-white: #ffffff;\n --sp-primary: #1a6b4a;\n --sp-primary-dark: #0f4a32;\n --sp-primary-light: #e8f5ee;\n --sp-secondary: #7ec8a0;\n --sp-accent: #c8956c;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sp-radius: 20px;\n --sp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, #0f4a32 0%, #1a6b4a 40%, #2d8f64 70%, #7ec8a0 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(126,200,160,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(200,149,108,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.sp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.sp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.sp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n line-height: 1.7;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.sp-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD NUTRITIONNELLE === *\/\n.sp-card-nutri {\n background: var(--sp-primary-light);\n border: 2px solid rgba(26,107,74,.1);\n}\n\n.sp-card-nutri:hover {\n border-color: var(--sp-primary);\n background: var(--sp-white);\n}\n\n.sp-card-nutri p {\n font-weight: 700;\n color: var(--sp-primary);\n font-size: clamp(14px, 2.2vw, 16px);\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.sp-composition-highlight {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sp-shadow);\n text-align: center;\n margin-bottom: 1.5rem;\n border: 2px solid var(--sp-secondary);\n}\n\n.sp-composition-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--sp-secondary);\n text-transform: uppercase;\n letter-spacing: .1em;\n margin: 0 0 .5rem 0;\n}\n\n.sp-composition-value {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.4;\n}\n\n.sp-composition-sub {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sp-timeline-content {\n flex: 1;\n background: var(--sp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sp-radius-sm);\n box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n box-shadow: var(--sp-shadow);\n overflow: hidden;\n}\n\n.sp-accordion-item {\n border-bottom: 1px solid var(--sp-border);\n margin: 0;\n padding: 0;\n}\n\n.sp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sp-accordion-header:hover {\n background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n content: '−';\n}\n\n.sp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sp-tip p {\n font-size: 14px;\n color: var(--sp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n font-size: 12px;\n color: var(--sp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sp-card {\n padding: 1.125rem;\n }\n\n .sp-section {\n margin-bottom: 1.75rem;\n }\n\n .sp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sp-radius-sm);\n }\n\n .sp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sp-grid-compact {\n gap: .625rem;\n }\n\n .sp-grid-compact .sp-card {\n padding: .75rem;\n }\n\n .sp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sp-timeline-content h3 {\n font-size: 14px;\n }\n\n .sp-timeline-content p {\n font-size: 13px;\n }\n\n .sp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sp-composition-highlight {\n padding: 1.25rem;\n }\n\n .sp-tip {\n padding: .875rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sp-card {\n animation: spFadeInUp .5s ease backwards;\n }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes spFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ETIKA SPIRULINA","offers":[{"title":"Default Title","offer_id":55444891238777,"sku":"NBAIETI0006","price":21.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline_poudre_etika-spirulina_11zon.webp?v=1782972983"},{"product_id":"poudre-de-feuilles-de-moringa-oleifera-bio-120-gelules-lt-labo","title":"Poudre de Feuilles de Moringa oleifera bio - 120 gélules - LT Labo","description":"\u003cdiv class=\"mo-premium\"\u003e\n\n\u003cdiv class=\"mo-hero\"\u003e\n\u003cdiv class=\"mo-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mo-hero-content\"\u003e\n\u003cdiv class=\"mo-badges-top\"\u003e\n\u003cspan class=\"mo-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n\u003cspan class=\"mo-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n\u003cspan class=\"mo-badge\"\u003e💊 120 gélules\u003c\/span\u003e\n\u003cspan class=\"mo-badge\"\u003e✨ 100 % Folioles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mo-hero-title\"\u003ePoudre de feuilles de Moringa oleifera bio\u003c\/span\u003e\n\u003cp class=\"mo-subtitle\"\u003eLT Labo — Concentré naturel de vie\u003c\/p\u003e\n\u003cp class=\"mo-description\"\u003eConsidéré comme l'un des superaliments les plus complets au monde, le moringa oleifera est surnommé « arbre de vie » dans la phytothérapie traditionnelle africaine et ayurvédique. Profitez d'un concentré de nutriments issu exclusivement des folioles — la partie la plus riche de la feuille — pour soutenir votre vitalité chaque jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"mo-section\"\u003e\n\u003ch2\u003ePourquoi choisir la poudre de moringa oleifera bio ?\u003c\/h2\u003e\n\u003cp class=\"mo-section-intro\"\u003eLà où la plupart des compléments utilisent la feuille entière, LT Labo sélectionne uniquement les \u003cstrong\u003efolioles de moringa\u003c\/strong\u003e, soit la fraction végétale la plus dense en micronutriments. Le résultat : une poudre aux bienfaits décuplés, certifiée Agriculture Biologique et 100 % vegan.\u003c\/p\u003e\n\u003cdiv class=\"mo-grid\"\u003e\n\u003cdiv class=\"mo-card\"\u003e\n\u003ch3\u003e💪 Acides aminés essentiels\u003c\/h3\u003e\n\u003cp\u003eSource végétale de protéines complète — tous les acides aminés essentiels réunis, un fait rare dans le monde végétal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-card\"\u003e\n\u003ch3\u003e🍊 Vitamines A, B1, B2, B3 et C\u003c\/h3\u003e\n\u003cp\u003eContribuent au fonctionnement normal du système immunitaire et à la réduction de la fatigue au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-card\"\u003e\n\u003ch3\u003e🦴 Calcium et fer végétaux\u003c\/h3\u003e\n\u003cp\u003eD'origine 100 % végétale, particulièrement intéressants pour les régimes végétariens ou végétaliens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydants naturels\u003c\/h3\u003e\n\u003cp\u003eQuercétine et acide chlorogénique aident à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-card\"\u003e\n\u003ch3\u003e🌾 Fibres végétales\u003c\/h3\u003e\n\u003cp\u003eFavorisent un bon confort digestif et soutiennent l'équilibre du microbiote intestinal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mo-section\"\u003e\n\u003ch2\u003eLes bienfaits de la poudre de moringa au quotidien\u003c\/h2\u003e\n\u003cp class=\"mo-section-intro\"\u003eUn geste simple pour répondre aux besoins de votre corps, à chaque saison.\u003c\/p\u003e\n\u003cdiv class=\"mo-grid-compact\"\u003e\n\u003cdiv class=\"mo-card\"\u003e\n\u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n\u003cp\u003eSa densité en nutriments aide à lutter contre la fatigue passagère, notamment aux changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-card\"\u003e\n\u003ch3\u003e🥗 Soutien nutritionnel global\u003c\/h3\u003e\n\u003cp\u003eIdéal pour compléter une alimentation déséquilibrée ou en cas de besoins accrus (sport, période intense).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-card\"\u003e\n\u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants participent à la lutte contre le vieillissement prématuré des cellules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-card\"\u003e\n\u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n\u003cp\u003eLes fibres contenues dans les folioles favorisent un transit régulier et apaisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mo-section\"\u003e\n\u003ch2\u003eComposition détaillée — pour 3 gélules\u003c\/h2\u003e\n\u003cdiv class=\"mo-composition\"\u003e\n\u003cdiv class=\"mo-compo-row mo-compo-highlight\"\u003e\n\u003cdiv class=\"mo-compo-label\"\u003e🌿 Poudre de feuilles de moringa oleifera bio*\u003c\/div\u003e\n\u003cdiv class=\"mo-compo-value\"\u003e1 200 mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-compo-sub\"\u003eÉquivalent à 4 800 mg de plante fraîche\u003c\/div\u003e\n\u003cdiv class=\"mo-compo-row\"\u003e\n\u003cdiv class=\"mo-compo-label\"\u003e💊 Enveloppe de la gélule\u003c\/div\u003e\n\u003cdiv class=\"mo-compo-value\"\u003eHPMC (origine végétale)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"mo-disclaimer\"\u003e*Ingrédient issu de l'Agriculture Biologique — Qualité Premium 100 % folioles. Sans excipient, sans additif, sans conservateur.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mo-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mo-timeline\"\u003e\n\u003cdiv class=\"mo-timeline-item\"\u003e\n\u003cdiv class=\"mo-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mo-timeline-content\"\u003e\n\u003ch3\u003e☀️ Le matin\u003c\/h3\u003e\n\u003cp\u003ePrendre 1 gélule avec un grand verre d'eau, au cours du petit-déjeuner.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-timeline-item\"\u003e\n\u003cdiv class=\"mo-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mo-timeline-content\"\u003e\n\u003ch3\u003e🌤️ Le midi\u003c\/h3\u003e\n\u003cp\u003ePrendre 1 gélule au cours du déjeuner pour maintenir votre énergie tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-timeline-item\"\u003e\n\u003cdiv class=\"mo-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mo-timeline-content\"\u003e\n\u003ch3\u003e🌙 Le soir (si besoin)\u003c\/h3\u003e\n\u003cp\u003eUne 3ᵉ gélule au dîner pour atteindre la dose maximale quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mo-tip\"\u003e\n\u003cspan class=\"mo-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe flacon de 120 gélules offre une cure d'environ \u003cstrong\u003e40 jours\u003c\/strong\u003e à dose maximale. Pour un effet optimal, privilégiez une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e, renouvelable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mo-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mo-accordion\"\u003e\n\u003cdetails class=\"mo-accordion-item\"\u003e\n\u003csummary class=\"mo-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n\u003cdiv class=\"mo-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mo-accordion-item\"\u003e\n\u003csummary class=\"mo-accordion-header\"\u003e🤰 Populations sensibles\u003c\/summary\u003e\n\u003cdiv class=\"mo-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, ainsi qu'aux enfants et adolescents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mo-accordion-item\"\u003e\n\u003csummary class=\"mo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"mo-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mo-accordion-item\"\u003e\n\u003csummary class=\"mo-accordion-header\"\u003e📋 Avertissement\u003c\/summary\u003e\n\u003cdiv class=\"mo-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 professionnel de santé avant de commencer la prise de moringa bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mo-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"mo-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre corps le meilleur de la nature — 1 200 mg de folioles de moringa bio par jour pour une vitalité durable et un bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n--mo-cream: #f5f9f3;\n--mo-white: #ffffff;\n--mo-primary: #4CAF50;\n--mo-primary-dark: #2e7d32;\n--mo-primary-light: #e8f5e9;\n--mo-secondary: #81c784;\n--mo-accent: #a5d6a7;\n--mo-text: #1a1a1a;\n--mo-text-light: #5a5a5a;\n--mo-border: #dcedc8;\n--mo-shadow: 0 4px 24px rgba(0,0,0,.08);\n--mo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n--mo-radius: 20px;\n--mo-radius-sm: 12px;\n}\n\n.mo-premium {\nmax-width: 1200px;\nmargin: 0 auto;\npadding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\nbackground: var(--mo-cream);\nfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mo-hero {\nposition: relative;\nbackground: linear-gradient(135deg, #2e7d32 0%, #4CAF50 45%, #66bb6a 100%);\nborder-radius: var(--mo-radius);\npadding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\nmargin-bottom: clamp(2.5rem, 5vw, 4rem);\noverflow: hidden;\nbox-shadow: var(--mo-shadow-lg);\n}\n\n.mo-hero-pattern {\nposition: absolute;\ntop: 0; left: 0; right: 0; bottom: 0;\nbackground-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\nradial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\nradial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\nopacity: 1;\n}\n\n.mo-hero-content {\nposition: relative;\nz-index: 1;\ntext-align: center;\n}\n\n.mo-hero-title {\ndisplay: block;\ncolor: white;\nfont-size: clamp(28px, 7vw, 52px);\nfont-weight: 900;\nmargin: 0 0 1rem 0;\nletter-spacing: -.04em;\ntext-shadow: 0 4px 20px rgba(0,0,0,.2);\nline-height: 1.15;\n}\n\n.mo-subtitle {\ncolor: rgba(255,255,255,.9);\nfont-size: clamp(16px, 3vw, 22px);\nfont-weight: 600;\nmargin: 0 0 1.5rem 0;\nletter-spacing: .02em;\n}\n\n.mo-description {\ncolor: rgba(255,255,255,.88);\nfont-size: clamp(14px, 2.2vw, 17px);\nline-height: 1.8;\nmax-width: 700px;\nmargin: 0 auto;\n}\n\n.mo-badges-top {\ndisplay: flex;\nflex-wrap: wrap;\njustify-content: center;\ngap: 8px;\nmargin-bottom: 1.5rem;\n}\n\n.mo-badge {\ndisplay: inline-flex;\nalign-items: center;\ngap: 6px;\npadding: 8px 16px;\nbackground: rgba(255,255,255,.95);\nbackdrop-filter: blur(10px);\nborder-radius: 999px;\nfont-size: 13px;\nfont-weight: 700;\ncolor: var(--mo-primary-dark);\nbox-shadow: 0 2px 12px rgba(0,0,0,.1);\ntransition: all .3s ease;\n}\n\n.mo-badge:hover {\ntransform: translateY(-2px) scale(1.05);\n}\n\n.mo-section {\nmargin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mo-premium h2 {\nfont-size: clamp(22px, 5vw, 36px);\nfont-weight: 900;\ncolor: var(--mo-primary-dark);\nmargin-bottom: clamp(1.25rem, 3vw, 2rem);\ntext-align: center;\nletter-spacing: -.03em;\nposition: relative;\npadding-bottom: 1rem;\n}\n\n.mo-premium h2::after {\ncontent: '';\nposition: absolute;\nbottom: 0;\nleft: 50%;\ntransform: translateX(-50%);\nwidth: 60px;\nheight: 4px;\nbackground: linear-gradient(90deg, var(--mo-primary), var(--mo-secondary));\nborder-radius: 2px;\n}\n\n.mo-section-intro {\ntext-align: center;\nfont-size: clamp(15px, 2.5vw, 17px);\ncolor: var(--mo-text-light);\nmargin-bottom: 1.5rem;\nmax-width: 600px;\nmargin-left: auto;\nmargin-right: auto;\nline-height: 1.7;\n}\n\n.mo-card {\nbackground: var(--mo-white);\nborder-radius: var(--mo-radius);\npadding: clamp(1.25rem, 3vw, 2rem);\nbox-shadow: var(--mo-shadow);\nborder: 2px solid transparent;\ntransition: all .3s ease;\ntext-align: center;\n}\n\n.mo-card:hover {\ntransform: translateY(-6px);\nbox-shadow: var(--mo-shadow-lg);\nborder-color: var(--mo-primary);\n}\n\n.mo-card h3 {\nfont-size: clamp(15px, 2.5vw, 18px);\nfont-weight: 800;\ncolor: var(--mo-primary-dark);\nmargin: 0 0 .5rem 0;\nline-height: 1.3;\n}\n\n.mo-card p {\nfont-size: clamp(13px, 2vw, 15px);\ncolor: var(--mo-text-light);\nmargin: 0;\nline-height: 1.6;\n}\n\n.mo-grid {\ndisplay: grid;\ngrid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\ngap: 1.25rem;\n}\n\n.mo-grid-compact {\ndisplay: grid;\ngrid-template-columns: repeat(2, 1fr);\ngap: 1rem;\n}\n\n.mo-grid-compact .mo-card {\npadding: 1rem;\n}\n\n.mo-grid-compact .mo-card h3 {\nfont-size: 14px;\nmargin-bottom: .35rem;\n}\n\n.mo-grid-compact .mo-card p {\nfont-size: 12px;\n}\n\n\/* Composition *\/\n.mo-composition {\nbackground: var(--mo-white);\nborder-radius: var(--mo-radius);\nbox-shadow: var(--mo-shadow);\noverflow: hidden;\nmax-width: 600px;\nmargin: 0 auto;\n}\n\n.mo-compo-row {\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\npadding: 1rem 1.5rem;\nborder-bottom: 1px solid var(--mo-border);\ngap: 1rem;\n}\n\n.mo-compo-row:last-of-type {\nborder-bottom: none;\n}\n\n.mo-compo-highlight {\nbackground: var(--mo-primary-light);\n}\n\n.mo-compo-label {\nfont-size: clamp(14px, 2.2vw, 16px);\nfont-weight: 600;\ncolor: var(--mo-text);\n}\n\n.mo-compo-value {\nfont-size: clamp(14px, 2.2vw, 16px);\nfont-weight: 800;\ncolor: var(--mo-primary-dark);\nwhite-space: nowrap;\n}\n\n.mo-compo-sub {\ntext-align: center;\nfont-size: 13px;\ncolor: var(--mo-text-light);\npadding: .5rem 1.5rem;\nborder-bottom: 1px solid var(--mo-border);\nfont-style: italic;\nbackground: var(--mo-primary-light);\n}\n\n\/* Timeline *\/\n.mo-timeline {\ndisplay: flex;\nflex-direction: column;\ngap: 1rem;\n}\n\n.mo-timeline-item {\ndisplay: flex;\ngap: 1rem;\nalign-items: flex-start;\n}\n\n.mo-timeline-number {\nflex-shrink: 0;\nwidth: 40px;\nheight: 40px;\nbackground: linear-gradient(135deg, var(--mo-primary), var(--mo-secondary));\ncolor: white;\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-weight: 800;\nfont-size: 16px;\n}\n\n.mo-timeline-content {\nflex: 1;\nbackground: var(--mo-white);\npadding: 1rem 1.25rem;\nborder-radius: var(--mo-radius-sm);\nbox-shadow: var(--mo-shadow);\n}\n\n.mo-timeline-content h3 {\nfont-size: 16px;\nfont-weight: 700;\ncolor: var(--mo-primary-dark);\nmargin: 0 0 .25rem 0;\n}\n\n.mo-timeline-content p {\nfont-size: 14px;\ncolor: var(--mo-text-light);\nmargin: 0;\nline-height: 1.5;\n}\n\n\/* Tip *\/\n.mo-tip {\ndisplay: flex;\ngap: 1rem;\nalign-items: flex-start;\nbackground: var(--mo-primary-light);\nborder-radius: var(--mo-radius-sm);\npadding: 1rem 1.25rem;\nmargin-top: 1.25rem;\n}\n\n.mo-tip-icon {\nfont-size: 24px;\nflex-shrink: 0;\n}\n\n.mo-tip p {\nfont-size: 14px;\ncolor: var(--mo-text);\nmargin: 0;\nline-height: 1.6;\n}\n\n\/* Accordion *\/\n.mo-accordion {\nbackground: var(--mo-white);\nborder-radius: var(--mo-radius);\nbox-shadow: var(--mo-shadow);\noverflow: hidden;\n}\n\n.mo-accordion-item {\nborder-bottom: 1px solid var(--mo-border);\nmargin: 0;\npadding: 0;\n}\n\n.mo-accordion-item:last-child {\nborder-bottom: none;\n}\n\n.mo-accordion-header {\npadding: 1rem 1.25rem;\nfont-weight: 700;\nfont-size: 15px;\ncolor: var(--mo-primary-dark);\ncursor: pointer;\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\nlist-style: none;\ntransition: background .2s ease;\nbackground: transparent;\nborder: none;\nmargin: 0;\n}\n\n.mo-accordion-header:hover {\nbackground: var(--mo-primary-light);\n}\n\n.mo-accordion-header::-webkit-details-marker {\ndisplay: none;\n}\n\n.mo-accordion-header::after {\ncontent: '+';\nfont-size: 20px;\nfont-weight: 400;\ncolor: var(--mo-primary);\ntransition: transform .2s ease;\n}\n\n.mo-accordion-item[open] .mo-accordion-header::after {\ncontent: '−';\n}\n\n.mo-accordion-content {\npadding: 0 1.25rem 1rem;\ncolor: var(--mo-text-light);\nfont-size: 14px;\nline-height: 1.7;\nmargin-top: 10px;\n}\n\n.mo-accordion-content p {\nmargin: 0;\n}\n\n\/* CTA *\/\n.mo-cta-box {\nbackground: linear-gradient(135deg, var(--mo-primary) 0%, var(--mo-primary-dark) 100%);\nborder-radius: var(--mo-radius);\npadding: clamp(1.75rem, 4vw, 3rem);\ntext-align: center;\nposition: relative;\noverflow: hidden;\n}\n\n.mo-cta-box p {\ncolor: white;\nfont-size: clamp(15px, 2.5vw, 19px);\nline-height: 1.7;\nfont-weight: 600;\ntext-shadow: 0 2px 12px rgba(0,0,0,.1);\nmargin: 0;\n}\n\n.mo-disclaimer {\nfont-size: 12px;\ncolor: var(--mo-text-light);\ntext-align: center;\nmargin-top: 1rem;\nfont-style: italic;\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n.mo-grid {\ngrid-template-columns: 1fr;\ngap: 1rem;\n}\n\n.mo-card {\npadding: 1.125rem;\n}\n\n.mo-section {\nmargin-bottom: 1.75rem;\n}\n\n.mo-hero {\npadding: 2rem 1.25rem;\nmargin-bottom: 1.75rem;\nborder-radius: var(--mo-radius-sm);\n}\n\n.mo-premium h2 {\nmargin-bottom: 1rem;\npadding-bottom: .75rem;\n}\n\n.mo-premium h2::after {\nwidth: 40px;\nheight: 3px;\n}\n\n.mo-grid-compact {\ngap: .625rem;\n}\n\n.mo-grid-compact .mo-card {\npadding: .75rem;\n}\n\n.mo-timeline-number {\nwidth: 32px;\nheight: 32px;\nfont-size: 14px;\n}\n\n.mo-timeline-content {\npadding: .875rem 1rem;\n}\n\n.mo-timeline-content h3 {\nfont-size: 14px;\n}\n\n.mo-timeline-content p {\nfont-size: 13px;\n}\n\n.mo-accordion-header {\npadding: .875rem 1rem;\nfont-size: 14px;\n}\n\n.mo-accordion-content {\npadding: 0 1rem .875rem;\nfont-size: 13px;\n}\n\n.mo-compo-row {\npadding: .875rem 1rem;\nflex-direction: column;\nalign-items: flex-start;\ngap: .25rem;\n}\n\n.mo-compo-value {\nfont-size: 14px;\n}\n\n.mo-compo-sub {\npadding: .4rem 1rem;\nfont-size: 12px;\n}\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n.mo-card {\nanimation: moFadeInUp .5s ease backwards;\n}\n.mo-card:nth-child(1) { animation-delay: .05s; }\n.mo-card:nth-child(2) { animation-delay: .1s; }\n.mo-card:nth-child(3) { animation-delay: .15s; }\n.mo-card:nth-child(4) { animation-delay: .2s; }\n.mo-card:nth-child(5) { animation-delay: .25s; }\n.mo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes moFadeInUp {\nfrom { opacity: 0; transform: translateY(20px); }\nto { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n.mo-premium * {\nanimation-duration: 0.01ms !important;\ntransition-duration: 0.01ms !important;\n}\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55598191116665,"sku":"NBAILTL0018","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-feuilles-de-moringa-oleifera-bio-120-gelules-lt-la-packshothd.webp?v=1775656477"},{"product_id":"jus-de-noni-hawaiien-bio-500-ml-sfb","title":"Jus de Noni Hawaiien Bio - 500 ml - SFB","description":"\u003cdiv class=\"noni-premium\"\u003e\n \u003cdiv class=\"noni-hero\"\u003e\n \u003cdiv class=\"noni-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"noni-hero-content\"\u003e\n \u003cdiv class=\"noni-badges-top\"\u003e\n \u003cspan class=\"noni-badge\"\u003e🌿 100% Pur Jus\u003c\/span\u003e\n \u003cspan class=\"noni-badge\"\u003e✅ Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"noni-badge\"\u003e🌋 Origine Hawaï\u003c\/span\u003e\n \u003cspan class=\"noni-badge\"\u003e🍶 500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"noni-hero-title\"\u003eJus de Noni Hawaïen Bio\u003c\/span\u003e\n \u003cp class=\"noni-subtitle\"\u003eLa force du naturel — SFB Laboratoires\u003c\/p\u003e\n \u003cp class=\"noni-description\"\u003eUn jus authentique de \u003cem\u003eMorinda citrifolia\u003c\/em\u003e cueilli à la main sur les terres volcaniques d'Hawaï. Pur à 100 %, sans additifs ni conservateurs, pour une routine bien-être sincère et puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"noni-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce jus de noni hawaïen ?\u003c\/h2\u003e\n \u003cdiv class=\"noni-grid\"\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🌿 100 % pur jus \u0026amp; certifié bio (AB)\u003c\/h3\u003e\n \u003cp\u003eNon reconstitué à partir de concentré, pour une qualité authentique et sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🌋 Origine hawaïenne authentique\u003c\/h3\u003e\n \u003cp\u003eFruits récoltés à maturité, à la main, sur des sols volcaniques riches en minéraux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🤲 Extraction artisanale\u003c\/h3\u003e\n \u003cp\u003ePression douce limitant l'oxydation et préservant les antioxydants naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🍶 Flacon en verre teinté\u003c\/h3\u003e\n \u003cp\u003eProtège la fraîcheur et les nutriments sensibles à la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e💎 Profil naturel intéressant\u003c\/h3\u003e\n \u003cp\u003ePauvre en sucres, source d'enzymes, de vitamines et d'acides aminés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"noni-section\"\u003e\n \u003ch2\u003eBienfaits traditionnels du jus de noni\u003c\/h2\u003e\n \u003cp class=\"noni-section-intro\"\u003eUtilisé depuis plus de \u003cstrong\u003e2 000 ans\u003c\/strong\u003e par les peuples polynésiens, le \u003cstrong\u003enoni\u003c\/strong\u003e est traditionnellement consommé pour soutenir les défenses naturelles, le confort digestif et la vitalité générale.\u003c\/p\u003e\n \u003cdiv class=\"noni-grid-compact\"\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eSoutien traditionnel du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🌱 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eAllié des routines bien-être polynésiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e⚡ Vitalité générale\u003c\/h3\u003e\n \u003cp\u003eRegain d'énergie évoqué après plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🍇 Antioxydants naturels\u003c\/h3\u003e\n \u003cp\u003eProxéronine, scopolétine et polyphénols.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"noni-disclaimer\"\u003eCes usages relèvent de la tradition et ne constituent pas une promesse médicale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"noni-section\"\u003e\n \u003ch2\u003eComposition \u0026amp; valeurs nutritionnelles\u003c\/h2\u003e\n \u003cdiv class=\"noni-composition\"\u003e\n \u003cdiv class=\"noni-ingredient\"\u003e\n \u003cspan class=\"noni-ingredient-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e100 % pur jus de Noni hawaïen biologique\u003c\/strong\u003e (\u003cem\u003eMorinda citrifolia\u003c\/em\u003e), non reconstitué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-nutrition\"\u003e\n \u003ch3\u003eValeurs nutritionnelles moyennes pour 100 ml\u003c\/h3\u003e\n \u003cdiv class=\"noni-nutrition-grid\"\u003e\n \u003cdiv class=\"noni-nutri-item\"\u003e\n \u003cspan class=\"noni-nutri-label\"\u003eÉnergie\u003c\/span\u003e\n \u003cspan class=\"noni-nutri-value\"\u003e65 kJ \/ 15 kcal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-nutri-item\"\u003e\n \u003cspan class=\"noni-nutri-label\"\u003eLipides\u003c\/span\u003e\n \u003cspan class=\"noni-nutri-value\"\u003e0,08 g \u003csmall\u003e(AG \u0026lt; 0,05 g)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-nutri-item\"\u003e\n \u003cspan class=\"noni-nutri-label\"\u003eGlucides\u003c\/span\u003e\n \u003cspan class=\"noni-nutri-value\"\u003e2,53 g \u003csmall\u003e(dont sucres : 2,50 g)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-nutri-item\"\u003e\n \u003cspan class=\"noni-nutri-label\"\u003eProtéines\u003c\/span\u003e\n \u003cspan class=\"noni-nutri-value\"\u003e0,50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-nutri-item\"\u003e\n \u003cspan class=\"noni-nutri-label\"\u003eSodium\u003c\/span\u003e\n \u003cspan class=\"noni-nutri-value\"\u003e0 g\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 \u003csection class=\"noni-section\"\u003e\n \u003ch2\u003eComment prendre le jus de noni ?\u003c\/h2\u003e\n \u003cdiv class=\"noni-timeline\"\u003e\n \u003cdiv class=\"noni-timeline-item\"\u003e\n \u003cdiv class=\"noni-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"noni-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e30 ml le matin, 15 minutes \u003cstrong\u003eavant le petit-déjeuner\u003c\/strong\u003e. Possibilité de fractionner en 1 cuillère à café à soupe, 1 à 3 fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-timeline-item\"\u003e\n \u003cdiv class=\"noni-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"noni-timeline-content\"\u003e\n \u003ch3\u003eAstuce goût\u003c\/h3\u003e\n \u003cp\u003eLa saveur du noni est puissante et atypique. Vous pouvez le diluer dans un jus de fruit non sucré ou un peu d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-timeline-item\"\u003e\n \u003cdiv class=\"noni-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"noni-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eEntre \u003cstrong\u003e16 et 30 jours\u003c\/strong\u003e selon la posologie choisie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cdiv class=\"noni-accordion\"\u003e\n \u003cdetails class=\"noni-accordion-item\"\u003e\n \u003csummary class=\"noni-accordion-header\"\u003e🧊 Conditions de conservation\u003c\/summary\u003e\n \u003cdiv class=\"noni-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière. \u003cstrong\u003eRéfrigérer après ouverture\u003c\/strong\u003e. À consommer dans les \u003cstrong\u003e30 jours après ouverture\u003c\/strong\u003e. Agiter avant emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"noni-section\"\u003e\n \u003ch2\u003ePrécautions et effets secondaires éventuels\u003c\/h2\u003e\n \u003cp class=\"noni-section-intro\"\u003eLe \u003cstrong\u003ejus de noni\u003c\/strong\u003e est généralement bien toléré. Toutefois, à fortes doses, il peut entraîner de légers troubles digestifs. Il est \u003cstrong\u003edéconseillé en cas de pathologie hépatique\u003c\/strong\u003e ou rénale, ainsi qu'en cas de prise d'anticoagulants (richesse en potassium).\u003c\/p\u003e\n \u003cdiv class=\"noni-accordion\"\u003e\n \u003cdetails class=\"noni-accordion-item\"\u003e\n \u003csummary class=\"noni-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"noni-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée. Déconseillé aux femmes enceintes, allaitantes et aux jeunes enfants sans avis médical. En cas de traitement médical, demandez conseil à votre professionnel de santé. Tenir hors de portée des enfants. \u003cstrong\u003eNe pas dépasser la dose recommandée\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=\"noni-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui ce jus de noni bio est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"noni-cta-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ejus de noni hawaïen\u003c\/strong\u003e s'adresse à toute personne adulte souhaitant explorer les bienfaits traditionnels du noni dans le cadre d'une hygiène de vie soignée. Une alternative de qualité aux jus vendus en pharmacie ou en grande surface, avec la garantie d'un produit pur, bio et issu d'une fabrication respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --noni-cream: #faf6f2;\n --noni-white: #ffffff;\n --noni-primary: #6b2d5c;\n --noni-primary-dark: #441a3c;\n --noni-primary-light: #f3e8ef;\n --noni-secondary: #d4a574;\n --noni-accent: #8fb83e;\n --noni-text: #1a1a1a;\n --noni-text-light: #5a5a5a;\n --noni-border: #e5dfe3;\n --noni-shadow: 0 4px 24px rgba(107, 45, 92, .08);\n --noni-shadow-lg: 0 12px 48px rgba(107, 45, 92, .18);\n --noni-radius: 20px;\n --noni-radius-sm: 12px;\n}\n\n.noni-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--noni-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--noni-text);\n}\n\n.noni-hero {\n position: relative;\n background: linear-gradient(135deg, #441a3c 0%, #6b2d5c 50%, #8a4673 100%);\n border-radius: var(--noni-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(--noni-shadow-lg);\n}\n\n.noni-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(212, 165, 116, .3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(143, 184, 62, .2) 0%, transparent 40%);\n opacity: .8;\n}\n\n.noni-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.noni-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.noni-subtitle {\n color: var(--noni-secondary);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.noni-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.noni-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.noni-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(--noni-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.noni-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.noni-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.noni-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--noni-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.noni-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--noni-primary), var(--noni-secondary));\n border-radius: 2px;\n}\n\n.noni-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--noni-text-light);\n margin: 0 auto 1.5rem;\n max-width: 700px;\n line-height: 1.7;\n}\n\n.noni-card {\n background: var(--noni-white);\n border-radius: var(--noni-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--noni-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.noni-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--noni-shadow-lg);\n border-color: var(--noni-primary);\n}\n\n.noni-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--noni-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.noni-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--noni-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.noni-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.noni-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.noni-grid-compact .noni-card {\n padding: 1rem;\n}\n\n.noni-grid-compact .noni-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.noni-grid-compact .noni-card p {\n font-size: 12px;\n}\n\n.noni-composition {\n display: grid;\n grid-template-columns: 1fr 1.3fr;\n gap: 1.5rem;\n align-items: stretch;\n}\n\n.noni-ingredient {\n background: linear-gradient(135deg, var(--noni-primary) 0%, var(--noni-primary-dark) 100%);\n border-radius: var(--noni-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: center;\n box-shadow: var(--noni-shadow);\n}\n\n.noni-ingredient-label {\n display: inline-block;\n background: rgba(255,255,255,.2);\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 margin-bottom: 1rem;\n align-self: flex-start;\n}\n\n.noni-ingredient p {\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n}\n\n.noni-nutrition {\n background: var(--noni-white);\n border-radius: var(--noni-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--noni-shadow);\n}\n\n.noni-nutrition h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--noni-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.noni-nutrition-grid {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.noni-nutri-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 1rem;\n background: var(--noni-primary-light);\n border-radius: var(--noni-radius-sm);\n gap: 1rem;\n}\n\n.noni-nutri-label {\n font-weight: 700;\n color: var(--noni-primary-dark);\n font-size: 14px;\n}\n\n.noni-nutri-value {\n font-weight: 600;\n color: var(--noni-text);\n font-size: 14px;\n text-align: right;\n}\n\n.noni-nutri-value small {\n display: block;\n font-size: 11px;\n color: var(--noni-text-light);\n font-weight: 400;\n margin-top: 2px;\n}\n\n.noni-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.noni-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.noni-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--noni-primary), var(--noni-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(107, 45, 92, .25);\n}\n\n.noni-timeline-content {\n flex: 1;\n background: var(--noni-white);\n padding: 1rem 1.25rem;\n border-radius: var(--noni-radius-sm);\n box-shadow: var(--noni-shadow);\n}\n\n.noni-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--noni-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.noni-timeline-content p {\n font-size: 14px;\n color: var(--noni-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.noni-section h3 {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--noni-primary-dark);\n margin: 1.5rem 0 1rem;\n text-align: center;\n}\n\n.noni-accordion {\n background: var(--noni-white);\n border-radius: var(--noni-radius);\n box-shadow: var(--noni-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.noni-accordion-item {\n border-bottom: 1px solid var(--noni-border);\n margin: 0;\n padding: 0;\n}\n\n.noni-accordion-item:last-child {\n border-bottom: none;\n}\n\n.noni-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--noni-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.noni-accordion-header:hover {\n background: var(--noni-primary-light);\n}\n\n.noni-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.noni-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--noni-primary);\n transition: transform .2s ease;\n}\n\n.noni-accordion-item[open] .noni-accordion-header::after {\n content: '−';\n}\n\n.noni-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--noni-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.noni-accordion-content p {\n margin: 0;\n}\n\n.noni-disclaimer {\n font-size: 12px;\n color: var(--noni-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.noni-cta-box {\n background: linear-gradient(135deg, var(--noni-primary) 0%, var(--noni-primary-dark) 100%);\n border-radius: var(--noni-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(212, 165, 116, .25) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.noni-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@media (max-width: 767px) {\n .noni-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .noni-card {\n padding: 1.125rem;\n }\n \n .noni-section {\n margin-bottom: 1.75rem;\n }\n \n .noni-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--noni-radius-sm);\n }\n \n .noni-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .noni-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .noni-grid-compact {\n gap: .625rem;\n }\n \n .noni-grid-compact .noni-card {\n padding: .75rem;\n }\n \n .noni-composition {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .noni-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .noni-timeline-content {\n padding: .875rem 1rem;\n }\n \n .noni-timeline-content h3 {\n font-size: 14px;\n }\n \n .noni-timeline-content p {\n font-size: 13px;\n }\n \n .noni-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .noni-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .noni-nutri-item {\n padding: .625rem .875rem;\n }\n \n .noni-nutri-label,\n .noni-nutri-value {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .noni-card {\n animation: noniFadeInUp .5s ease backwards;\n }\n .noni-card:nth-child(1) { animation-delay: .05s; }\n .noni-card:nth-child(2) { animation-delay: .1s; }\n .noni-card:nth-child(3) { animation-delay: .15s; }\n .noni-card:nth-child(4) { animation-delay: .2s; }\n .noni-card:nth-child(5) { animation-delay: .25s; }\n .noni-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes noniFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .noni-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55629670613369,"sku":"SF0245","price":26.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sfb_jus-noni_500ml.jpg?v=1755020617"},{"product_id":"super-matcha-dyna-boisson-aux-champignons-et-plantes-adaptogenes","title":"Super Matcha Dyna - Boisson aux Champignons \u0026 Plantes Adaptogènes","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Super Matcha Dyna - Boisson aux champignons \u0026 plantes adaptogènes\nPalette détectée:\n - Primaire: #6B8770 (vert sauge du packaging, naturel et apaisant)\n - Secondaire: #E8DCC8 (beige crème chaleureux du fond)\n - Accent: #8FAA7E (vert clair pour highlights)\n - Tertiaire: #5A6F5E (vert foncé pour contrastes)\nAmbiance: Naturel premium, zen, bien-être holistique, alternative lifestyle\nStyle: Organique moderne avec une touche japonisante (matcha), épuré, chaleureux\nType: Complément alimentaire \/ boisson fonctionnelle\nPréfixe CSS: dyna\n--\u003e\n\n\u003cdiv class=\"dyna-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"dyna-hero\"\u003e\n \u003cdiv class=\"dyna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-hero-content\"\u003e\n \u003cdiv class=\"dyna-badges-top\"\u003e\n \u003cspan class=\"dyna-badge\"\u003e🍵 Alternative au café\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dyna-hero-title\"\u003eSuper Matcha Dyna\u003c\/span\u003e\n \u003cp class=\"dyna-subtitle\"\u003eL'alliance du matcha japonais et des champignons adaptogènes\u003c\/p\u003e\n \u003cp class=\"dyna-description\"\u003eUne boisson instantanée qui marie la douceur du matcha au lait de coco et la puissance de 3 champignons adaptogènes + ashwagandha KSM-66®. Pour une énergie stable, une concentration optimale et un bien-être global, sans nervosité ni crash.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POUR QUI ? --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eCette boisson adaptogène est faite pour vous si…\u003c\/h2\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e☕\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eVous êtes sensible au café\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eLe matcha offre une stimulation douce et progressive, sans les effets indésirables de la caféine pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🎯\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eVous avez besoin de focus\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eConcentration stable tout au long de la journée grâce à la L-théanine et aux champignons nootropiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🍵\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eVous adorez le matcha\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eSaveur authentique et onctueuse sublimée par le lait de coco et les notes exotiques naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eLes 5 bienfaits qui changent tout\u003c\/h2\u003e\n \u003cdiv class=\"dyna-benefits-grid\"\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e💚 Énergie\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eStimulation progressive et maîtrisée grâce au matcha et au guarana, sans coup de pompe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🧠 Concentration\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eClarté mentale prolongée avec la L-théanine du matcha et le Lion's Mane pour la mémoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🌸 Anti-stress\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eAshwagandha KSM-66® cliniquement prouvé pour réguler le cortisol et l'anxiété\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e04\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🛡️ Anti-oxydant\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eTrio de champignons + matcha + curcuma pour protéger vos cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e05\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🔥 Anti-inflammatoire\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eCurcuma doux et champignons pour apaiser les inflammations internes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eUne formule d'exception hautement concentrée\u003c\/h2\u003e\n \u003cdiv class=\"dyna-ingredients-grid\"\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🍵\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eMatcha\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eÉnergie douce \u0026amp; antioxydants\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eThé vert japonais premium riche en L-théanine pour une concentration zen\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🦁\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eLion's Mane\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e550 mg (10:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eClarté mentale \u0026amp; mémoire\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eChampignon nootropique pour stimuler la neurogenèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🍄\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eChaga\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e550 mg (10:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eDigestion \u0026amp; antioxydant\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eRoi des champignons pour l'immunité et la détox\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🍄‍🟫\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eReishi\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e550 mg (10:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eImmunité \u0026amp; sérénité\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eChampignon de longévité pour l'équilibre corps-esprit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🌿\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eAshwagandha KSM-66®\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e300 mg (12:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eAnti-stress \u0026amp; équilibre\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eAdaptogène ayurvédique breveté pour gérer le stress chronique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🌱\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eGuarana\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eÉnergie progressive\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eStimulation naturelle et durable sans nervosité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e✨\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eCurcuma\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eAnti-inflammatoire doux\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eRacine d'or pour apaiser l'inflammation interne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🥥\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eLait de coco\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eOnctuosité végétale\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eTexture crémeuse naturelle sans lactose\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=\"dyna-section\"\u003e\n \u003ch2\u003eComment préparer votre Super Matcha ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-steps\"\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eDosez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003e1 cuillère à café rase de poudre dans votre tasse préférée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eVersez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003e150-200 ml d'eau chaude (70-80°C, non bouillante) ou une boisson végétale (avoine, coco, amande)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eMélangez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eFouettez énergiquement ou utilisez un mousseur à lait pour une texture veloutée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eSavourez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eDégustez chaud ou tiède, le matin ou l'après-midi pour un boost zen\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-tip-box\"\u003e\n \u003cdiv\u003e\n \u003cp class=\"dyna-tip-title\"\u003e💡 Notre conseil\u003c\/p\u003e\n \u003cp class=\"dyna-tip-text\"\u003ePour une version glacée rafraîchissante : mélangez avec du lait de coco froid + glaçons + 1 cuillère de sirop d'agave. Parfait pour l'été !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MOMENTS IDÉAUX --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eQuand consommer votre Super Matcha ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-moments-grid\"\u003e\n \u003cdiv class=\"dyna-moment-card\"\u003e\n \u003cdiv class=\"dyna-moment-time\"\u003e☀️ Matin\u003c\/div\u003e\n \u003cp class=\"dyna-moment-title\"\u003eRéveil en douceur\u003c\/p\u003e\n \u003cp class=\"dyna-moment-text\"\u003eRemplacez votre café pour démarrer sereinement, sans nervosité ni pic de cortisol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-moment-card\"\u003e\n \u003cdiv class=\"dyna-moment-time\"\u003e🕐 Milieu de matinée\u003c\/div\u003e\n \u003cp class=\"dyna-moment-title\"\u003eBoost productif\u003c\/p\u003e\n \u003cp class=\"dyna-moment-text\"\u003eAvant une réunion importante ou une session de travail intense nécessitant de la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-moment-card\"\u003e\n \u003cdiv class=\"dyna-moment-time\"\u003e🌤️ Après-midi\u003c\/div\u003e\n \u003cp class=\"dyna-moment-title\"\u003eRecentrage mental\u003c\/p\u003e\n \u003cp class=\"dyna-moment-text\"\u003eCombattez le coup de barre de 14h-16h avec une énergie stable jusqu'au soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e⚠️ Important :\u003c\/strong\u003e Ne pas consommer à jeun. Évitez après 16h si vous êtes sensible à la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"dyna-info-grid\"\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eContenu\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e30 portions\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003e182,1 g (6,07 g\/dose)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eComposition\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e100% végétal\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003eSans lactose, sans gluten\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eFabrication\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003eMade in France\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003eIngrédients sourcés responsablement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e⚡\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eFormat\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003ePoudre instantanée\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003eDissolution rapide et facile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"dyna-precautions-box\"\u003e\n \u003cdiv class=\"dyna-precaution-header\"\u003e\n \u003cspan class=\"dyna-precaution-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cp class=\"dyna-precaution-title\"\u003eComplément alimentaire - Ne remplace pas un traitement médical\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-precautions-content\"\u003e\n \u003cdiv class=\"dyna-precaution-group\"\u003e\n \u003cp class=\"dyna-precaution-subtitle\"\u003e🚫 Contre-indications\u003c\/p\u003e\n \u003cul class=\"dyna-precaution-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eFemmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003ePersonnes souffrant d'ulcère gastro-duodénal\u003c\/li\u003e\n \u003cli\u003eTroubles cardiaques ou hyperthyroïdie\u003c\/li\u003e\n \u003cli\u003eObstruction biliaire ou troubles de la fonction biliaire\u003c\/li\u003e\n \u003cli\u003ePathologies des voies biliaires\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-precaution-group\"\u003e\n \u003cp class=\"dyna-precaution-subtitle\"\u003e⚠️ Interactions médicamenteuses\u003c\/p\u003e\n \u003cul class=\"dyna-precaution-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eDéconseillé avec anticoagulants, anticancéreux ou immunosuppresseurs\u003c\/li\u003e\n \u003cli\u003eConsultez un professionnel de santé en cas de traitement médicamenteux\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-precaution-group\"\u003e\n \u003cp class=\"dyna-precaution-subtitle\"\u003e☕ Caféine\u003c\/p\u003e\n \u003cul class=\"dyna-precaution-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eContient de la caféine (matcha + guarana)\u003c\/li\u003e\n \u003cli\u003eNe pas consommer à jeun\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser 800 mg de 3-gallate d'épigallocatéchine par jour\u003c\/li\u003e\n \u003cli\u003eNe pas consommer avec d'autres produits à base de thé vert le même jour\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"dyna-precaution-footer\"\u003eÀ consommer dans le cadre d'un mode de vie sain et d'une alimentation équilibrée. Réservé aux adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"dyna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dyna-cta-box\"\u003e\n \u003cdiv class=\"dyna-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-cta-content\"\u003e\n \u003cp class=\"dyna-cta-title\"\u003eVotre rituel bien-être commence ici\u003c\/p\u003e\n \u003cp class=\"dyna-cta-text\"\u003eRejoignez des milliers de personnes qui ont troqué leur café pour une alternative naturelle qui prend soin de leur corps et de leur esprit. Énergie stable, concentration optimale, stress maîtrisé : découvrez la différence dès la première tasse.\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 --dyna-cream: #faf8f5;\n --dyna-white: #ffffff;\n --dyna-primary: #6B8770;\n --dyna-primary-dark: #5A6F5E;\n --dyna-primary-light: #e8ede9;\n --dyna-secondary: #8FAA7E;\n --dyna-accent: #E8DCC8;\n\n \/* Textes *\/\n --dyna-text: #1a1a1a;\n --dyna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --dyna-border: #e0e0e0;\n --dyna-shadow: 0 4px 24px rgba(107,135,112,.08);\n --dyna-shadow-lg: 0 12px 48px rgba(107,135,112,.15);\n --dyna-radius: 20px;\n --dyna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dyna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dyna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--dyna-text);\n}\n\n\/* === HERO === *\/\n.dyna-hero {\n position: relative;\n background: linear-gradient(135deg, #6B8770 0%, #7A9580 50%, #8FAA7E 100%);\n border-radius: var(--dyna-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(--dyna-shadow-lg);\n}\n\n.dyna-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.08) 20px, rgba(255,255,255,.08) 40px);\n}\n\n.dyna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dyna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.dyna-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(--dyna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dyna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 20px rgba(0,0,0,.15);\n}\n\n.dyna-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.dyna-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.dyna-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.dyna-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dyna-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--dyna-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.dyna-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(--dyna-primary), var(--dyna-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.dyna-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dyna-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n filter: grayscale(20%);\n}\n\n.dyna-card-title {\n font-size: clamp(18px, 2.8vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-card-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dyna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === BENEFITS === *\/\n.dyna-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-benefit-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-benefit-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-benefit-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--dyna-primary), var(--dyna-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 12px rgba(107,135,112,.2);\n}\n\n.dyna-benefit-content {\n flex: 1;\n}\n\n.dyna-benefit-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-benefit-desc {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.dyna-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-ingredient-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n}\n\n.dyna-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-ingredient-visual {\n font-size: clamp(44px, 9vw, 60px);\n margin-bottom: 1rem;\n}\n\n.dyna-ingredient-name {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-ingredient-dose {\n display: inline-block;\n background: var(--dyna-primary-light);\n color: var(--dyna-primary-dark);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: .75rem;\n}\n\n.dyna-ingredient-benefit {\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 700;\n color: var(--dyna-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-ingredient-desc {\n font-size: clamp(13px, 1.8vw, 15px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === STEPS === *\/\n.dyna-steps {\n display: grid;\n gap: 1.5rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.dyna-step {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-step:hover {\n transform: translateX(8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--dyna-primary), var(--dyna-secondary));\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(107,135,112,.25);\n}\n\n.dyna-step-content {\n flex: 1;\n}\n\n.dyna-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-step-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.dyna-tip-box {\n background: var(--dyna-primary-light);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-top: 2rem;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border-left: 4px solid var(--dyna-primary);\n}\n\n.dyna-tip-icon {\n font-size: 32px;\n margin: 0;\n flex-shrink: 0;\n}\n\n.dyna-tip-title {\n font-size: clamp(16px, 2.2vw, 19px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-tip-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MOMENTS === *\/\n.dyna-moments-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.dyna-moment-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-moment-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-moment-time {\n display: inline-block;\n font-size: clamp(15px, 2.2vw, 18px);\n font-weight: 800;\n color: white;\n background: linear-gradient(135deg, var(--dyna-primary), var(--dyna-secondary));\n padding: 8px 20px;\n border-radius: 999px;\n margin-bottom: 1rem;\n box-shadow: 0 4px 12px rgba(107,135,112,.2);\n}\n\n.dyna-moment-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-moment-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.dyna-warning-box {\n background: #fff9e6;\n border: 2px solid #ffc107;\n border-radius: var(--dyna-radius-sm);\n padding: clamp(1rem, 2vw, 1.5rem);\n text-align: center;\n}\n\n.dyna-warning-box p {\n margin: 0;\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text);\n line-height: 1.6;\n}\n\n\/* === INFO GRID === *\/\n.dyna-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-info-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-info-icon {\n font-size: clamp(36px, 7vw, 48px);\n margin-bottom: .75rem;\n}\n\n.dyna-info-label {\n font-size: clamp(13px, 1.8vw, 15px);\n font-weight: 600;\n color: var(--dyna-text-light);\n margin: 0 0 .5rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.dyna-info-value {\n font-size: clamp(18px, 2.8vw, 22px);\n font-weight: 900;\n color: var(--dyna-primary-dark);\n margin: 0 0 .25rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-info-detail {\n font-size: clamp(13px, 1.8vw, 15px);\n color: var(--dyna-text-light);\n margin: 0;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.dyna-precautions-box {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid var(--dyna-accent);\n}\n\n.dyna-precaution-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 2rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--dyna-border);\n}\n\n.dyna-precaution-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.dyna-precaution-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0;\n letter-spacing: -.01em;\n}\n\n.dyna-precautions-content {\n display: grid;\n gap: 1.5rem;\n}\n\n.dyna-precaution-group {\n background: var(--dyna-primary-light);\n border-radius: var(--dyna-radius-sm);\n padding: clamp(1rem, 2vw, 1.5rem);\n}\n\n.dyna-precaution-subtitle {\n font-size: clamp(15px, 2.2vw, 18px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.dyna-precaution-list {\n margin: 0;\n padding-left: 1.5rem;\n list-style: none;\n}\n\n.dyna-precaution-list li {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text);\n line-height: 1.8;\n margin-bottom: .5rem;\n position: relative;\n}\n\n.dyna-precaution-list li::before {\n content: '•';\n position: absolute;\n left: -1rem;\n color: var(--dyna-primary);\n font-weight: 900;\n}\n\n.dyna-precaution-footer {\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 2px solid var(--dyna-border);\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n text-align: center;\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.dyna-cta-box {\n background: linear-gradient(135deg, #6B8770 0%, #7A9580 50%, #8FAA7E 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 80%, white 2px, transparent 2px);\n background-size: 60px 60px;\n}\n\n.dyna-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.dyna-cta-title {\n color: white;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.dyna-cta-text {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 6px rgba(0,0,0,.08);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dyna-grid,\n .dyna-benefits-grid,\n .dyna-ingredients-grid,\n .dyna-moments-grid,\n .dyna-info-grid {\n grid-template-columns: 1fr;\n }\n\n .dyna-step {\n flex-direction: column;\n text-align: center;\n }\n\n .dyna-tip-box {\n flex-direction: column;\n text-align: center;\n }\n\n .dyna-precaution-header {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dyna-card,\n .dyna-benefit-card,\n .dyna-ingredient-card,\n .dyna-step,\n .dyna-moment-card,\n .dyna-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .dyna-card:nth-child(1),\n .dyna-benefit-card:nth-child(1),\n .dyna-ingredient-card:nth-child(1),\n .dyna-step:nth-child(1),\n .dyna-moment-card:nth-child(1),\n .dyna-info-card:nth-child(1) {\n animation-delay: .1s;\n }\n\n .dyna-card:nth-child(2),\n .dyna-benefit-card:nth-child(2),\n .dyna-ingredient-card:nth-child(2),\n .dyna-step:nth-child(2),\n .dyna-moment-card:nth-child(2),\n .dyna-info-card:nth-child(2) {\n animation-delay: .2s;\n }\n\n .dyna-card:nth-child(3),\n .dyna-benefit-card:nth-child(3),\n .dyna-ingredient-card:nth-child(3),\n .dyna-step:nth-child(3),\n .dyna-moment-card:nth-child(3),\n .dyna-info-card:nth-child(3) {\n animation-delay: .3s;\n }\n\n .dyna-card:nth-child(4),\n .dyna-benefit-card:nth-child(4),\n .dyna-ingredient-card:nth-child(4),\n .dyna-step:nth-child(4),\n .dyna-moment-card:nth-child(4),\n .dyna-info-card:nth-child(4) {\n animation-delay: .4s;\n }\n\n .dyna-card:nth-child(5),\n .dyna-benefit-card:nth-child(5),\n .dyna-ingredient-card:nth-child(5) {\n animation-delay: .5s;\n }\n\n .dyna-card:nth-child(6),\n .dyna-benefit-card:nth-child(6),\n .dyna-ingredient-card:nth-child(6) {\n animation-delay: .6s;\n }\n\n .dyna-ingredient-card:nth-child(7) {\n animation-delay: .7s;\n }\n\n .dyna-ingredient-card:nth-child(8) {\n animation-delay: .8s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dyna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dyna-premium {\n --dyna-primary: #5A6F5E;\n --dyna-shadow: 0 0 0 2px currentColor;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .dyna-premium {\n background: white;\n }\n \n .dyna-hero,\n .dyna-cta-box {\n background: var(--dyna-primary-light) !important;\n color: var(--dyna-text) !important;\n }\n \n .dyna-card,\n .dyna-benefit-card,\n .dyna-ingredient-card {\n break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"DYNA","offers":[{"title":"Default Title","offer_id":55692220563833,"sku":"SUPERMATCHA","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-matcha-aux-champignons-dyna-min_11zon.jpg?v=1756972026"},{"product_id":"super-chai-dyna-boisson-aux-champignons-et-plantes-adaptogenes","title":"Super Chaï Dyna - Boisson aux Champignons et Plantes Adaptogènes","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Super Chaï Dyna - Boisson aux champignons et plantes adaptogènes\nPalette détectée:\n - Primaire: #4A3829 (brun profond du logo et typographie, évoquant le cacao et les épices)\n - Secondaire: #D2691E (terracotta\/cannelle des épices et du fond chaleureux)\n - Accent: #8B4513 (brun-orangé rappelant le chai et les épices chaudes)\n - Cream: #F5F0E8 (beige crémeux du packaging, chaleur naturelle)\nAmbiance: Naturel\/Ayurvédique, chaleureux, réconfortant, rituel bien-être\nStyle: Premium naturel avec une forte identité épicée et authentique\nPréfixe CSS: dyna\n--\u003e\n\n\u003cdiv class=\"dyna-premium\"\u003e\n \u003cdiv class=\"dyna-hero\"\u003e\n \u003cdiv class=\"dyna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-hero-content\"\u003e\n \u003cdiv class=\"dyna-badges-top\"\u003e\n \u003cspan class=\"dyna-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🚫 Sans caféine\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🍄 1950 mg d'adaptogènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dyna-hero-title\"\u003eSuper Chaï Dyna\u003c\/span\u003e\n \u003cp class=\"dyna-subtitle\"\u003eL'alternative réconfortante au café\u003c\/p\u003e\n \u003cp class=\"dyna-description\"\u003eUne infusion aux champignons fonctionnels et épices ayurvédiques pour une énergie apaisée, une concentration naturelle et un équilibre intérieur profond. Sans stimulant, 100% plaisir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePourquoi choisir Super Chaï Dyna ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🧘\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eZéro caféine, zéro stress\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eParfait pour les personnes sensibles aux stimulants ou qui recherchent une boisson réconfortante en soirée, sans perturber le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🧠\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eClarté mentale naturelle\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eLe trio Lion's Mane, Chaga et Reishi soutient la concentration, la mémoire et la fonction cognitive sans effet rebond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🌱\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eRésilience au quotidien\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eL'Ashwagandha KSM-66® aide votre corps à s'adapter au stress et maintient votre équilibre émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🔥\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eDigestion \u0026amp; vitalité\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eLes épices chaudes (gingembre, cannelle, curcuma) stimulent la digestion et réchauffent de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🍫\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eGoût authentique \u0026amp; gourmand\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eUn équilibre parfait entre le cacao brut, les épices chai et une touche de douceur naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e✨\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003ePur \u0026amp; sans additifs\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eAucun sucre ajouté, aucun ingrédient chimique. Juste des plantes, des champignons et des épices de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eLes meilleurs adaptogènes hautement concentrés\u003c\/h2\u003e\n \u003cdiv class=\"dyna-adaptogen-grid\"\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🦁\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eLion's Mane\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e550 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eClarté mentale \u0026amp; mémoire\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003eLe champignon de la cognition, utilisé depuis des siècles pour stimuler les fonctions cérébrales et favoriser la neurogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🍄\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eReishi\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e550 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eImmunité \u0026amp; sérénité\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003eLe roi des champignons médicinaux. Renforce le système immunitaire et apaise l'esprit pour un repos profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🌲\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eChaga\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e550 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eDigestion \u0026amp; anti-oxydant\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003ePuissant antioxydant naturel qui protège les cellules du stress oxydatif et soutient la santé digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eAshwagandha KSM-66®\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e300 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eAnti-stress \u0026amp; équilibre\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003eL'extrait breveté le plus pur et le plus concentré, cliniquement prouvé pour réduire le cortisol et l'anxiété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eUne symphonie d'épices ayurvédiques\u003c\/h2\u003e\n \u003cdiv class=\"dyna-spices-container\"\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🍫\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCacao brut\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌰\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCannelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🔶\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCurcuma\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌸\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCardamome\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🥜\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eMuscade\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🧡\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eGingembre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌹\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eClou de girofle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌶️\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003ePoivre noir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePour qui est fait Super Chaï Dyna ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-target-grid\"\u003e\n \u003cdiv class=\"dyna-target-card\"\u003e\n \u003cdiv class=\"dyna-target-icon\"\u003e😴\u003c\/div\u003e\n \u003cp class=\"dyna-target-title\"\u003eSensibles à la caféine\u003c\/p\u003e\n \u003cp class=\"dyna-target-text\"\u003eVous cherchez une alternative réconfortante qui n'impacte ni votre sommeil ni votre système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-target-card\"\u003e\n \u003cdiv class=\"dyna-target-icon\"\u003e🔥\u003c\/div\u003e\n \u003cp class=\"dyna-target-title\"\u003eAmateurs d'épices\u003c\/p\u003e\n \u003cp class=\"dyna-target-text\"\u003eVous aimez les saveurs chaudes, épicées et authentiques : cannelle, gingembre, cardamome...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-target-card\"\u003e\n \u003cdiv class=\"dyna-target-icon\"\u003e🎯\u003c\/div\u003e\n \u003cp class=\"dyna-target-title\"\u003eConcentrés \u0026amp; zen\u003c\/p\u003e\n \u003cp class=\"dyna-target-text\"\u003eVous souhaitez rester focus et productif sans stimuler excessivement votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eMode d'emploi : un rituel simple et apaisant\u003c\/h2\u003e\n \u003cdiv class=\"dyna-steps\"\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eDosez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eAjoutez une cuillère à café (environ 4,3 g) dans votre tasse favorite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eVersez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eAjoutez de l'eau chaude ou un lait végétal (avoine, amande, coco...) selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eMélangez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eRemuez bien pour dissoudre la poudre et libérer tous les arômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eSavourez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003ePrenez un moment pour vous, respirez les épices et dégustez lentement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ritual-tip\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil rituel\u003c\/strong\u003e : parfait en fin de journée, après le repas ou en soirée pour un moment de recentrage profond sans perturber votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eLes bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"dyna-benefits-grid\"\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eÉnergie durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e🧠\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eConcentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e😌\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eAnti-stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eAnti-inflammatoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e🔬\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eAnti-oxydant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"dyna-info-grid\"\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eContenance\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e128,7 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🥄\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eDoses\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e30 portions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eDose par portion\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e4,29 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🍄\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eAdaptogènes\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e1950 mg\/dose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🚫\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eSans caféine\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e0% stimulant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003e100% naturel\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003eSans additifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"dyna-warning-box\"\u003e\n \u003cdiv class=\"dyna-warning-header\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-content\"\u003e\n \u003cp\u003eSuper Chaï Dyna est un complément alimentaire à base de cacao, de champignons et de plantes. Il ne remplace pas un traitement médical et doit être consommé dans le cadre d'un mode de vie sain. Réservé à l'adulte.\u003c\/p\u003e\n \u003cul class=\"dyna-warning-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003e❌ Déconseillé en cas d'obstruction biliaire ou de troubles de la fonction biliaire\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé aux femmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé aux personnes sous anticoagulants, anticancéreux ou immunosuppresseurs\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé en cas de pathologies des voies biliaires\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé en cas d'allergie croisée connue au baume du Pérou\u003c\/li\u003e\n \u003cli\u003e✅ Respecter la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003e✅ Tenir hors de portée des enfants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dyna-cta-box\"\u003e\n \u003cdiv class=\"dyna-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-cta-content\"\u003e\n \u003cp class=\"dyna-cta-title\"\u003eRedécouvrez le plaisir d'une pause bien-être\u003c\/p\u003e\n \u003cp class=\"dyna-cta-text\"\u003eSans caféine, sans stress, sans compromis sur le goût. Super Chaï Dyna vous offre une énergie apaisée et une concentration naturelle, tasse après tasse.\u003c\/p\u003e\n \u003cdiv class=\"dyna-cta-badges\"\u003e\n \u003cspan class=\"dyna-cta-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"dyna-cta-badge\"\u003e🍄 1950 mg d'adaptogènes\u003c\/span\u003e\n \u003cspan class=\"dyna-cta-badge\"\u003e🔥 Goût chai authentique\u003c\/span\u003e\n \u003c\/div\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 --dyna-cream: #FDF8F1;\n --dyna-white: #ffffff;\n --dyna-primary: #4A3829;\n --dyna-primary-dark: #2d221a;\n --dyna-primary-light: #f8f5f1;\n --dyna-secondary: #D2691E;\n --dyna-accent: #8B4513;\n --dyna-terracotta: #CD853F;\n\n \/* Textes *\/\n --dyna-text: #1a1a1a;\n --dyna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --dyna-border: #e0d5c7;\n --dyna-shadow: 0 4px 24px rgba(74, 56, 41, .08);\n --dyna-shadow-lg: 0 12px 48px rgba(74, 56, 41, .15);\n --dyna-radius: 20px;\n --dyna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dyna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dyna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dyna-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.dyna-hero {\n position: relative;\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-accent) 50%, var(--dyna-secondary) 100%);\n border-radius: var(--dyna-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(--dyna-shadow-lg);\n}\n\n.dyna-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.dyna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.dyna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.dyna-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(--dyna-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.dyna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dyna-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, .3);\n}\n\n.dyna-subtitle {\n display: block;\n color: rgba(255, 255, 255, .95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin-bottom: 1rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.dyna-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.8;\n margin: 0;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0, 0, 0, .15);\n}\n\n\/* === SECTIONS === *\/\n.dyna-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dyna-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--dyna-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.dyna-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(--dyna-secondary), var(--dyna-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.dyna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dyna-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-card-text {\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ADAPTOGÈNES === *\/\n.dyna-adaptogen-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-adaptogen-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border-left: 4px solid var(--dyna-secondary);\n transition: all .3s ease;\n}\n\n.dyna-adaptogen-card:hover {\n transform: translateX(8px);\n box-shadow: var(--dyna-shadow-lg);\n border-left-color: var(--dyna-accent);\n}\n\n.dyna-adaptogen-visual {\n font-size: 56px;\n margin-bottom: 1rem;\n text-align: center;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.dyna-adaptogen-name {\n font-size: clamp(20px, 3vw, 24px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-adaptogen-dose {\n display: inline-block;\n background: var(--dyna-primary-light);\n color: var(--dyna-primary-dark);\n font-size: 14px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.dyna-adaptogen-benefit {\n font-size: 15px;\n font-weight: 700;\n color: var(--dyna-secondary);\n margin: 0 0 .75rem 0;\n}\n\n.dyna-adaptogen-desc {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ÉPICES === *\/\n.dyna-spices-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1.25rem;\n}\n\n.dyna-spice-item {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-spice-item:hover {\n transform: scale(1.08);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-spice-icon {\n display: block;\n font-size: 40px;\n margin-bottom: .75rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.08));\n}\n\n.dyna-spice-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--dyna-primary-dark);\n margin: 0;\n}\n\n\/* === TARGET === *\/\n.dyna-target-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-target-card {\n background: linear-gradient(135deg, var(--dyna-white) 0%, var(--dyna-primary-light) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n text-align: center;\n transition: all .3s ease;\n}\n\n.dyna-target-card:hover {\n transform: translateY(-8px);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-target-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-target-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-target-text {\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ÉTAPES === *\/\n.dyna-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-step {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: 1.5rem;\n box-shadow: var(--dyna-shadow);\n display: flex;\n gap: 1.25rem;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-step:hover {\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--dyna-secondary), var(--dyna-accent));\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(210, 105, 30, .3);\n}\n\n.dyna-step-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-step-text {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dyna-ritual-tip {\n background: var(--dyna-primary-light);\n border-left: 4px solid var(--dyna-secondary);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem;\n margin-top: 2rem;\n}\n\n.dyna-ritual-tip p {\n font-size: 15px;\n color: var(--dyna-primary-dark);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === BÉNÉFICES === *\/\n.dyna-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n}\n\n.dyna-benefit-item {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius-sm);\n padding: 1.75rem 1.25rem;\n text-align: center;\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-benefit-item:hover {\n transform: scale(1.08);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-benefit-icon {\n font-size: 44px;\n margin-bottom: .75rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-benefit-label {\n font-size: 15px;\n font-weight: 700;\n color: var(--dyna-primary-dark);\n margin: 0;\n}\n\n\/* === INFOS === *\/\n.dyna-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1.25rem;\n}\n\n.dyna-info-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-info-card:hover {\n transform: scale(1.05);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-info-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--dyna-text-light);\n margin: 0 0 .5rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.dyna-info-value {\n font-size: 20px;\n font-weight: 900;\n color: var(--dyna-primary-dark);\n margin: 0;\n letter-spacing: -.02em;\n}\n\n\/* === WARNING === *\/\n.dyna-warning-box {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border-left: 4px solid #f59e0b;\n}\n\n.dyna-warning-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n}\n\n.dyna-warning-icon {\n font-size: 32px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-warning-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0;\n letter-spacing: -.02em;\n}\n\n.dyna-warning-content p {\n font-size: 15px;\n color: var(--dyna-text);\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.dyna-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.dyna-warning-list li {\n font-size: 14px;\n color: var(--dyna-text-light);\n line-height: 1.8;\n padding: .5rem 0;\n border-bottom: 1px solid var(--dyna-border);\n}\n\n.dyna-warning-list li:last-child {\n border-bottom: none;\n}\n\n\/* === CTA === *\/\n.dyna-cta-box {\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-primary-dark) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.1) 40px, rgba(255,255,255,.1) 80px);\n}\n\n.dyna-cta-content {\n position: relative;\n z-index: 1;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.dyna-cta-title {\n color: white;\n font-size: clamp(24px, 4vw, 34px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.dyna-cta-text {\n color: rgba(255, 255, 255, .95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n margin: 0 0 2rem 0;\n text-shadow: 0 1px 8px rgba(0, 0, 0, .15);\n}\n\n.dyna-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.dyna-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--dyna-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, .15);\n transition: all .3s ease;\n}\n\n.dyna-cta-badge:hover {\n transform: translateY(-4px) scale(1.05);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dyna-grid,\n .dyna-adaptogen-grid,\n .dyna-spices-container,\n .dyna-target-grid,\n .dyna-steps,\n .dyna-benefits-grid,\n .dyna-info-grid {\n grid-template-columns: 1fr;\n }\n \n .dyna-spices-container {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dyna-card,\n .dyna-adaptogen-card,\n .dyna-target-card,\n .dyna-step {\n animation: fadeInUp .6s ease backwards;\n }\n \n .dyna-card:nth-child(1),\n .dyna-adaptogen-card:nth-child(1),\n .dyna-target-card:nth-child(1),\n .dyna-step:nth-child(1) { animation-delay: .1s; }\n \n .dyna-card:nth-child(2),\n .dyna-adaptogen-card:nth-child(2),\n .dyna-target-card:nth-child(2),\n .dyna-step:nth-child(2) { animation-delay: .2s; }\n \n .dyna-card:nth-child(3),\n .dyna-adaptogen-card:nth-child(3),\n .dyna-target-card:nth-child(3),\n .dyna-step:nth-child(3) { animation-delay: .3s; }\n \n .dyna-card:nth-child(4),\n .dyna-adaptogen-card:nth-child(4),\n .dyna-step:nth-child(4) { animation-delay: .4s; }\n \n .dyna-card:nth-child(5),\n .dyna-card:nth-child(6) { animation-delay: .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\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dyna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dyna-premium {\n --dyna-shadow: 0 0 0 2px currentColor;\n }\n \n .dyna-card,\n .dyna-adaptogen-card,\n .dyna-target-card,\n .dyna-step {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"DYNA","offers":[{"title":"Default Title","offer_id":55692287050105,"sku":"SUPERCHAIDYNA","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-chai-champignons-adaptogenes-dyna.jpg?v=1758546018"},{"product_id":"super-cafe-dyna-boisson-aux-champignons-plantes-adaptogenes","title":"Super Café Dyna - Boisson aux Champignons \u0026 Plantes Adaptogènes","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Super Café Dyna - Boisson aux champignons et plantes adaptogènes\nPalette détectée:\n - Primaire: #5D4A3C (brun chocolat profond du packaging)\n - Secondaire: #8B6F47 (brun doré cacao)\n - Accent: #D4A574 (beige doré céréales)\n - Cream: #F5EFE6 (beige crème naturel)\nAmbiance: Naturelle premium, chaleureuse, lifestyle santé conscient, artisanal français, univers café\/cacao raffiné avec une touche de bien-être holistique\nStyle: Premium naturel avec codes du café de spécialité, touches organiques\/champignons, typographie élégante\nPréfixe CSS: dyna\n--\u003e\n\n\u003cdiv class=\"dyna-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"dyna-hero\"\u003e\n \u003cdiv class=\"dyna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-hero-content\"\u003e\n \u003cdiv class=\"dyna-badges-top\"\u003e\n \u003cspan class=\"dyna-badge\"\u003e🍄 Champignons fonctionnels\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dyna-hero-title\"\u003eSuper Café Dyna\u003c\/span\u003e\n \u003cp class=\"dyna-subtitle\"\u003eL'alternative café nouvelle génération\u003c\/p\u003e\n \u003cp class=\"dyna-description\"\u003eUne boisson aux champignons adaptogènes qui transforme votre routine bien-être : énergie durable, clarté mentale et zéro crash. Le goût réconfortant du cacao et des céréales torréfiées, la puissance des superaliments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePourquoi Dyna change la donne\u003c\/h2\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eÉnergie stable sans crash\u003c\/h3\u003e\n \u003cp\u003eLe guarana libère sa caféine progressivement, associé à la L-théanine du thé vert pour une énergie fluide qui dure toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🧠\u003c\/div\u003e\n \u003ch3\u003eConcentration laser\u003c\/h3\u003e\n \u003cp\u003eLe Lion's Mane stimule la clarté mentale et la mémoire. Restez focus sans nervosité, avec une productivité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🌊\u003c\/div\u003e\n \u003ch3\u003eAnti-stress puissant\u003c\/h3\u003e\n \u003cp\u003eL'ashwagandha KSM-66® breveté réduit le cortisol et apaise votre système nerveux pour un calme intérieur durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eReishi et Chaga, champions des adaptogènes, soutiennent vos défenses naturelles et votre vitalité globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003e100% naturel, zéro additif\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient chimique, sucres ajoutés ou artifices. Juste la puissance brute des plantes et champignons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eFabrication française\u003c\/h3\u003e\n \u003cp\u003eConçu et fabriqué dans le Loiret avec une exigence qualité maximale. Traçabilité et éthique garanties.\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=\"dyna-section\"\u003e\n \u003ch2\u003eUne formule scientifique ultra-concentrée\u003c\/h2\u003e\n \u003cp class=\"dyna-intro-text\"\u003eChaque dose contient \u003cstrong\u003e2850 mg d'adaptogènes hautement concentrés\u003c\/strong\u003e pour des résultats mesurables dès les premiers jours.\u003c\/p\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🦁\u003c\/div\u003e\n \u003ch3\u003eLion's Mane\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003e550 mg\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eExtrait 10:1\u003c\/p\u003e\n \u003cp\u003eLe champion de la clarté mentale et de la mémoire. Stimule la neurogenèse pour une cognition optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🌑\u003c\/div\u003e\n \u003ch3\u003eChaga\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003e550 mg\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eExtrait 10:1\u003c\/p\u003e\n \u003cp\u003eL'antioxydant ultime. Protège vos cellules, booste la digestion et soutient votre système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🍄\u003c\/div\u003e\n \u003ch3\u003eReishi\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003e550 mg\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eExtrait 10:1\u003c\/p\u003e\n \u003cp\u003eLe champignon de la sérénité. Améliore le sommeil, réduit l'inflammation et renforce l'immunité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eAshwagandha KSM-66®\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003e300 mg\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eExtrait breveté 12:1\u003c\/p\u003e\n \u003cp\u003eL'adaptogène roi contre le stress. Réduit le cortisol de 27% cliniquement prouvé, équilibre et énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eGuarana + Thé vert\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003eDosage optimal\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eSynergie caféine + L-théanine\u003c\/p\u003e\n \u003cp\u003eÉnergie progressive sans nervosité. La caféine intelligente pour une performance durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-icon\"\u003e🍫\u003c\/div\u003e\n \u003ch3\u003eCacao + Malt d'orge\u003c\/h3\u003e\n \u003cdiv class=\"dyna-dosage\"\u003eBase gourmande\u003c\/div\u003e\n \u003cp class=\"dyna-ratio\"\u003eTorréfié artisanal\u003c\/p\u003e\n \u003cp\u003eLe goût réconfortant d'un chocolat chaud premium, avec les bienfaits du cacao pur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BÉNÉFICES VISUELS --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003cdiv class=\"dyna-benefits-visual\"\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e2850mg\u003c\/div\u003e\n \u003cp\u003ed'adaptogènes par dose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e30\u003c\/div\u003e\n \u003cp\u003eportions par sachet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e0\u003c\/div\u003e\n \u003cp\u003esucres ajoutés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e100%\u003c\/div\u003e\n \u003cp\u003enaturel \u0026amp; sans additifs\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=\"dyna-section\"\u003e\n \u003ch2\u003ePréparation ultra-simple\u003c\/h2\u003e\n \u003cdiv class=\"dyna-steps\"\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eUne cuillère à café rase dans votre tasse préférée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eVersez\u003c\/h3\u003e\n \u003cp\u003eEau chaude ou lait végétal (avoine, amande, coco...)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eMélangez\u003c\/h3\u003e\n \u003cp\u003eRemuez quelques secondes jusqu'à dissolution complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e4\u003c\/div\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eDégustez immédiatement et profitez des bienfaits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-usage-tips\"\u003e\n \u003ch3\u003e💡 Nos conseils d'utilisation\u003c\/h3\u003e\n \u003cul style=\"list-style:none;\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eLe matin\u003c\/strong\u003e : remplace votre café pour démarrer avec énergie et focus\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAprès déjeuner\u003c\/strong\u003e : évite le coup de fatigue de 14h\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEn après-midi\u003c\/strong\u003e : boost de concentration sans perturber le sommeil\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVersion soirée\u003c\/strong\u003e : essayez notre Super Chai sans caféine pour le soir\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eDyna est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e💼\u003c\/div\u003e\n \u003ch3\u003eProfessionnel actif\u003c\/h3\u003e\n \u003cp\u003eVous cherchez performance et concentration sans les effets secondaires du café classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e🎓\u003c\/div\u003e\n \u003ch3\u003eÉtudiant ambitieux\u003c\/h3\u003e\n \u003cp\u003eVous avez besoin de clarté mentale et de mémoire pour vos révisions et examens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e🧘‍♀️\u003c\/div\u003e\n \u003ch3\u003eAdepte du bien-être\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les solutions naturelles pour gérer stress et fatigue du quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003ePersonne fatiguée\u003c\/h3\u003e\n \u003cp\u003eVous voulez retrouver énergie et vitalité de manière saine et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e🏃\u003c\/div\u003e\n \u003ch3\u003eSportif conscient\u003c\/h3\u003e\n \u003cp\u003eVous optimisez votre récupération et votre équilibre hormonal naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-profile-card\"\u003e\n \u003cdiv class=\"dyna-profile-emoji\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eHealthy lifestyle\u003c\/h3\u003e\n \u003cp\u003eVous refusez les additifs chimiques et privilégiez le 100% naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003cdiv class=\"dyna-warning-box\"\u003e\n \u003ch2\u003e⚠️ Précautions et recommandations\u003c\/h2\u003e\n \u003cp class=\"dyna-warning-intro\"\u003eCe complément alimentaire s'inscrit dans une alimentation variée et un mode de vie sain. Il ne remplace pas un traitement médical.\u003c\/p\u003e\n \u003cdiv class=\"dyna-warning-grid\"\u003e\n \u003cdiv class=\"dyna-warning-item\"\u003e\n \u003cstrong\u003e❌ Déconseillé si\u003c\/strong\u003e\n \u003cul style=\"list-style:none;\"\u003e\n \u003cli\u003eUlcère gastro-duodénal actif\u003c\/li\u003e\n \u003cli\u003eTroubles cardiaques ou hypertension\u003c\/li\u003e\n \u003cli\u003eHyperthyroïdie\u003c\/li\u003e\n \u003cli\u003eGrossesse ou allaitement\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-item\"\u003e\n \u003cstrong\u003e⚡ Contient\u003c\/strong\u003e\n \u003cul style=\"list-style:none;\"\u003e\n \u003cli\u003eCaféine naturelle (guarana + thé vert)\u003c\/li\u003e\n \u003cli\u003eGluten (malt d'orge torréfié)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-item\"\u003e\n \u003cstrong\u003e💊 Interactions\u003c\/strong\u003e\n \u003cul style=\"list-style:none;\"\u003e\n \u003cli\u003eConsultez un professionnel si traitement en cours\u003c\/li\u003e\n \u003cli\u003eNe pas associer à d'autres produits au thé vert le même jour\u003c\/li\u003e\n \u003cli\u003eMax 800 mg EGCG par jour\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-item\"\u003e\n \u003cstrong\u003e📋 Usage\u003c\/strong\u003e\n \u003cul\u003e\n \u003cli\u003eRéservé aux adultes\u003c\/li\u003e\n \u003cli\u003eNe pas consommer à jeun\u003c\/li\u003e\n \u003cli\u003eRespecter la dose journalière\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"dyna-info-grid\"\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e📦\u003c\/div\u003e\n \u003ch3\u003eContenance\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e30 portions\u003c\/strong\u003e\u003cbr\u003eUn mois de bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eOrigine\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003cbr\u003eLoiret, Région Centre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eComposition\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100% naturel\u003c\/strong\u003e\u003cbr\u003eSans additifs chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🥄\u003c\/div\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 cuillère à café\u003c\/strong\u003e\u003cbr\u003ePar tasse, 1 fois par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e☕\u003c\/div\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eEau ou lait végétal\u003c\/strong\u003e\u003cbr\u003eChaud ou froid\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🍫\u003c\/div\u003e\n \u003ch3\u003eGoût\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eCacao \u0026amp; céréales\u003c\/strong\u003e\u003cbr\u003eTorréfié gourmand\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"dyna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dyna-cta-box\"\u003e\n \u003cdiv class=\"dyna-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-cta-content\"\u003e\n \u003cspan class=\"dyna-cta-emoji\"\u003e🌟\u003c\/span\u003e\n \u003cp class=\"dyna-cta-title\"\u003ePrêt à transformer votre routine bien-être ?\u003c\/p\u003e\n \u003cp\u003eRejoignez les milliers de personnes qui ont adopté Dyna pour une énergie stable, une clarté mentale exceptionnelle et un bien-être global au quotidien. Zéro crash, zéro compromis, 100% naturel.\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 --dyna-cream: #FDF8F1;\n --dyna-white: #ffffff;\n --dyna-primary: #5D4A3C;\n --dyna-primary-dark: #3D2F25;\n --dyna-primary-light: #F0EAE2;\n --dyna-secondary: #8B6F47;\n --dyna-accent: #D4A574;\n\n \/* Textes *\/\n --dyna-text: #1a1a1a;\n --dyna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --dyna-border: #e0ddd7;\n --dyna-shadow: 0 4px 24px rgba(93,74,60,.08);\n --dyna-shadow-lg: 0 12px 48px rgba(93,74,60,.15);\n --dyna-radius: 20px;\n --dyna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dyna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dyna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dyna-text);\n line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.dyna-hero {\n position: relative;\n background: linear-gradient(135deg, #5D4A3C 0%, #3D2F25 50%, #8B6F47 100%);\n border-radius: var(--dyna-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(--dyna-shadow-lg);\n}\n\n.dyna-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% 50%, white 2px, transparent 2px),\n radial-gradient(circle at 60% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 2px);\n background-size: 100px 100px, 150px 150px, 120px 120px;\n}\n\n.dyna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dyna-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.dyna-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(--dyna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dyna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.dyna-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.dyna-subtitle {\n color: var(--dyna-accent);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.dyna-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.8;\n}\n\n\/* === SECTIONS === *\/\n.dyna-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dyna-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--dyna-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.dyna-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(--dyna-primary), var(--dyna-secondary));\n border-radius: 2px;\n}\n\n.dyna-intro-text {\n text-align: center;\n font-size: clamp(16px, 2.5vw, 19px);\n color: var(--dyna-text-light);\n max-width: 800px;\n margin: 0 auto clamp(2rem, 4vw, 3rem) auto;\n}\n\n\/* === GRILLES === *\/\n.dyna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.dyna-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.dyna-card h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.dyna-card p {\n font-size: 15px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.dyna-ingredient-card {\n background: linear-gradient(135deg, var(--dyna-white) 0%, var(--dyna-primary-light) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid var(--dyna-border);\n transition: all .3s ease;\n text-align: center;\n}\n\n.dyna-ingredient-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-ingredient-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n line-height: 1;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-ingredient-card h3 {\n font-size: clamp(19px, 2.5vw, 23px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-dosage {\n display: inline-block;\n font-size: 28px;\n font-weight: 900;\n color: var(--dyna-primary);\n margin-bottom: .25rem;\n}\n\n.dyna-ratio {\n font-size: 13px;\n font-weight: 700;\n color: var(--dyna-secondary);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin: 0 0 1rem 0;\n}\n\n.dyna-ingredient-card p {\n font-size: 14px;\n color: var(--dyna-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BÉNÉFICES VISUELS === *\/\n.dyna-benefits-visual {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n padding: clamp(2rem, 4vw, 3rem);\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n box-shadow: var(--dyna-shadow);\n}\n\n.dyna-benefit-item {\n text-align: center;\n}\n\n.dyna-benefit-number {\n font-size: clamp(32px, 8vw, 50px);\n font-weight: 900;\n color: var(--dyna-primary);\n line-height: 1;\n margin-bottom: .5rem;\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-secondary) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.dyna-benefit-item p {\n font-size: 15px;\n font-weight: 600;\n color: var(--dyna-text-light);\n margin: 0;\n}\n\n\/* === ÉTAPES === *\/\n.dyna-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.dyna-step {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-step:hover {\n transform: translateY(-6px);\n border-color: var(--dyna-primary);\n}\n\n.dyna-step-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-secondary) 100%);\n color: white;\n font-size: 28px;\n font-weight: 900;\n border-radius: 50%;\n margin-bottom: 1rem;\n box-shadow: 0 4px 16px rgba(93,74,60,.2);\n}\n\n.dyna-step h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-step p {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dyna-usage-tips {\n background: var(--dyna-primary-light);\n border-left: 4px solid var(--dyna-primary);\n border-radius: var(--dyna-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.dyna-usage-tips h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.dyna-usage-tips ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.dyna-usage-tips li {\n font-size: 15px;\n color: var(--dyna-text);\n padding: .5rem 0;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.dyna-usage-tips li::before {\n content: '→';\n position: absolute;\n left: 0;\n color: var(--dyna-primary);\n font-weight: 900;\n}\n\n\/* === PROFILS === *\/\n.dyna-profile-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-profile-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-accent);\n}\n\n.dyna-profile-emoji {\n font-size: 64px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.dyna-profile-card h3 {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.dyna-profile-card p {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.dyna-warning-box {\n background: var(--dyna-white);\n border: 3px solid #FFA726;\n border-radius: var(--dyna-radius);\n padding: clamp(2rem, 4vw, 3rem);\n}\n\n.dyna-warning-box h2 {\n font-size: clamp(22px, 4vw, 28px);\n color: #E65100;\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n}\n\n.dyna-warning-box h2::after {\n background: #FFA726;\n}\n\n.dyna-warning-intro {\n font-size: 16px;\n color: var(--dyna-text);\n font-weight: 600;\n text-align: center;\n margin-bottom: 2rem;\n padding: 1rem;\n background: #FFF3E0;\n border-radius: var(--dyna-radius-sm);\n}\n\n.dyna-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-warning-item {\n background: var(--dyna-primary-light);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem;\n}\n\n.dyna-warning-item strong {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin-bottom: .75rem;\n}\n\n.dyna-warning-item ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.dyna-warning-item li {\n font-size: 14px;\n color: var(--dyna-text);\n padding: .4rem 0;\n padding-left: 1.25rem;\n position: relative;\n line-height: 1.5;\n}\n\n.dyna-warning-item li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--dyna-primary);\n font-weight: 900;\n font-size: 18px;\n}\n\n\/* === INFO GRID === *\/\n.dyna-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-info-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid var(--dyna-border);\n transition: all .3s ease;\n}\n\n.dyna-info-card:hover {\n transform: translateY(-6px);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-info-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.dyna-info-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-info-card p {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.dyna-cta-box {\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-primary-dark) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.dyna-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%, white 3px, transparent 3px),\n radial-gradient(circle at 70% 60%, white 2px, transparent 2px);\n background-size: 80px 80px, 120px 120px;\n}\n\n.dyna-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.dyna-cta-emoji {\n display: block;\n font-size: 64px;\n margin-bottom: 1rem;\n animation: pulse 2s ease infinite;\n}\n\n.dyna-cta-title {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-cta-box p:last-child {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dyna-grid,\n .dyna-steps,\n .dyna-warning-grid,\n .dyna-info-grid {\n grid-template-columns: 1fr;\n }\n \n .dyna-benefits-visual {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 480px) {\n .dyna-benefits-visual {\n grid-template-columns: 1fr;\n }\n \n .dyna-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dyna-card,\n .dyna-ingredient-card,\n .dyna-step,\n .dyna-profile-card,\n .dyna-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .dyna-card:nth-child(1),\n .dyna-ingredient-card:nth-child(1),\n .dyna-step:nth-child(1),\n .dyna-profile-card:nth-child(1),\n .dyna-info-card:nth-child(1) { animation-delay: .1s; }\n \n .dyna-card:nth-child(2),\n .dyna-ingredient-card:nth-child(2),\n .dyna-step:nth-child(2),\n .dyna-profile-card:nth-child(2),\n .dyna-info-card:nth-child(2) { animation-delay: .2s; }\n \n .dyna-card:nth-child(3),\n .dyna-ingredient-card:nth-child(3),\n .dyna-step:nth-child(3),\n .dyna-profile-card:nth-child(3),\n .dyna-info-card:nth-child(3) { animation-delay: .3s; }\n \n .dyna-card:nth-child(4),\n .dyna-ingredient-card:nth-child(4),\n .dyna-step:nth-child(4),\n .dyna-profile-card:nth-child(4),\n .dyna-info-card:nth-child(4) { animation-delay: .4s; }\n \n .dyna-card:nth-child(5),\n .dyna-ingredient-card:nth-child(5),\n .dyna-profile-card:nth-child(5),\n .dyna-info-card:nth-child(5) { animation-delay: .5s; }\n \n .dyna-card:nth-child(6),\n .dyna-ingredient-card:nth-child(6),\n .dyna-profile-card:nth-child(6),\n .dyna-info-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.1);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dyna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dyna-premium {\n --dyna-primary: #3D2F25;\n --dyna-text: #000000;\n }\n}\n\u003c\/style\u003e","brand":"DYNA","offers":[{"title":"Default Title","offer_id":55695297905017,"sku":"SUPERCAFEDYNA","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-cafe-aux-champignons-dyna.jpg?v=1756971844"},{"product_id":"vinaigre-de-cidre-bio-500ml-archie","title":"Vinaigre de cidre bio 500ml - Archie","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vinaigre de cidre bio Archie\nPalette détectée:\n - Primaire: #7BC4D4 (bleu ciel turquoise de l'étiquette)\n - Secondaire: #E8A547 (orange ambré du vinaigre et des accents)\n - Accent: #2C4A5E (bleu marine foncé pour textes et contraste)\nAmbiance: Lifestyle frais et naturel, design moderne et épuré avec touche artisanale (bouchon bois, illustration). Univers bio premium, tonalités douces évoquant la Normandie. Orientation santé\/bien-être digestif.\nPréfixe CSS: arch\n--\u003e\n\n\u003cdiv class=\"arch-premium\"\u003e\n \u003cdiv class=\"arch-hero\"\u003e\n \u003cdiv class=\"arch-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arch-hero-content\"\u003e\n \u003cdiv class=\"arch-badges-top\"\u003e\n \u003cspan class=\"arch-badge\"\u003e🍎 100% bio Normandie\u003c\/span\u003e\n \u003cspan class=\"arch-badge\"\u003e✨ Avec la mère\u003c\/span\u003e\n \u003cspan class=\"arch-badge\"\u003e📉 -30% pic glycémique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arch-hero-title\"\u003eVinaigre de cidre Archie\u003c\/span\u003e\n \u003cp class=\"arch-subtitle\"\u003eBrut, non pasteurisé, avec la mère\u003c\/p\u003e\n \u003cp class=\"arch-description\"\u003eL'authentique vinaigre normand qui transforme votre digestion. Une cuillère avant le repas pour réduire les pics de glucose, apaiser les ballonnements et retrouver une énergie stable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir Archie\u003c\/h2\u003e\n \u003cdiv class=\"arch-grid\"\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e🍏 Non filtré, non pasteurisé\u003c\/h3\u003e\n \u003cp\u003ePréserve la précieuse mère de vinaigre, concentré d'enzymes et de bactéries bénéfiques pour votre flore intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e🌾 Origine Normandie certifiée\u003c\/h3\u003e\n \u003cp\u003ePlus de 20 variétés de pommes bio cultivées dans les vergers normands, fermentées selon la tradition artisanale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e💧 Pureté absolue\u003c\/h3\u003e\n \u003cp\u003eSans additifs, sans sulfites, sans sucre ajouté ni alcool. Juste le meilleur de la pomme normande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e♻️ Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eBouteille verre recyclable, bouchon bois naturel, étiquette encre végétale. Bon pour vous et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits prouvés\u003c\/h2\u003e\n \u003cdiv class=\"arch-grid\"\u003e\n \u003cdiv class=\"arch-card arch-card-benefit\"\u003e\n \u003ch3\u003e📊 Équilibre glycémique\u003c\/h3\u003e\n \u003cp\u003eRéduit le pic de glucose après les repas jusqu'à \u003cstrong\u003e30%\u003c\/strong\u003e pour une énergie stable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card arch-card-benefit\"\u003e\n \u003ch3\u003e🌸 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eFacilite l'assimilation des repas, soulage ballonnements et reflux, soutient la flore intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card arch-card-benefit\"\u003e\n \u003ch3\u003e⚖️ Satiété naturelle\u003c\/h3\u003e\n \u003cp\u003eAide à limiter les fringales et favorise un meilleur contrôle du poids grâce à son effet rassasiant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card arch-card-benefit\"\u003e\n \u003ch3\u003e⚡ Énergie durable\u003c\/h3\u003e\n \u003cp\u003eParticipe à un métabolisme actif pour dire adieu aux coups de fatigue post-repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003e🥄 Comment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"arch-steps\"\u003e\n \u003cdiv class=\"arch-step\"\u003e\n \u003cdiv class=\"arch-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arch-step-content\"\u003e\n \u003ch3\u003ePréparez votre shot\u003c\/h3\u003e\n \u003cp\u003eDiluez \u003cstrong\u003e1 cuillère à soupe\u003c\/strong\u003e (15ml) dans un grand verre d'eau plate ou gazeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-step\"\u003e\n \u003cdiv class=\"arch-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arch-step-content\"\u003e\n \u003ch3\u003eTiming optimal\u003c\/h3\u003e\n \u003cp\u003eÀ consommer \u003cstrong\u003e15 à 20 minutes avant\u003c\/strong\u003e vos repas principaux pour maximiser les effets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-step\"\u003e\n \u003cdiv class=\"arch-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arch-step-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003eIdéal en \u003cstrong\u003ecure de 3 mois minimum\u003c\/strong\u003e pour des bénéfices durables sur votre digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-tip\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eAstuce gourmande :\u003c\/strong\u003e Ajoutez un filet dans vos salades et marinades pour sublimer vos plats !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"arch-grid\"\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e🍽️ Digestion sensible\u003c\/h3\u003e\n \u003cp\u003eBallonnements, transit capricieux, reflux ? Archie facilite la digestion naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e🎯 Contrôle du poids\u003c\/h3\u003e\n \u003cp\u003ePour stabiliser la glycémie, limiter les fringales et favoriser un métabolisme actif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eSolutions bio, authentiques et sans additifs pour prendre soin de votre santé au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e💪 En quête d'énergie\u003c\/h3\u003e\n \u003cp\u003eRetrouvez une énergie stable et dites adieu aux coups de fatigue post-repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003e🍎 Composition\u003c\/h2\u003e\n \u003cdiv class=\"arch-ingredient\"\u003e\n \u003cdiv class=\"arch-ingredient-main\"\u003e\n \u003cspan class=\"arch-ingredient-icon\"\u003e🍏\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003ePommes 100% bio de Normandie\u003c\/h3\u003e\n \u003cp\u003eDouble fermentation naturelle préservant toutes les qualités nutritionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-ingredient-detail\"\u003e\n \u003cp\u003eLa présence visible de la \u003cstrong\u003emère de vinaigre\u003c\/strong\u003e (filaments naturels) garantit un produit vivant, véritablement artisanal et riche en enzymes bénéfiques. C'est le signe d'un vinaigre de qualité exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"arch-accordion\"\u003e\n \u003cdetails class=\"arch-accordion-item\"\u003e\n \u003csummary class=\"arch-accordion-header\"\u003e📦 Contenance et durée\u003c\/summary\u003e\n \u003cdiv class=\"arch-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e500 ml\u003c\/strong\u003e — Environ 1 mois de cure à raison de 2 prises par jour. Bouteille en verre recyclable avec bouchon bois naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arch-accordion-item\"\u003e\n \u003csummary class=\"arch-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"arch-accordion-content\"\u003e\n \u003cp\u003eÀ conserver à température ambiante (5-25°C), à l'abri de la lumière directe. Bien refermer après usage. La présence de dépôts ou filaments est normale et témoigne de l'authenticité du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"arch-accordion-item\"\u003e\n \u003csummary class=\"arch-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"arch-accordion-content\"\u003e\n \u003cp\u003eRéservé aux adultes. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Éviter en cas d'ulcère gastrique ou de gastrite. Toujours diluer dans l'eau et se rincer la bouche après consommation pour protéger l'émail dentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arch-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arch-cta-box\"\u003e\n \u003cp\u003e🍎 Adoptez le rituel bien-être normand qui transforme votre digestion, stabilise votre glycémie et booste votre énergie. La puissance de la nature dans une cuillère à soupe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arch-cream: #f8fbfc;\n --arch-white: #ffffff;\n --arch-primary: #7BC4D4;\n --arch-primary-dark: #5AA8B8;\n --arch-primary-light: #e8f6f9;\n --arch-secondary: #E8A547;\n --arch-accent: #2C4A5E;\n --arch-text: #1a1a1a;\n --arch-text-light: #5a5a5a;\n --arch-border: #e0e0e0;\n --arch-shadow: 0 4px 24px rgba(123,196,212,.1);\n --arch-shadow-lg: 0 12px 48px rgba(123,196,212,.18);\n --arch-radius: 20px;\n --arch-radius-sm: 12px;\n}\n\n.arch-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arch-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.arch-hero {\n position: relative;\n background: linear-gradient(135deg, #7BC4D4 0%, #5AA8B8 50%, #E8A547 100%);\n border-radius: var(--arch-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(--arch-shadow-lg);\n}\n\n.arch-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.arch-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arch-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n}\n\n.arch-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(--arch-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arch-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.arch-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.arch-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.arch-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.arch-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arch-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arch-accent);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.arch-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(--arch-primary), var(--arch-secondary));\n border-radius: 2px;\n}\n\n.arch-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.arch-card {\n background: var(--arch-white);\n border-radius: var(--arch-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arch-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arch-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arch-shadow-lg);\n border-color: var(--arch-primary);\n}\n\n.arch-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arch-accent);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.arch-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arch-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arch-card-benefit {\n border-left: 4px solid var(--arch-secondary);\n}\n\n.arch-steps {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.arch-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--arch-white);\n border-radius: var(--arch-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--arch-shadow);\n}\n\n.arch-step-num {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--arch-primary), var(--arch-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: 900;\n box-shadow: 0 4px 16px rgba(123,196,212,.3);\n}\n\n.arch-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--arch-accent);\n margin: 0 0 .35rem 0;\n}\n\n.arch-step-content p {\n font-size: 14px;\n color: var(--arch-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arch-tip {\n margin-top: 1.5rem;\n background: linear-gradient(135deg, rgba(232,165,71,.12), rgba(232,165,71,.05));\n border-radius: var(--arch-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid var(--arch-secondary);\n text-align: center;\n}\n\n.arch-tip p {\n font-size: 14px;\n color: var(--arch-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.arch-ingredient {\n background: var(--arch-white);\n border-radius: var(--arch-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arch-shadow);\n}\n\n.arch-ingredient-main {\n display: flex;\n gap: 1rem;\n align-items: center;\n padding-bottom: 1.25rem;\n border-bottom: 2px solid var(--arch-primary-light);\n margin-bottom: 1.25rem;\n}\n\n.arch-ingredient-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.arch-ingredient-main h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--arch-accent);\n margin: 0 0 .25rem 0;\n}\n\n.arch-ingredient-main p {\n font-size: 14px;\n color: var(--arch-text-light);\n margin: 0;\n}\n\n.arch-ingredient-detail p {\n font-size: 14px;\n color: var(--arch-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.arch-accordion {\n background: var(--arch-white);\n border-radius: var(--arch-radius);\n box-shadow: var(--arch-shadow);\n overflow: hidden;\n}\n\n.arch-accordion-item {\n border-bottom: 1px solid var(--arch-border);\n margin: 0;\n padding: 0;\n}\n\n.arch-accordion-item:last-child {\n border-bottom: none;\n}\n\n.arch-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--arch-accent);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.arch-accordion-header:hover {\n background: var(--arch-primary-light);\n}\n\n.arch-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.arch-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--arch-primary);\n transition: transform .2s ease;\n}\n\n.arch-accordion-item[open] .arch-accordion-header::after {\n content: '−';\n}\n\n.arch-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--arch-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.arch-accordion-content p {\n margin: 0;\n}\n\n.arch-cta-box {\n background: linear-gradient(135deg, var(--arch-primary) 0%, var(--arch-primary-dark) 50%, var(--arch-secondary) 100%);\n border-radius: var(--arch-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.arch-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 .arch-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .arch-card {\n padding: 1.125rem;\n }\n \n .arch-section {\n margin-bottom: 1.75rem;\n }\n \n .arch-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arch-radius-sm);\n }\n \n .arch-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .arch-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .arch-step {\n padding: 1rem;\n }\n \n .arch-step-num {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .arch-ingredient-main {\n flex-direction: column;\n text-align: center;\n }\n \n .arch-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .arch-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .arch-card {\n animation: fadeInUp .5s ease backwards;\n }\n .arch-card:nth-child(1) { animation-delay: .05s; }\n .arch-card:nth-child(2) { animation-delay: .1s; }\n .arch-card:nth-child(3) { animation-delay: .15s; }\n .arch-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .arch-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Archie","offers":[{"title":"Default Title","offer_id":55702556443001,"sku":"NBAIARC0002","price":15.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vinaigre_de_cidre_bio_archie_500ml-min.jpg?v=1756485659"},{"product_id":"cure-morning-detox-archie","title":"Cure Morning Detox au Vinaigre de Cidre bio (200ml) - Archie","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cure Morning Detox au Vinaigre de Cidre bio – Archie\nPalette détectée:\n - Primaire: #E8922D (orange doré du liquide\/packaging)\n - Secondaire: #F5B44C (jaune miel clair, reflets du produit)\n - Accent: #C46E18 (orange foncé, typographie packaging)\n - Background: #F0EDE6 (crème chaud inspiré de l'étiquette)\n - Bleu doux: #D4E8EF (fond bleu ciel des photos)\nAmbiance: Lifestyle bien-être, frais et solaire, accessible et joyeux, naturel\/bio sans être austère\nPréfixe CSS: md\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Cure Morning Detox au vinaigre de cidre bio – Votre rituel matinal en 1 minute\"\n 2. \"Pourquoi choisir un vinaigre de cidre bio non pasteurisé ?\"\n 3. \"Les bienfaits concrets de la Cure Matin Détox\"\n 4. \"Composition complète – 100 % bio, sans compromis\"\n 5. \"Comment prendre la Cure Morning Detox ?\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"md-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"md-hero\"\u003e\n \u003cdiv class=\"md-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"md-hero-content\"\u003e\n \u003cdiv class=\"md-badges-top\"\u003e\n \u003cspan class=\"md-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"md-badge\"\u003e🇫🇷 Fabriqué en Normandie\u003c\/span\u003e\n \u003cspan class=\"md-badge\"\u003e⚡ 1 minute chrono\u003c\/span\u003e\n \u003cspan class=\"md-badge\"\u003e🍶 Bouteille verre 200 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"md-hero-title\"\u003eCure Morning Detox au vinaigre de cidre bio\u003c\/span\u003e\n \u003cp class=\"md-subtitle\"\u003ePar Archie – Votre coup de fouet naturel dès le réveil\u003c\/p\u003e\n \u003cp class=\"md-description\"\u003eÉnergie, détox, digestion, immunité et glycémie : tout commence par cette première gorgée du matin. Sans alcool, sans sulfites, sans conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"md-section\"\u003e\n \u003ch2\u003eCure Morning Detox au vinaigre de cidre bio – Votre rituel matinal en 1 minute\u003c\/h2\u003e\n \u003cp class=\"md-section-intro\"\u003eEt si votre meilleure habitude santé ne vous prenait qu'une minute chaque matin ?\u003c\/p\u003e\n \u003cdiv class=\"md-highlight-box\"\u003e\n \u003cp\u003eLa \u003cstrong\u003eCure Morning Detox Bio\u003c\/strong\u003e d'Archie réunit le meilleur du \u003cstrong\u003evinaigre de cidre bio non pasteurisé non filtré\u003c\/strong\u003e et d'épices soigneusement sélectionnées pour vous offrir un véritable coup de fouet naturel dès le réveil. Fabriquée en Normandie, cette cure de \u003cstrong\u003e200 ml\u003c\/strong\u003e en bouteille verre est pensée pour celles et ceux qui veulent prendre soin d'eux sans se compliquer la vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"md-section\"\u003e\n \u003ch2\u003ePourquoi choisir un vinaigre de cidre bio non pasteurisé ?\u003c\/h2\u003e\n \u003cdiv class=\"md-mother-box\"\u003e\n \u003cdiv class=\"md-mother-content\"\u003e\n \u003cp\u003eContrairement aux vinaigres industriels, un \u003cstrong\u003evinaigre de cidre de pomme bio\u003c\/strong\u003e non pasteurisé et non filtré conserve sa « mère » – ce voile naturel riche en \u003cstrong\u003eenzymes\u003c\/strong\u003e, \u003cstrong\u003ebactéries bénéfiques\u003c\/strong\u003e et \u003cstrong\u003eacide acétique\u003c\/strong\u003e. C'est précisément cette richesse qui fait la différence.\u003c\/p\u003e\n \u003cp\u003eLes \u003cstrong\u003ebienfaits du vinaigre de cidre bio\u003c\/strong\u003e sont reconnus depuis des générations : soutien digestif, effet alcalinisant et aide au maintien d'une glycémie stable. Archie va encore plus loin en y associant des épices aux vertus complémentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-grid-compact\"\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e🧬 Enzymes actives\u003c\/h3\u003e\n \u003cp\u003ePréservées grâce à l'absence de pasteurisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e🦠 Probiotiques naturels\u003c\/h3\u003e\n \u003cp\u003eLa « mère » apporte des bactéries bénéfiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e⚖️ Effet alcalinisant\u003c\/h3\u003e\n \u003cp\u003eAide à rééquilibrer le pH de l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e📉 Glycémie stable\u003c\/h3\u003e\n \u003cp\u003eContribue à limiter les pics de sucre après repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"md-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de la Cure Matin Détox\u003c\/h2\u003e\n \u003cdiv class=\"md-grid\"\u003e\n \u003cdiv class=\"md-card md-card-benefit\"\u003e\n \u003ch3\u003e⚡ Énergie et vitalité dès le réveil\u003c\/h3\u003e\n \u003cp\u003eLe gingembre et le vinaigre de cidre stimulent doucement votre métabolisme pour démarrer la journée sans coup de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card md-card-benefit\"\u003e\n \u003ch3\u003e🍃 Détox naturelle\u003c\/h3\u003e\n \u003cp\u003eAide votre organisme à éliminer les toxines accumulées, pour un teint plus frais et une sensation de légèreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card md-card-benefit\"\u003e\n \u003ch3\u003e🫄 Confort digestif amélioré\u003c\/h3\u003e\n \u003cp\u003eRéduit les ballonnements et favorise une digestion apaisée grâce à l'action combinée du citron, du gingembre et de la cardamome.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card md-card-benefit\"\u003e\n \u003ch3\u003e🛡️ Soutien de l'immunité\u003c\/h3\u003e\n \u003cp\u003eLes propriétés antibactériennes naturelles du vinaigre de cidre, renforcées par les baies de genièvre, contribuent à vos défenses au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card md-card-benefit\"\u003e\n \u003ch3\u003e📉 Régulation de la glycémie\u003c\/h3\u003e\n \u003cp\u003ePlusieurs études suggèrent que le vinaigre de cidre peut aider à limiter les pics de sucre après les repas, jusqu'à \u003cstrong\u003e-30 %\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"md-section\"\u003e\n \u003ch2\u003eComposition complète – 100 % bio, sans compromis\u003c\/h2\u003e\n \u003cp class=\"md-section-intro\"\u003e7 ingrédients actifs issus de l'agriculture biologique, chacun sélectionné pour ses vertus spécifiques.\u003c\/p\u003e\n \u003cdiv class=\"md-grid\"\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e🍎 Vinaigre de cidre\u003c\/h3\u003e\n \u003cp\u003eStimule la digestion et régule la glycémie. Non pasteurisé, non filtré, avec sa « mère ».\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e🫚 Jus de gingembre\u003c\/h3\u003e\n \u003cp\u003eRéduit la sensation de fatigue et booste le métabolisme dès le matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e🍋 Jus de citron concentré\u003c\/h3\u003e\n \u003cp\u003eUn antibactérien naturel qui apporte fraîcheur et vitalité à la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e🌿 Cardamome\u003c\/h3\u003e\n \u003cp\u003ePossède des propriétés anti-inflammatoires et facilite la digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e🫐 Baies de genièvre\u003c\/h3\u003e\n \u003cp\u003eAide à éliminer les toxines de l'organisme et soutient les défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e🌶️ Piment oiseau\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine C et potassium pour un coup de boost supplémentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-card\"\u003e\n \u003ch3\u003e🫙 Piment de la Jamaïque\u003c\/h3\u003e\n \u003cp\u003eOffre des propriétés antioxydantes puissantes pour protéger vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-tip\"\u003e\n \u003cspan class=\"md-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans alcool, sans sulfites, sans conservateur.\u003c\/strong\u003e Ce vinaigre de cidre bio non pasteurisé non filtré sans sulfite est conditionné en France dans une structure favorisant l'insertion professionnelle – un engagement humain qui compte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"md-section\"\u003e\n \u003ch2\u003eComment prendre la Cure Morning Detox ?\u003c\/h2\u003e\n \u003cdiv class=\"md-timeline\"\u003e\n \u003cdiv class=\"md-timeline-item\"\u003e\n \u003cdiv class=\"md-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"md-timeline-content\"\u003e\n \u003ch3\u003eVersez\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 cuillère à soupe\u003c\/strong\u003e de Cure Morning Detox dans un grand verre d'eau fraîche ou tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-timeline-item\"\u003e\n \u003cdiv class=\"md-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"md-timeline-content\"\u003e\n \u003ch3\u003eMélangez et dégustez\u003c\/h3\u003e\n \u003cp\u003eLe goût est vif, légèrement épicé, avec une belle fraîcheur citronnée – bien loin de l'amertume que vous redoutiez peut-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-timeline-item\"\u003e\n \u003cdiv class=\"md-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"md-timeline-content\"\u003e\n \u003ch3\u003eChaque matin, à jeun\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, suivez une cure de \u003cstrong\u003e2 à 4 mois\u003c\/strong\u003e, puis faites une pause de deux semaines avant de reprendre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"md-tip\"\u003e\n \u003cspan class=\"md-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVous pouvez parfaitement l'associer à la \u003cstrong\u003eCure Sommeil d'Archie\u003c\/strong\u003e pour une routine bien-être complète, du matin au soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"md-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"md-accordion\"\u003e\n \u003cdetails class=\"md-accordion-item\"\u003e\n \u003csummary class=\"md-accordion-header\"\u003e👤 Réservé à l'adulte\u003c\/summary\u003e\n \u003cdiv class=\"md-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est formulé pour les adultes. Ne convient pas aux enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"md-accordion-item\"\u003e\n \u003csummary class=\"md-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"md-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"md-accordion-item\"\u003e\n \u003csummary class=\"md-accordion-header\"\u003e⚠️ Ne remplace pas un traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"md-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"md-accordion-item\"\u003e\n \u003csummary class=\"md-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"md-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière, dans un endroit sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"md-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"md-cta-box\"\u003e\n \u003cp\u003e☀️ \u003cstrong\u003eLa Cure Morning Detox Bio d'Archie\u003c\/strong\u003e, c'est la preuve qu'un geste simple peut transformer votre quotidien. Énergie, digestion, immunité, glycémie : tout commence par cette première gorgée du matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"md-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --md-cream: #FDF8F1;\n --md-white: #ffffff;\n --md-primary: #E8922D;\n --md-primary-dark: #B5691A;\n --md-primary-light: #FFF3E4;\n --md-secondary: #F5B44C;\n --md-accent: #C46E18;\n --md-sky: #D4E8EF;\n --md-text: #1a1a1a;\n --md-text-light: #5a5a5a;\n --md-border: #F0E4D4;\n --md-shadow: 0 4px 24px rgba(184,118,42,.08);\n --md-shadow-lg: 0 12px 48px rgba(184,118,42,.15);\n --md-radius: 20px;\n --md-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.md-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--md-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.md-hero {\n position: relative;\n background: linear-gradient(135deg, #E8922D 0%, #F5B44C 45%, #F7C96E 100%);\n border-radius: var(--md-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(--md-shadow-lg);\n}\n\n.md-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,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.md-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.md-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,.15);\n line-height: 1.1;\n}\n\n.md-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 text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.md-description {\n color: rgba(255,255,255,.88);\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.md-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.md-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(--md-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.md-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.md-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.md-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--md-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.md-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(--md-primary), var(--md-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.md-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--md-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX (intro) === *\/\n.md-highlight-box {\n background: var(--md-white);\n border-radius: var(--md-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--md-shadow);\n border-left: 4px solid var(--md-secondary);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.md-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--md-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === MOTHER BOX (vinaigre de cidre) === *\/\n.md-mother-box {\n background: linear-gradient(135deg, var(--md-primary-light) 0%, var(--md-sky) 100%);\n border-radius: var(--md-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: 1.5rem;\n}\n\n.md-mother-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--md-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.md-mother-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CARDS === *\/\n.md-card {\n background: var(--md-white);\n border-radius: var(--md-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--md-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.md-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--md-shadow-lg);\n border-color: var(--md-primary);\n}\n\n.md-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--md-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.md-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--md-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS (gradient top-border) === *\/\n.md-card-benefit {\n border-top: 3px solid var(--md-primary);\n position: relative;\n}\n\n.md-card-benefit:hover {\n border-top-color: var(--md-secondary);\n}\n\n\/* === GRILLES === *\/\n.md-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.md-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.md-grid-compact .md-card {\n padding: 1rem;\n}\n\n.md-grid-compact .md-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.md-grid-compact .md-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.md-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.md-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.md-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--md-primary), var(--md-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(232,146,45,.3);\n}\n\n.md-timeline-content {\n flex: 1;\n background: var(--md-white);\n padding: 1rem 1.25rem;\n border-radius: var(--md-radius-sm);\n box-shadow: var(--md-shadow);\n}\n\n.md-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--md-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.md-timeline-content p {\n font-size: 14px;\n color: var(--md-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.md-accordion {\n background: var(--md-white);\n border-radius: var(--md-radius);\n box-shadow: var(--md-shadow);\n overflow: hidden;\n}\n\n.md-accordion-item {\n border-bottom: 1px solid var(--md-border);\n margin: 0;\n padding: 0;\n}\n\n.md-accordion-item:last-child {\n border-bottom: none;\n}\n\n.md-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--md-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.md-accordion-header:hover {\n background: var(--md-primary-light);\n}\n\n.md-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.md-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--md-primary);\n transition: transform .2s ease;\n}\n\n.md-accordion-item[open] .md-accordion-header::after {\n content: '−';\n}\n\n.md-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--md-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.md-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.md-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--md-primary-light);\n border-radius: var(--md-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.md-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.md-tip p {\n font-size: 14px;\n color: var(--md-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.md-cta-box {\n background: linear-gradient(135deg, var(--md-primary) 0%, var(--md-accent) 50%, var(--md-primary-dark) 100%);\n border-radius: var(--md-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.md-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(255,255,255,.12) 0%, transparent 60%);\n}\n\n.md-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.md-disclaimer {\n font-size: 12px;\n color: var(--md-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 .md-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .md-card {\n padding: 1.125rem;\n }\n\n .md-section {\n margin-bottom: 1.75rem;\n }\n\n .md-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--md-radius-sm);\n }\n\n .md-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .md-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .md-grid-compact {\n gap: .625rem;\n }\n\n .md-grid-compact .md-card {\n padding: .75rem;\n }\n\n .md-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .md-timeline-content {\n padding: .875rem 1rem;\n }\n\n .md-timeline-content h3 {\n font-size: 14px;\n }\n\n .md-timeline-content p {\n font-size: 13px;\n }\n\n .md-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .md-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .md-highlight-box {\n padding: 1.25rem;\n }\n\n .md-highlight-box p {\n font-size: 14px;\n }\n\n .md-mother-box {\n padding: 1.25rem;\n }\n\n .md-mother-content p {\n font-size: 14px;\n }\n\n .md-tip {\n padding: .875rem 1rem;\n }\n\n .md-tip-icon {\n font-size: 20px;\n }\n\n .md-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .md-card {\n animation: mdFadeInUp .5s ease backwards;\n }\n .md-card:nth-child(1) { animation-delay: .05s; }\n .md-card:nth-child(2) { animation-delay: .1s; }\n .md-card:nth-child(3) { animation-delay: .15s; }\n .md-card:nth-child(4) { animation-delay: .2s; }\n .md-card:nth-child(5) { animation-delay: .25s; }\n .md-card:nth-child(6) { animation-delay: .3s; }\n .md-card:nth-child(7) { animation-delay: .35s; }\n\n .md-timeline-item {\n animation: mdFadeInUp .5s ease backwards;\n }\n .md-timeline-item:nth-child(1) { animation-delay: .1s; }\n .md-timeline-item:nth-child(2) { animation-delay: .2s; }\n .md-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes mdFadeInUp {\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 .md-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Archie","offers":[{"title":"Default Title","offer_id":55704949850489,"sku":"NBAIARC0004","price":22.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/morning-detox-vinaigre-de-cidre-bio-archie-1.webp?v=1756367418"},{"product_id":"vinaigre-de-cidre-bio-200ml-archie","title":"Vinaigre de cidre bio 200ml - Archie","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vinaigre de cidre bio Archie 200ml\nPalette détectée:\n - Primaire: #7BCBD7 (turquoise\/bleu ciel doux de l'étiquette)\n - Secondaire: #D4944A (ambré\/doré du vinaigre et cuillère)\n - Accent: #1E3A5F (bleu marine foncé du texte)\nAmbiance: Naturel, zen, lifestyle santé. Design épuré avec mascotte yoga décontractée. Univers bien-être digestif, équilibre glycémique. Bouchon bois + verre = artisanal authentique. Tons pastel apaisants avec touches chaleureuses dorées.\nPréfixe CSS: ach\n--\u003e\n\n\u003cdiv class=\"ach-premium\"\u003e\n \u003cdiv class=\"ach-hero\"\u003e\n \u003cdiv class=\"ach-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ach-hero-content\"\u003e\n \u003cdiv class=\"ach-badges-top\"\u003e\n \u003cspan class=\"ach-badge\"\u003e🍎 100% bio\u003c\/span\u003e\n \u003cspan class=\"ach-badge\"\u003e🌿 Non filtré\u003c\/span\u003e\n \u003cspan class=\"ach-badge\"\u003e⚗️ Avec la mère\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ach-hero-title\"\u003eVinaigre de cidre bio Archie\u003c\/span\u003e\n \u003cp class=\"ach-subtitle\"\u003eLa solution miracle dans une cuillère à soupe\u003c\/p\u003e\n \u003cp class=\"ach-description\"\u003eRéduisez vos pics de glucose jusqu'à 30% et retrouvez un confort digestif optimal grâce à ce concentré de savoir-faire normand.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ach-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits qui changent tout\u003c\/h2\u003e\n \u003cdiv class=\"ach-grid\"\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e📉 Glycémie sous contrôle\u003c\/h3\u003e\n \u003cp\u003eRéduit le pic de glucose après les repas \u003cstrong\u003ejusqu'à 30%\u003c\/strong\u003e. Stabilise votre énergie et évite les coups de pompe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e🌟 Digestion facilitée\u003c\/h3\u003e\n \u003cp\u003eRéduit les ballonnements, reflux et transit capricieux. Votre ventre vous dit merci.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e🍽️ Coupe-faim naturel\u003c\/h3\u003e\n \u003cp\u003eFavorise la satiété et contrôle les envies de grignotage. L'allié de votre équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e⚡ Boost de vitalité\u003c\/h3\u003e\n \u003cp\u003eMaintient une énergie stable toute la journée. Fini les baisses de régime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e🦠 Probiotiques vivants\u003c\/h3\u003e\n \u003cp\u003eRiche en enzymes et bonnes bactéries grâce à la mère de vinaigre préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e🔥 Soutien métabolique\u003c\/h3\u003e\n \u003cp\u003eAccompagne vos objectifs détox en activant naturellement votre métabolisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ach-section\"\u003e\n \u003ch2\u003e🍏 L'authenticité normande\u003c\/h2\u003e\n \u003cdiv class=\"ach-process\"\u003e\n \u003cdiv class=\"ach-process-step\"\u003e\n \u003cdiv class=\"ach-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ach-step-content\"\u003e\n \u003ch3\u003e🍎 Pommes d'exception\u003c\/h3\u003e\n \u003cp\u003ePlus de \u003cstrong\u003e20 variétés de pommes bio\u003c\/strong\u003e issues de vergers normands soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-process-step\"\u003e\n \u003cdiv class=\"ach-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ach-step-content\"\u003e\n \u003ch3\u003e⏳ Double fermentation\u003c\/h3\u003e\n \u003cp\u003eTransformation artisanale sans ajout chimique pour préserver tous les nutriments essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-process-step\"\u003e\n \u003cdiv class=\"ach-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ach-step-content\"\u003e\n \u003ch3\u003e✨ Archi brut\u003c\/h3\u003e\n \u003cp\u003eNon filtré, non pasteurisé. Un produit \u003cstrong\u003evivant\u003c\/strong\u003e, riche en probiotiques et acides organiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ach-section\"\u003e\n \u003ch2\u003e💡 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ach-usage-box\"\u003e\n \u003cdiv class=\"ach-usage-main\"\u003e\n \u003cspan class=\"ach-usage-icon\"\u003e🥄\u003c\/span\u003e\n \u003cdiv class=\"ach-usage-text\"\u003e\n \u003cstrong\u003e1 cuillère à soupe\u003c\/strong\u003e\n \u003cspan\u003edans un grand verre d'eau\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-usage-timing\"\u003e\n \u003cdiv class=\"ach-timing-card\"\u003e\n \u003ch3\u003e⏰ Quand ?\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e15-20 min avant\u003c\/strong\u003e les repas principaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-timing-card\"\u003e\n \u003ch3\u003e📅 Durée ?\u003c\/h3\u003e\n \u003cp\u003eEn cure de \u003cstrong\u003eplusieurs semaines\u003c\/strong\u003e pour des effets optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-tip\"\u003e\n \u003cspan\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Utilisez-le aussi en assaisonnement dans vos salades ou marinades !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ach-section\"\u003e\n \u003ch2\u003e✅ Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"ach-grid\"\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e🍽️ Bien-être digestif\u003c\/h3\u003e\n \u003cp\u003eVous cherchez à améliorer votre confort intestinal et dire adieu aux ballonnements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e⚖️ Contrôle glycémique\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez stabiliser votre taux de sucre et éviter les pics après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e💼 Actifs pressés\u003c\/h3\u003e\n \u003cp\u003eVous voulez une énergie constante sans les coups de fatigue de l'après-midi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e🧳 Format voyage\u003c\/h3\u003e\n \u003cp\u003e200ml pratique pour emporter au bureau ou tester avant d'adopter le grand format.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ach-section\"\u003e\n \u003ch2\u003e🌍 Engagements écoresponsables\u003c\/h2\u003e\n \u003cdiv class=\"ach-grid-compact\"\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e♻️ Verre recyclable\u003c\/h3\u003e\n \u003cp\u003e100% recyclable à l'infini\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e🌳 Bouchon bois\u003c\/h3\u003e\n \u003cp\u003eMatériau noble et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e🎨 Encre végétale\u003c\/h3\u003e\n \u003cp\u003eÉtiquette écoresponsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ach-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in Normandie\u003c\/h3\u003e\n \u003cp\u003eVergers bio certifiés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ach-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ach-accordion\"\u003e\n \u003cdetails class=\"ach-accordion-item\"\u003e\n \u003csummary class=\"ach-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ach-accordion-content\"\u003e\n \u003cp\u003eConserver entre \u003cstrong\u003e5°C et 25°C\u003c\/strong\u003e, à l'abri de la lumière directe. Bien refermer après chaque utilisation. Le dépôt naturel au fond de la bouteille est normal et témoigne de la qualité non filtrée du produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ach-accordion-item\"\u003e\n \u003csummary class=\"ach-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ach-accordion-content\"\u003e\n \u003cp\u003eRéservé à l'adulte. Non recommandé pendant la grossesse ou l'allaitement. À éviter en cas d'ulcère gastrique ou de troubles digestifs aigus. \u003cstrong\u003eNe jamais consommer pur\u003c\/strong\u003e : toujours diluer dans de l'eau. Consulter un professionnel de santé en cas de traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ach-accordion-item\"\u003e\n \u003csummary class=\"ach-accordion-header\"\u003e📦 Composition\u003c\/summary\u003e\n \u003cdiv class=\"ach-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Vinaigre de cidre biologique* non filtré, non pasteurisé, avec la mère de vinaigre. *Issu de l'agriculture biologique. Origine : Normandie, France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ach-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ach-cta-box\"\u003e\n \u003cp\u003e🥄✨ Une cuillère avant chaque repas : le geste simple qui transforme votre digestion, stabilise votre glycémie et booste votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ach-cream: #f7fafb;\n --ach-white: #ffffff;\n --ach-primary: #7BCBD7;\n --ach-primary-dark: #4BA8B8;\n --ach-primary-light: #E5F5F7;\n --ach-secondary: #D4944A;\n --ach-accent: #1E3A5F;\n --ach-text: #1a1a1a;\n --ach-text-light: #5a5a5a;\n --ach-border: #e0e0e0;\n --ach-shadow: 0 4px 24px rgba(123, 203, 215, .12);\n --ach-shadow-lg: 0 12px 48px rgba(123, 203, 215, .2);\n --ach-radius: 20px;\n --ach-radius-sm: 12px;\n}\n\n.ach-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ach-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ach-hero {\n position: relative;\n background: linear-gradient(135deg, #7BCBD7 0%, #4BA8B8 50%, #D4944A 100%);\n border-radius: var(--ach-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(--ach-shadow-lg);\n}\n\n.ach-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% 30%, rgba(255,255,255,.5) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.ach-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ach-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.ach-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(--ach-accent);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ach-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ach-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.ach-subtitle {\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n color: rgba(255,255,255,.95);\n margin: 0 0 1rem 0;\n}\n\n.ach-description {\n font-size: clamp(14px, 2vw, 17px);\n color: rgba(255,255,255,.9);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.ach-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ach-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ach-accent);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ach-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(--ach-primary), var(--ach-secondary));\n border-radius: 2px;\n}\n\n.ach-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ach-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ach-card {\n background: var(--ach-white);\n border-radius: var(--ach-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ach-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ach-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ach-shadow-lg);\n border-color: var(--ach-primary);\n}\n\n.ach-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ach-accent);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ach-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ach-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ach-card strong {\n color: var(--ach-primary-dark);\n}\n\n.ach-process {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ach-process-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--ach-white);\n border-radius: var(--ach-radius);\n padding: 1.5rem;\n box-shadow: var(--ach-shadow);\n transition: all .3s ease;\n}\n\n.ach-process-step:hover {\n transform: translateX(6px);\n box-shadow: var(--ach-shadow-lg);\n}\n\n.ach-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--ach-primary), var(--ach-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n}\n\n.ach-step-content h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--ach-accent);\n margin: 0 0 .35rem 0;\n}\n\n.ach-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ach-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ach-step-content strong {\n color: var(--ach-primary-dark);\n}\n\n.ach-usage-box {\n background: linear-gradient(135deg, var(--ach-primary-light) 0%, #FDF6EE 100%);\n border-radius: var(--ach-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: 1rem;\n}\n\n.ach-usage-main {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n flex-wrap: wrap;\n}\n\n.ach-usage-icon {\n font-size: clamp(48px, 10vw, 64px);\n}\n\n.ach-usage-text {\n text-align: left;\n}\n\n.ach-usage-text strong {\n display: block;\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: var(--ach-accent);\n}\n\n.ach-usage-text span {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--ach-text-light);\n}\n\n.ach-usage-timing {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.ach-timing-card {\n background: var(--ach-white);\n border-radius: var(--ach-radius-sm);\n padding: 1.25rem;\n text-align: center;\n}\n\n.ach-timing-card h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--ach-accent);\n margin: 0 0 .35rem 0;\n}\n\n.ach-timing-card p {\n font-size: 14px;\n color: var(--ach-text-light);\n margin: 0;\n}\n\n.ach-timing-card strong {\n color: var(--ach-primary-dark);\n}\n\n.ach-tip {\n background: var(--ach-white);\n border-left: 4px solid var(--ach-secondary);\n border-radius: var(--ach-radius-sm);\n padding: 1rem 1.25rem;\n display: flex;\n align-items: center;\n gap: .75rem;\n box-shadow: var(--ach-shadow);\n}\n\n.ach-tip span {\n font-size: 24px;\n}\n\n.ach-tip p {\n font-size: 14px;\n color: var(--ach-text-light);\n margin: 0;\n}\n\n.ach-tip strong {\n color: var(--ach-accent);\n}\n\n.ach-accordion {\n background: var(--ach-white);\n border-radius: var(--ach-radius);\n box-shadow: var(--ach-shadow);\n overflow: hidden;\n}\n\n.ach-accordion-item {\n border-bottom: 1px solid var(--ach-border);\n margin: 0;\n padding: 0;\n}\n\n.ach-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ach-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ach-accent);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ach-accordion-header:hover {\n background: var(--ach-primary-light);\n}\n\n.ach-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ach-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ach-primary);\n transition: transform .2s ease;\n}\n\n.ach-accordion-item[open] .ach-accordion-header::after {\n content: '−';\n}\n\n.ach-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ach-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ach-accordion-content p {\n margin: 0;\n}\n\n.ach-accordion-content strong {\n color: var(--ach-accent);\n}\n\n.ach-cta-box {\n background: linear-gradient(135deg, var(--ach-primary) 0%, var(--ach-primary-dark) 100%);\n border-radius: var(--ach-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ach-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 .ach-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ach-grid-compact {\n gap: .625rem;\n }\n \n .ach-grid-compact .ach-card {\n padding: .75rem;\n }\n \n .ach-grid-compact .ach-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .ach-grid-compact .ach-card p {\n font-size: 12px;\n }\n \n .ach-card {\n padding: 1.125rem;\n }\n \n .ach-section {\n margin-bottom: 1.75rem;\n }\n \n .ach-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ach-radius-sm);\n }\n \n .ach-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ach-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ach-process-step {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n \n .ach-usage-timing {\n grid-template-columns: 1fr;\n }\n \n .ach-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ach-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ach-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ach-card:nth-child(1) { animation-delay: .05s; }\n .ach-card:nth-child(2) { animation-delay: .1s; }\n .ach-card:nth-child(3) { animation-delay: .15s; }\n .ach-card:nth-child(4) { animation-delay: .2s; }\n .ach-card:nth-child(5) { animation-delay: .25s; }\n .ach-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 .ach-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Archie","offers":[{"title":"Default Title","offer_id":55713696416121,"sku":"NBAIARC0001","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vinaigre_de_cidre_bio_archie_200ml-min.jpg?v=1756485030"},{"product_id":"cure-good-night-vinaigre-de-cidre-bio-archie","title":"Cure Good Night bio au Vinaigre de Cidre bio (200ml) - Archie","description":"\u003c!-- Méta SEO --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Contenu fiche produit --\u003e\n\u003cp\u003eDécouvrez la \u003cstrong\u003eCure Good Night bio\u003c\/strong\u003e d’Archie, une boisson bien-être à base de \u003cstrong\u003evinaigre de cidre bio non filtré\u003c\/strong\u003e, associée à des plantes reconnues pour leur effet apaisant. Conçue comme un rituel du soir, elle accompagne votre digestion et favorise la relaxation avant le coucher.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes bienfaits de la Cure Good Night Archie\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePréparer le corps au repos\u003c\/strong\u003e grâce à l’association de mélisse et camomille, plantes réputées pour leur action relaxante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoutenir la digestion du soir\u003c\/strong\u003e avec le vinaigre de cidre brut et non pasteurisé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e100 % bio et naturel\u003c\/strong\u003e, sans additifs ni sucres raffinés.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eIngrédients \u0026amp; composition\u003c\/h2\u003e\n\u003cp\u003eLa Cure Good Night bio est élaborée uniquement avec des ingrédients naturels et certifiés biologiques :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eVinaigre de cidre bio non filtré (France)\u003c\/li\u003e\n\u003cli\u003eMélisse bio\u003c\/li\u003e\n\u003cli\u003ePassiflore bio\u003c\/li\u003e\n\u003cli\u003eCamomille bio\u003c\/li\u003e\n\u003cli\u003eMiel bio\u003c\/li\u003e\n\u003cli\u003eInfusion de plantes apaisantes\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cem\u003eSans gluten – Convient aux régimes végétariens.\u003c\/em\u003e\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment consommer la Cure Good Night ?\u003c\/h2\u003e\n\u003cp\u003ePour profiter pleinement des bienfaits de cette cure :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAgitez la bouteille avant emploi.\u003c\/li\u003e\n\u003cli\u003eDiluez 2 cuillères à soupe (20 ml) dans un verre d’eau tiède ou fraîche.\u003c\/li\u003e\n\u003cli\u003eÀ prendre \u003cstrong\u003ele soir après le repas\u003c\/strong\u003e ou environ 30 minutes avant le coucher.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eUn flacon de 200 ml correspond à environ 10 prises.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePrécautions d’emploi\u003c\/h2\u003e\n\u003cp\u003eLa Cure Good Night bio est un complément naturel, mais elle ne remplace pas une alimentation équilibrée ni un traitement médical. Déconseillé aux personnes allergiques aux produits de la ruche. Tenir hors de portée des enfants.\u003c\/p\u003e","brand":"Archie","offers":[{"title":"Default Title","offer_id":55713715847545,"sku":"NBAIARC0005","price":22.5,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cure-good-night-archie-min.jpg?v=1756486311"},{"product_id":"vinaigre-de-cidre-au-miel-bio-500-ml-archie","title":"Vinaigre de cidre au miel bio Archie – 500 ml","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vinaigre de cidre au miel bio Archie\nPalette détectée:\n - Primaire: #F5B942 (jaune doré ambré du liquide, évoquant le miel et la chaleur)\n - Secondaire: #E89534 (orange cuivré du vinaigre)\n - Accent: #FFE8B8 (beige crème doux du fond)\n - Complémentaire: #8B6F3E (brun doré pour contraste)\nAmbiance: Naturel bio premium, chaleureux, artisanal français, bien-être quotidien, douceur du miel\nStyle suggéré: Organique et chaleureux avec touches premium, valorisant l'authenticité française et le côté \"living food\"\nPréfixe CSS: arc\n--\u003e\n\u003cdiv class=\"arc-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"arc-hero\"\u003e\n\u003cdiv class=\"arc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"arc-hero-content\"\u003e\n\u003cdiv class=\"arc-badges-top\"\u003e\n\u003cspan class=\"arc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"arc-badge\"\u003e🌿 100% bio\u003c\/span\u003e \u003cspan class=\"arc-badge\"\u003e🍯 Avec miel bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"arc-hero-title\"\u003eVinaigre de cidre au miel bio\u003c\/span\u003e\n\u003cp class=\"arc-subtitle\"\u003eLa cure bien-être gourmande qui allie vitalité et douceur\u003c\/p\u003e\n\u003cp class=\"arc-description\"\u003eUne alliance unique entre le vinaigre de cidre brut, non filtré et la douceur naturelle du miel bio. Élaboré en France avec soin, ce nectar doré transforme votre rituel bien-être en moment de plaisir quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POURQUOI ARCHIE --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003ePourquoi choisir Archie ?\u003c\/h2\u003e\n\u003cdiv class=\"arc-grid\"\u003e\n\u003cdiv class=\"arc-card\"\u003e\n\u003ch3\u003e🇫🇷 100% bio \u0026amp; français\u003c\/h3\u003e\n\u003cp\u003eÉlaboré en France avec des ingrédients bio certifiés, pour une qualité premium et une traçabilité totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-card\"\u003e\n\u003ch3\u003e🍯 Goût doux et équilibré\u003c\/h3\u003e\n\u003cp\u003eLe miel bio adoucit naturellement l'acidité du vinaigre, rendant chaque gorgée agréable et savoureuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-card\"\u003e\n\u003ch3\u003e🌾 Produit brut et vivant\u003c\/h3\u003e\n\u003cp\u003eNon filtré, non pasteurisé, contient la précieuse \"mère\" de vinaigre, gage d'authenticité et de bienfaits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-card\"\u003e\n\u003ch3\u003e♻️ Engagement écologique\u003c\/h3\u003e\n\u003cp\u003eBouteille en verre recyclable au design élégant, pour consommer responsable sans compromis sur l'esthétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eLes atouts bien-être du vinaigre de cidre au miel\u003c\/h2\u003e\n\u003cdiv class=\"arc-benefits-grid\"\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eBien-être digestif\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement utilisé pour soutenir une digestion harmonieuse après les repas, il accompagne votre confort intestinal au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eCoup de boost matinal\u003c\/h3\u003e\n\u003cp\u003eDémarrez la journée du bon pied avec ce rituel vivifiant qui réveille le corps en douceur et apporte une sensation de légèreté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3\u003ePolyvalence d'usage\u003c\/h3\u003e\n\u003cp\u003eÀ savourer en boisson bien-être le matin ou après les repas, ou à intégrer dans vos préparations culinaires pour sublimer vos plats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e😌\u003c\/div\u003e\n\u003ch3\u003eDouceur gustative\u003c\/h3\u003e\n\u003cp\u003eL'acidité caractéristique du vinaigre est harmonieusement adoucie par le miel, rendant la cure agréable même pour les palais sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eÉquilibre naturel\u003c\/h3\u003e\n\u003cp\u003eUn produit brut et authentique qui respecte les processus naturels, sans additifs ni transformations agressives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-benefit-card\"\u003e\n\u003cdiv class=\"arc-benefit-icon\"\u003e🍃\u003c\/div\u003e\n\u003ch3\u003eMicrobiote ami\u003c\/h3\u003e\n\u003cp\u003eGrâce à sa richesse naturelle et sa \"mère\" de vinaigre, il participe à l'équilibre de votre flore intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eUne composition pure et naturelle\u003c\/h2\u003e\n\u003cp class=\"arc-intro-text\"\u003eUne recette simple, sans artifices ni additifs, pour un produit authentique qui révèle toute la richesse de ses ingrédients bio.\u003c\/p\u003e\n\u003cdiv class=\"arc-ingredients\"\u003e\n\u003cdiv class=\"arc-ingredient\"\u003e\n\u003ch3\u003e🍎 Vinaigre de cidre bio\u003c\/h3\u003e\n\u003cp\u003eNon filtré, non pasteurisé, fabriqué en France. Contient naturellement la \"mère\" de vinaigre, symbole de qualité et d'authenticité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-ingredient\"\u003e\n\u003ch3\u003e🍯 Miel bio\u003c\/h3\u003e\n\u003cp\u003eSélectionné pour sa douceur et sa qualité, il apporte une rondeur naturelle qui sublime le vinaigre sans masquer ses bienfaits.\u003cstrong\u003eProduit brut et vivant\u003c\/strong\u003e – Contient naturellement la \"mère\" de vinaigre, témoignage d'un processus de fermentation traditionnel et respectueux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eComment consommer votre vinaigre de cidre au miel ?\u003c\/h2\u003e\n\u003cdiv class=\"arc-usage-grid\"\u003e\n\u003cdiv class=\"arc-usage-card\"\u003e\n\u003cdiv class=\"arc-usage-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eEn boisson bien-être\u003c\/h3\u003e\n\u003cp\u003eDiluez \u003cstrong\u003e1 à 2 cuillères à soupe\u003c\/strong\u003e dans un grand verre d'eau tiède ou froide. À consommer de préférence le matin à jeun ou après un repas copieux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-usage-card\"\u003e\n\u003cdiv class=\"arc-usage-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eEn cure quotidienne\u003c\/h3\u003e\n\u003cp\u003ePour une cure optimale, prenez \u003cstrong\u003e20 ml par jour\u003c\/strong\u003e pendant 2 à 3 semaines. Une bouteille de 500 ml offre environ \u003cstrong\u003e25 jours de cure\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-usage-card\"\u003e\n\u003cdiv class=\"arc-usage-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eEn cuisine gourmande\u003c\/h3\u003e\n\u003cp\u003eSublimez vos salades composées, déglacer vos légumes poêlés ou adoucissez vos marinades. Son goût doux se marie à merveille avec de nombreuses préparations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPARATIF --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eVinaigre au miel vs vinaigre de cidre classique\u003c\/h2\u003e\n\u003cdiv class=\"arc-comparison\"\u003e\n\u003cdiv class=\"arc-comparison-table\"\u003e\n\u003cdiv class=\"arc-comparison-row arc-comparison-header\"\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eProduit\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eGoût\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eIdéal pour\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-row\"\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003e\u003cstrong\u003eVinaigre de cidre classique\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eAcidulé et prononcé\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eCuisine, assaisonnements forts\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-row arc-comparison-highlight\"\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003e\n\u003cstrong\u003eVinaigre au miel Archie\u003c\/strong\u003e ⭐\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eDoux, rond et équilibré\u003c\/div\u003e\n\u003cdiv class=\"arc-comparison-cell\"\u003eCure bien-être quotidienne \u0026amp; boisson plaisir\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- IDÉES D'UTILISATION --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eIdées d'utilisation au quotidien\u003cspan class=\"arc-idea-emoji\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"arc-ideas-grid\"\u003e\n\u003cdiv class=\"arc-idea-card\"\u003e\n\u003cp\u003e\u003cstrong\u003e🌅 Rituel matinal\u003c\/strong\u003e\u003cbr\u003e1 c. à s. dans de l'eau tiède pour bien commencer la journée\u003cspan class=\"arc-idea-emoji\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-idea-card\"\u003e\n\u003cp\u003e\u003cstrong\u003e🥗 Vinaigrette santé\u003c\/strong\u003e\u003cbr\u003eAssociez-le à une huile de colza ou de noix pour une salade vitaminée\u003cspan class=\"arc-idea-emoji\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-idea-card\"\u003e\n\u003cp\u003e\u003cstrong\u003e🍋 Boisson détox\u003c\/strong\u003e\u003cbr\u003eDans une eau citron-gingembre pour un effet purifiant\u003cspan class=\"arc-idea-emoji\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-idea-card\"\u003e\n\u003cp\u003e\u003cstrong\u003e🍴 Après le repas\u003c\/strong\u003e\u003cbr\u003ePour faciliter la digestion et apporter une touche de légèreté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CHIFFRES CLÉS --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003ch2\u003eEn chiffres\u003c\/h2\u003e\n\u003cdiv class=\"arc-stats-grid\"\u003e\n\u003cdiv class=\"arc-stat\"\u003e\n\u003cdiv class=\"arc-stat-number\"\u003e500 ml\u003c\/div\u003e\n\u003cdiv class=\"arc-stat-label\"\u003eFormat généreux\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-stat\"\u003e\n\u003cdiv class=\"arc-stat-number\"\u003e25 jours\u003c\/div\u003e\n\u003cdiv class=\"arc-stat-label\"\u003eDurée de cure moyenne\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-stat\"\u003e\n\u003cdiv class=\"arc-stat-number\"\u003e100%\u003c\/div\u003e\n\u003cdiv class=\"arc-stat-label\"\u003eBio \u0026amp; français\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"arc-stat\"\u003e\n\u003cdiv class=\"arc-stat-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"arc-stat-label\"\u003eIngrédients seulement\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"arc-section\"\u003e\n\u003cdiv class=\"arc-warning-box\"\u003e\n\u003cdiv class=\"arc-warning-content\"\u003e\n\u003ch3\u003e⚠️ Précautions d'emploi\u003c\/h3\u003e\n\u003cp\u003eCe vinaigre de cidre au miel est un produit naturel et alimentaire. Il ne remplace pas une alimentation équilibrée ni un traitement médical. Déconseillé aux personnes allergiques aux produits de la ruche. Tenir hors de portée des jeunes enfants. Toujours diluer avant consommation.\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=\"arc-section\"\u003e\n\u003cdiv class=\"arc-cta-box\"\u003e\n\u003cdiv class=\"arc-cta-content\"\u003e\n\u003cspan class=\"arc-cta-emoji\"\u003e\u003c\/span\u003e\n\u003cp\u003e🍯 Transformez votre routine bien-être avec Archie, le vinaigre de cidre au miel qui allie efficacité et plaisir. Une cure douce et gourmande, 100% naturelle, pour prendre soin de vous au quotidien.\u003c\/p\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 --arc-cream: #FFF8ED;\n --arc-white: #ffffff;\n --arc-primary: #F5B942;\n --arc-primary-dark: #E89534;\n --arc-primary-light: #FFF4E0;\n --arc-secondary: #FFD67F;\n --arc-accent: #8B6F3E;\n --arc-honey: #D4A855;\n\n \/* Textes *\/\n --arc-text: #1a1a1a;\n --arc-text-light: #5a5a5a;\n\n \/* Effets *\/\n --arc-border: #F0E6D2;\n --arc-shadow: 0 4px 24px rgba(245, 185, 66, 0.12);\n --arc-shadow-lg: 0 12px 48px rgba(245, 185, 66, 0.2);\n --arc-radius: 20px;\n --arc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.arc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--arc-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.arc-hero {\n position: relative;\n background: linear-gradient(135deg, #F5B942 0%, #FFD67F 50%, #E89534 100%);\n border-radius: var(--arc-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(--arc-shadow-lg);\n}\n\n.arc-hero-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,.3) 35px, rgba(255,255,255,.3) 70px),\n radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.15) 0%, transparent 50%);\n}\n\n.arc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arc-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.arc-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(--arc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.arc-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(139, 111, 62, .3);\n}\n\n.arc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.arc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0,0,0,.08);\n}\n\n\/* === SECTIONS === *\/\n.arc-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.arc-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--arc-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.arc-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(--arc-primary), var(--arc-honey));\n border-radius: 2px;\n}\n\n.arc-intro-text {\n text-align: center;\n font-size: clamp(16px, 2.3vw, 19px);\n color: var(--arc-text-light);\n max-width: 700px;\n margin: 0 auto 2.5rem;\n line-height: 1.7;\n}\n\n\/* === GRILLE CARDS === *\/\n.arc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.arc-card {\n background: var(--arc-white);\n border-radius: var(--arc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arc-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--arc-shadow-lg);\n border-color: var(--arc-primary);\n}\n\n.arc-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.arc-card h3 {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--arc-text);\n margin: 0 0 0.8rem 0;\n}\n\n.arc-card p {\n font-size: 15px;\n color: var(--arc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFITS GRID === *\/\n.arc-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.arc-benefit-card {\n background: linear-gradient(135deg, var(--arc-white) 0%, var(--arc-primary-light) 100%);\n border-radius: var(--arc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arc-shadow);\n border-left: 4px solid var(--arc-primary);\n transition: all .3s ease;\n}\n\n.arc-benefit-card:hover {\n transform: translateX(8px);\n box-shadow: var(--arc-shadow-lg);\n}\n\n.arc-benefit-icon {\n font-size: 40px;\n margin-bottom: 0.8rem;\n line-height: 1;\n}\n\n.arc-benefit-card h3 {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--arc-accent);\n margin: 0 0 0.6rem 0;\n}\n\n.arc-benefit-card p {\n font-size: 15px;\n color: var(--arc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.arc-ingredients {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.arc-ingredient {\n background: var(--arc-white);\n border-radius: var(--arc-radius);\n padding: clamp(1.8rem, 3.5vw, 2.5rem);\n box-shadow: var(--arc-shadow);\n text-align: center;\n border: 2px solid var(--arc-border);\n transition: all .3s ease;\n}\n\n.arc-ingredient:hover {\n transform: scale(1.03);\n border-color: var(--arc-primary);\n}\n\n.arc-ingredient-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.arc-ingredient h3 {\n font-size: clamp(19px, 2.7vw, 23px);\n font-weight: 800;\n color: var(--arc-text);\n margin: 0 0 0.8rem 0;\n}\n\n.arc-ingredient p {\n font-size: 15px;\n color: var(--arc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.arc-living-badge {\n background: linear-gradient(135deg, var(--arc-primary-light) 0%, var(--arc-secondary) 100%);\n border-radius: var(--arc-radius-sm);\n padding: clamp(1.2rem, 2.5vw, 1.8rem);\n display: flex;\n align-items: center;\n gap: 1rem;\n box-shadow: var(--arc-shadow);\n}\n\n.arc-living-icon {\n font-size: 32px;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.arc-living-badge p {\n margin: 0;\n font-size: 15px;\n color: var(--arc-text);\n line-height: 1.6;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.arc-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.arc-usage-card {\n background: var(--arc-white);\n border-radius: var(--arc-radius);\n padding: clamp(1.8rem, 3.5vw, 2.5rem);\n box-shadow: var(--arc-shadow);\n position: relative;\n border: 2px solid var(--arc-border);\n transition: all .3s ease;\n}\n\n.arc-usage-card:hover {\n transform: translateY(-6px);\n border-color: var(--arc-primary);\n}\n\n.arc-usage-number {\n position: absolute;\n top: -15px;\n left: 20px;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--arc-primary) 0%, var(--arc-honey) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(245, 185, 66, 0.4);\n}\n\n.arc-usage-card h3 {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--arc-text);\n margin: 0 0 0.8rem 0;\n}\n\n.arc-usage-card p {\n font-size: 15px;\n color: var(--arc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPARATIF === *\/\n.arc-comparison {\n background: var(--arc-white);\n border-radius: var(--arc-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--arc-shadow);\n overflow-x: auto;\n}\n\n.arc-comparison-table {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0;\n min-width: 100%;\n}\n\n.arc-comparison-row {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1.5fr;\n gap: 1rem;\n padding: 1rem;\n border-bottom: 1px solid var(--arc-border);\n}\n\n.arc-comparison-header {\n background: linear-gradient(135deg, var(--arc-primary-light) 0%, var(--arc-secondary) 100%);\n border-radius: var(--arc-radius-sm) var(--arc-radius-sm) 0 0;\n border-bottom: 2px solid var(--arc-primary);\n font-weight: 800;\n color: var(--arc-text);\n}\n\n.arc-comparison-highlight {\n background: linear-gradient(135deg, var(--arc-primary-light) 0%, rgba(255,255,255,.8) 100%);\n border-left: 4px solid var(--arc-primary);\n font-weight: 600;\n}\n\n.arc-comparison-cell {\n font-size: 15px;\n color: var(--arc-text);\n line-height: 1.5;\n}\n\n@media (max-width: 767px) {\n .arc-comparison-row {\n grid-template-columns: 1fr;\n gap: 0.5rem;\n }\n \n .arc-comparison-cell:before {\n content: attr(data-label);\n font-weight: 700;\n display: block;\n margin-bottom: 0.3rem;\n color: var(--arc-primary-dark);\n }\n}\n\n\/* === IDÉES === *\/\n.arc-ideas-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.arc-idea-card {\n background: var(--arc-white);\n border-radius: var(--arc-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--arc-shadow);\n border: 2px solid var(--arc-border);\n transition: all .3s ease;\n}\n\n.arc-idea-card:hover {\n transform: scale(1.05);\n border-color: var(--arc-primary);\n}\n\n.arc-idea-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n line-height: 1;\n}\n\n.arc-idea-card p {\n font-size: 14px;\n color: var(--arc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === STATS === *\/\n.arc-stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.arc-stat {\n background: linear-gradient(135deg, var(--arc-primary) 0%, var(--arc-honey) 100%);\n border-radius: var(--arc-radius);\n padding: clamp(2rem, 4vw, 3rem) 1.5rem;\n text-align: center;\n box-shadow: var(--arc-shadow-lg);\n transition: all .3s ease;\n}\n\n.arc-stat:hover {\n transform: translateY(-8px) scale(1.03);\n}\n\n.arc-stat-number {\n font-size: clamp(40px, 7vw, 56px);\n font-weight: 900;\n color: white;\n margin-bottom: 0.5rem;\n letter-spacing: -.02em;\n text-shadow: 0 4px 16px rgba(0,0,0,.2);\n}\n\n.arc-stat-label {\n font-size: 15px;\n font-weight: 700;\n color: rgba(255,255,255,.95);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === WARNING BOX === *\/\n.arc-warning-box {\n background: linear-gradient(135deg, #FFF4E0 0%, #FFE8CC 100%);\n border-left: 4px solid #E89534;\n border-radius: var(--arc-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n box-shadow: var(--arc-shadow);\n}\n\n.arc-warning-icon {\n font-size: 36px;\n line-height: 1;\n flex-shrink: 0;\n}\n\n.arc-warning-content h3 {\n font-size: clamp(18px, 2.5vw, 21px);\n font-weight: 800;\n color: var(--arc-accent);\n margin: 0 0 0.8rem 0;\n}\n\n.arc-warning-content p {\n font-size: 14px;\n color: var(--arc-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.arc-cta-box {\n background: linear-gradient(135deg, var(--arc-primary) 0%, var(--arc-primary-dark) 100%);\n border-radius: var(--arc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--arc-shadow-lg);\n}\n\n.arc-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 20% 50%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.arc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.arc-cta-emoji {\n font-size: 64px;\n display: block;\n margin-bottom: 1.5rem;\n line-height: 1;\n animation: float 3s ease-in-out infinite;\n}\n\n.arc-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arc-card,\n .arc-benefit-card,\n .arc-usage-card,\n .arc-idea-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .arc-card:nth-child(1),\n .arc-benefit-card:nth-child(1),\n .arc-usage-card:nth-child(1),\n .arc-idea-card:nth-child(1) { animation-delay: .1s; }\n \n .arc-card:nth-child(2),\n .arc-benefit-card:nth-child(2),\n .arc-usage-card:nth-child(2),\n .arc-idea-card:nth-child(2) { animation-delay: .2s; }\n \n .arc-card:nth-child(3),\n .arc-benefit-card:nth-child(3),\n .arc-usage-card:nth-child(3),\n .arc-idea-card:nth-child(3) { animation-delay: .3s; }\n \n .arc-card:nth-child(4),\n .arc-benefit-card:nth-child(4),\n .arc-usage-card:nth-child(4),\n .arc-idea-card:nth-child(4) { animation-delay: .4s; }\n \n .arc-card:nth-child(5),\n .arc-benefit-card:nth-child(5) { animation-delay: .5s; }\n \n .arc-card:nth-child(6),\n .arc-benefit-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .arc-grid,\n .arc-benefits-grid,\n .arc-usage-grid,\n .arc-ideas-grid,\n .arc-stats-grid,\n .arc-ingredients {\n grid-template-columns: 1fr;\n }\n \n .arc-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .arc-living-badge {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .arc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .arc-premium {\n --arc-shadow: 0 4px 24px rgba(0,0,0,.25);\n --arc-shadow-lg: 0 12px 48px rgba(0,0,0,.35);\n }\n \n .arc-card,\n .arc-benefit-card,\n .arc-usage-card,\n .arc-ingredient {\n border-width: 3px;\n }\n}\n\n\/* === TYPOGRAPHIE === *\/\n.arc-premium strong {\n font-weight: 700;\n color: var(--arc-accent);\n}\n\u003c\/style\u003e","brand":"Archie","offers":[{"title":"Default Title","offer_id":55715266593145,"sku":"NBAIARC0006","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vinaigre-de-cidre-au-miel-bio-500ml-archie-4-min.jpg?v=1756539444"},{"product_id":"latte-original-chai-bio-numorning","title":"Morning latte original chaï bio (5 épices et sucre de coco) 125 g - nüMorning","description":"\u003cdiv class=\"chai-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"chai-hero\"\u003e\n \u003cdiv class=\"chai-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"chai-hero-content\"\u003e\n \u003cdiv class=\"chai-badges-top\"\u003e\n \u003cspan class=\"chai-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"chai-badge\"\u003e☕ 20 tasses\u003c\/span\u003e\n \u003cspan class=\"chai-badge\"\u003e⚡ Prêt en 5 sec\u003c\/span\u003e\n \u003cspan class=\"chai-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"chai-hero-title\"\u003eMorning Latte Original Chaï Bio\u003c\/span\u003e\n \u003cp class=\"chai-subtitle\"\u003e5 épices \u0026amp; sucre de coco · nüMorning\u003c\/p\u003e\n \u003cp class=\"chai-description\"\u003eLe rituel réconfortant sans caféine qui transforme chaque pause en voyage sensoriel. Seulement 2 ingrédients, zéro additif, une douceur naturelle irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"chai-section\"\u003e\n \u003ch2\u003eChaï latte bio aux 5 épices : votre rituel réconfortant sans caféine\u003c\/h2\u003e\n \u003cp class=\"chai-section-intro\"\u003eImaginez des arômes enveloppants de cannelle, de cardamome et de gingembre qui s'élèvent de votre tasse, une texture crémeuse et une douceur naturelle qui réchauffe chaque gorgée.\u003c\/p\u003e\n \u003cdiv class=\"chai-grid-compact\"\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e🍵 Tradition indienne\u003c\/h3\u003e\n \u003cp\u003eUn authentique mélange chaï inspiré des recettes ancestrales, revisité par nüMorning.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e🌱 Formule minimaliste\u003c\/h3\u003e\n \u003cp\u003eSeulement 2 ingrédients, zéro additif, zéro arôme artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e🍃 Sans théine ni caféine\u003c\/h3\u003e\n \u003cp\u003eParfait à tout moment de la journée, même le soir avant de dormir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e✨ Sucré naturellement\u003c\/h3\u003e\n \u003cp\u003eSucre de fleur de coco équitable pour une douceur subtile et un indice glycémique bas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"chai-section\"\u003e\n \u003ch2\u003eUne composition bio courte et transparente\u003c\/h2\u003e\n \u003cp class=\"chai-section-intro\"\u003ePas de liste interminable d'ingrédients ici. Chaque boîte de 125 g contient uniquement :\u003c\/p\u003e\n \u003cdiv class=\"chai-grid\"\u003e\n \u003cdiv class=\"chai-card chai-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Sucre de fleur de coco biologique\u003c\/h3\u003e\n \u003cp\u003eCommerce équitable — un sucrant naturel à \u003cstrong\u003eindice glycémique bas\u003c\/strong\u003e, riche en minéraux, qui apporte une douceur subtile sans pic de glycémie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-card chai-card-ingredient\"\u003e\n \u003ch3\u003e🫚 Mélange de 5 épices bio (10 %)\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eCannelle, cardamome, gingembre, clou de girofle et poivre noir\u003c\/strong\u003e — la recette originale du chaï, fidèle à la tradition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-tip\"\u003e\n \u003cspan class=\"chai-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAllergènes :\u003c\/strong\u003e peut contenir des traces d'arachides, fruits à coque, soja et graines de sésame.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"chai-section\"\u003e\n \u003ch2\u003eComment préparer votre chaï latte maison ?\u003c\/h2\u003e\n \u003cp class=\"chai-section-intro\"\u003eLa préparation est d'une simplicité déconcertante :\u003c\/p\u003e\n \u003cdiv class=\"chai-timeline\"\u003e\n \u003cdiv class=\"chai-timeline-item\"\u003e\n \u003cdiv class=\"chai-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"chai-timeline-content\"\u003e\n \u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e2 cuillères à café (environ 6 g)\u003c\/strong\u003e dans votre tasse préférée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-timeline-item\"\u003e\n \u003cdiv class=\"chai-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"chai-timeline-content\"\u003e\n \u003ch3\u003eAjoutez le lait\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e200 mL de lait chaud\u003c\/strong\u003e — végétal (avoine, amande, coco) ou animal, selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-timeline-item\"\u003e\n \u003cdiv class=\"chai-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"chai-timeline-content\"\u003e\n \u003ch3\u003eMélangez et dégustez\u003c\/h3\u003e\n \u003cp\u003eMélangez énergiquement quelques secondes : votre latte onctueux est prêt !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e🧊 Version glacée\u003c\/h3\u003e\n \u003cp\u003ePréparez avec du lait froid et des glaçons pour un chaï latte frappé rafraîchissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e🥞 En cuisine\u003c\/h3\u003e\n \u003cp\u003eIncorporez la poudre dans vos pancakes, porridges ou smoothies pour une touche épicée irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-tip\"\u003e\n \u003cspan class=\"chai-tip-icon\"\u003e☕\u003c\/span\u003e\n \u003cp\u003eChaque boîte offre environ \u003cstrong\u003e20 tasses\u003c\/strong\u003e, soit un excellent rapport qualité-prix pour un chaï latte bio artisanal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"chai-section\"\u003e\n \u003ch2\u003eLes bienfaits de ce chaï latte aux épices\u003c\/h2\u003e\n \u003cdiv class=\"chai-grid\"\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e🅰️ Nutri-Score A\u003c\/h3\u003e\n \u003cp\u003eMoins de \u003cstrong\u003e5 g de sucre par portion\u003c\/strong\u003e, pour une boisson plaisir sans culpabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e⚡ Énergie stable\u003c\/h3\u003e\n \u003cp\u003eLe sucre de coco à \u003cstrong\u003efaible indice glycémique\u003c\/strong\u003e évite les coups de fatigue et les pics de glycémie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e🌿 Vertus des épices\u003c\/h3\u003e\n \u003cp\u003eGingembre et clou de girofle : propriétés \u003cstrong\u003eantioxydantes et digestives\u003c\/strong\u003e. Cannelle : métabolisme glucidique équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e💪 Micronutriments essentiels\u003c\/h3\u003e\n \u003cp\u003eSource de \u003cstrong\u003efer, zinc et vitamine C\u003c\/strong\u003e — des micronutriments précieux pour votre vitalité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"chai-card\"\u003e\n \u003ch3\u003e🌾 100 % végétal et sans gluten\u003c\/h3\u003e\n \u003cp\u003eConvient à la majorité des régimes alimentaires : vegan, sans lactose, sans gluten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"chai-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles\u003c\/h2\u003e\n \u003cdiv class=\"chai-accordion\"\u003e\n \u003cdetails class=\"chai-accordion-item\" open\u003e\n \u003csummary class=\"chai-accordion-header\"\u003e📊 Pour 100 g\u003c\/summary\u003e\n \u003cdiv class=\"chai-accordion-content mt-3\"\u003e\n \u003cp\u003eÉnergie 1 586 kJ \/ 374 kcal | Matières grasses 1 g (dont saturés 0,4 g) | Glucides 89 g (dont sucres 82 g) | Fibres 2,7 g | Protéines 1,7 g | Sel 0,2 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"chai-accordion-item\"\u003e\n \u003csummary class=\"chai-accordion-header\"\u003e☕ Par portion de 6 g (1 tasse)\u003c\/summary\u003e\n \u003cdiv class=\"chai-accordion-content mt-3\"\u003e\n \u003cp\u003eEnviron \u003cstrong\u003e22 kcal\u003c\/strong\u003e, 5,3 g de glucides dont 4,9 g de sucres — une empreinte calorique très légère.\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=\"chai-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003enüMorning : l'engagement bio, français et responsable\u003c\/h2\u003e\n \u003cdiv class=\"chai-cta-box\"\u003e\n \u003cp\u003eFondée par Mathilde et David, la marque nüMorning conçoit et fabrique ses recettes \u003cstrong\u003een France\u003c\/strong\u003e, avec des ingrédients 100 % biologiques et des emballages recyclables. Membre de \u003cstrong\u003e1 % for the Planet\u003c\/strong\u003e, elle reverse une partie de son chiffre d'affaires à des associations environnementales. Choisir ce chaï latte bio, c'est aussi faire un geste pour la planète. 🌍\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"chai-disclaimer\"\u003eCe produit est un aliment et 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 --chai-cream: #f7f3ee;\n --chai-white: #ffffff;\n --chai-primary: #c47a3a;\n --chai-primary-dark: #8a4a1b;\n --chai-primary-light: #f5ebe0;\n --chai-secondary: #a8b5a0;\n --chai-accent: #d4956b;\n --chai-text: #1a1a1a;\n --chai-text-light: #5a5a5a;\n --chai-border: #e8ddd0;\n --chai-shadow: 0 4px 24px rgba(140,90,40,.08);\n --chai-shadow-lg: 0 12px 48px rgba(140,90,40,.15);\n --chai-radius: 20px;\n --chai-radius-sm: 12px;\n}\n\n.chai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--chai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.chai-hero {\n position: relative;\n background: linear-gradient(135deg, #c47a3a 0%, #a8632e 40%, #8a4a1b 100%);\n border-radius: var(--chai-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(--chai-shadow-lg);\n}\n\n.chai-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 40%),\n radial-gradient(circle at 50% 50%, rgba(168,181,160,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.chai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.chai-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.chai-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.chai-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.chai-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.chai-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(--chai-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.chai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.chai-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.chai-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--chai-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.chai-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(--chai-primary), var(--chai-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.chai-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--chai-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.chai-card {\n background: var(--chai-white);\n border-radius: var(--chai-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--chai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.chai-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--chai-shadow-lg);\n border-color: var(--chai-primary);\n}\n\n.chai-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--chai-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.chai-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--chai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.chai-card-ingredient {\n text-align: left;\n border-left: 4px solid var(--chai-primary);\n}\n\n\/* === GRILLES === *\/\n.chai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.chai-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.chai-grid-compact .chai-card {\n padding: 1rem;\n}\n\n.chai-grid-compact .chai-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.chai-grid-compact .chai-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.chai-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.chai-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.chai-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--chai-primary), var(--chai-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.chai-timeline-content {\n flex: 1;\n background: var(--chai-white);\n padding: 1rem 1.25rem;\n border-radius: var(--chai-radius-sm);\n box-shadow: var(--chai-shadow);\n}\n\n.chai-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--chai-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.chai-timeline-content p {\n font-size: 14px;\n color: var(--chai-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.chai-testimonial {\n background: var(--chai-white);\n border-radius: var(--chai-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--chai-shadow);\n border-left: 4px solid var(--chai-primary);\n}\n\n.chai-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--chai-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.chai-accordion {\n background: var(--chai-white);\n border-radius: var(--chai-radius);\n box-shadow: var(--chai-shadow);\n overflow: hidden;\n}\n\n.chai-accordion-item {\n border-bottom: 1px solid var(--chai-border);\n margin: 0;\n padding: 0;\n}\n\n.chai-accordion-item:last-child {\n border-bottom: none;\n}\n\n.chai-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--chai-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.chai-accordion-header:hover {\n background: var(--chai-primary-light);\n}\n\n.chai-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.chai-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--chai-primary);\n transition: transform .2s ease;\n}\n\n.chai-accordion-item[open] .chai-accordion-header::after {\n content: '−';\n}\n\n.chai-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--chai-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.chai-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.chai-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--chai-primary-light);\n border-radius: var(--chai-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.chai-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.chai-tip p {\n font-size: 14px;\n color: var(--chai-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.chai-cta-box {\n background: linear-gradient(135deg, var(--chai-primary) 0%, var(--chai-primary-dark) 100%);\n border-radius: var(--chai-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.chai-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.chai-disclaimer {\n font-size: 12px;\n color: var(--chai-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 .chai-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .chai-card {\n padding: 1.125rem;\n }\n\n .chai-section {\n margin-bottom: 1.75rem;\n }\n\n .chai-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--chai-radius-sm);\n }\n\n .chai-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .chai-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .chai-grid-compact {\n gap: .625rem;\n }\n\n .chai-grid-compact .chai-card {\n padding: .75rem;\n }\n\n .chai-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .chai-timeline-content {\n padding: .875rem 1rem;\n }\n\n .chai-timeline-content h3 {\n font-size: 14px;\n }\n\n .chai-timeline-content p {\n font-size: 13px;\n }\n\n .chai-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .chai-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .chai-testimonial {\n padding: 1.25rem;\n }\n\n .chai-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .chai-card {\n animation: chaiFadeInUp .5s ease backwards;\n }\n .chai-card:nth-child(1) { animation-delay: .05s; }\n .chai-card:nth-child(2) { animation-delay: .1s; }\n .chai-card:nth-child(3) { animation-delay: .15s; }\n .chai-card:nth-child(4) { animation-delay: .2s; }\n .chai-card:nth-child(5) { animation-delay: .25s; }\n .chai-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes chaiFadeInUp {\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 .chai-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"nüMorning","offers":[{"title":"Default Title","offer_id":55747253469561,"sku":"NBAINUM0023","price":8.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/morning-latte-original-chai-bio-5-epices-sucre-coco-125g-numorning-min.jpg?v=1775987252"},{"product_id":"matcha-latte-numorning","title":"Matcha Latte bio nüMorning – 125g","description":"\u003cdiv class=\"ml-premium\"\u003e\n\n\u003cdiv class=\"ml-hero\"\u003e\n\u003cdiv class=\"ml-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ml-hero-content\"\u003e\n\u003cdiv class=\"ml-badges-top\"\u003e\n\u003cspan class=\"ml-badge\"\u003e🍵 Matcha de cérémonie\u003c\/span\u003e\n\u003cspan class=\"ml-badge\"\u003e🌿 3 ingrédients bio\u003c\/span\u003e\n\u003cspan class=\"ml-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"ml-badge\"\u003e⏱️ Prêt en 30 secondes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ml-hero-title\"\u003eMatcha Latte bio nüMorning\u003c\/span\u003e\n\u003cp class=\"ml-subtitle\"\u003eVotre rituel bien-être matinal, onctueux et naturellement gourmand\u003c\/p\u003e\n\u003cp class=\"ml-description\"\u003eUne préparation à base de matcha de cérémonie japonais, naturellement sucrée par la datte, sans aucun additif. 125 g · environ 60 tasses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"ml-section\"\u003e\n\u003ch2\u003eMatcha Latte bio nüMorning : votre rituel bien-être en 30 secondes\u003c\/h2\u003e\n\u003cp class=\"ml-section-intro\"\u003eVous cherchez une alternative saine au café, gourmande et rapide à préparer ?\u003c\/p\u003e\n\u003cdiv class=\"ml-grid-compact\"\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🍃 Matcha d'exception\u003c\/h3\u003e\n\u003cp\u003ePoudre matcha de cérémonie d'Uji, moulue sur meule de pierre pour une texture soyeuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🍫 Goût caramel-matcha\u003c\/h3\u003e\n\u003cp\u003eUn équilibre délicat entre l'umami du matcha et la douceur naturelle de la datte\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003eAucun sucre ajouté, aucun arôme artificiel, aucun conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e⚡ Prêt en un instant\u003c\/h3\u003e\n\u003cp\u003eSeulement 30 secondes pour un tea matcha latte authentique et onctueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ml-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce matcha latte plutôt qu'un autre ?\u003c\/h2\u003e\n\u003cdiv class=\"ml-grid\"\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🏯 Matcha de cérémonie japonais\u003c\/h3\u003e\n\u003cp\u003eCultivé dans la prestigieuse région d'Uji, ce matcha d'un vert intense est finement moulu sur meule de pierre. Résultat : une texture soyeuse, zéro amertume et une concentration exceptionnelle en antioxydants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🌱 Seulement 3 ingrédients bio\u003c\/h3\u003e\n\u003cp\u003eMatcha, lait de riz en poudre et datte en poudre. Pas d'arômes artificiels, pas de conservateurs, pas de sucre raffiné. C'est tout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🍯 Naturellement sucré par la datte\u003c\/h3\u003e\n\u003cp\u003eOubliez les préparations concurrentes à base de sucre de betterave. Ici, la touche caramel provient uniquement du fruit, avec ses vitamines B, son potassium et son magnésium en bonus.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🥛 Sans lactose\u003c\/h3\u003e\n\u003cp\u003eLe lait de riz en poudre apporte l'onctuosité d'un matcha café latte classique, sans aucun produit laitier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué artisanalement en France\u003c\/h3\u003e\n\u003cp\u003eUne inspiration japonaise pour le meilleur des deux mondes : savoir-faire artisanal français et ingrédients d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ml-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"ml-composition-box\"\u003e\n\u003cdiv class=\"ml-composition-item\"\u003e\n\u003cspan class=\"ml-composition-icon\"\u003e🍵\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMatcha de cérémonie*\u003c\/strong\u003e\n\u003cp\u003eOrigine Japon (région d'Uji)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-composition-item\"\u003e\n\u003cspan class=\"ml-composition-icon\"\u003e🌾\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLait de riz en poudre*\u003c\/strong\u003e\n\u003cp\u003eOnctuosité sans lactose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-composition-item\"\u003e\n\u003cspan class=\"ml-composition-icon\"\u003e🌴\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDatte en poudre*\u003c\/strong\u003e\n\u003cp\u003eSucrant naturel riche en minéraux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ml-disclaimer\"\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ml-section\"\u003e\n\u003ch2\u003eValeurs nutritionnelles pour 100 g\u003c\/h2\u003e\n\u003cdiv class=\"ml-grid-compact\"\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🔥 Énergie\u003c\/h3\u003e\n\u003cp\u003e361 kcal (1 522 kJ)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🧈 Matières grasses\u003c\/h3\u003e\n\u003cp\u003e3 g (dont saturés : 1,2 g)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🍚 Glucides\u003c\/h3\u003e\n\u003cp\u003e71 g (dont sucres : 15 g)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🌾 Fibres\u003c\/h3\u003e\n\u003cp\u003e16,2 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e💪 Protéines\u003c\/h3\u003e\n\u003cp\u003e12,1 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🧂 Sel\u003c\/h3\u003e\n\u003cp\u003e0,01 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ml-section\"\u003e\n\u003ch2\u003eRecette matcha latte : prêt en 30 secondes\u003c\/h2\u003e\n\u003cp class=\"ml-section-intro\"\u003ePas besoin de fouet en bambou ni de matériel spécifique. Voici comment préparer votre latte matcha tea au quotidien :\u003c\/p\u003e\n\u003cdiv class=\"ml-timeline\"\u003e\n\u003cdiv class=\"ml-timeline-item\"\u003e\n\u003cdiv class=\"ml-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ml-timeline-content\"\u003e\n\u003ch3\u003e☕ Version chaude\u003c\/h3\u003e\n\u003cp\u003eFaites chauffer 200 ml de lait végétal (avoine, amande ou coco). Versez 2 g de poudre (environ une cuillère rase), mélangez vigoureusement ou utilisez un mousseur pour un résultat velouté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-timeline-item\"\u003e\n\u003cdiv class=\"ml-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ml-timeline-content\"\u003e\n\u003ch3\u003e🧊 Version glacée\u003c\/h3\u003e\n\u003cp\u003eDiluez 2 g dans un fond d'eau tiède, puis ajoutez du lait végétal froid et des glaçons. La recette matcha latte parfaite pour l'été.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-tip\"\u003e\n\u003cspan class=\"ml-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLa boîte de 125 g vous offre environ \u003cstrong\u003e60 tasses\u003c\/strong\u003e, soit près de deux mois de rituel quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ml-section\"\u003e\n\u003ch2\u003eLes bienfaits du matcha latte au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"ml-grid\"\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e⚡ Énergie stable toute la matinée\u003c\/h3\u003e\n\u003cp\u003eLa caféine du matcha, naturellement équilibrée par la L-théanine, vous apporte une concentration durable sans nervosité ni coup de fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🛡️ Richesse en antioxydants\u003c\/h3\u003e\n\u003cp\u003eLes catéchines (EGCG) présentes dans la poudre matcha contribuent à protéger vos cellules du stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🌿 Micronutriments essentiels\u003c\/h3\u003e\n\u003cp\u003eGrâce à la datte, chaque tasse vous apporte naturellement du potassium, du magnésium et du fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-card\"\u003e\n\u003ch3\u003e🫶 Digestion facilitée\u003c\/h3\u003e\n\u003cp\u003eAvec 16,2 g de fibres pour 100 g, cette préparation soutient votre confort digestif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ml-tip\"\u003e\n\u003cspan class=\"ml-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e privilégiez votre matcha latte tea le matin ou en début d'après-midi pour profiter pleinement de l'effet concentration sans perturber votre sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ml-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"ml-cta-box\"\u003e\n\u003cp\u003e🍵 Offrez-vous un rituel matinal d'exception : onctueux, naturel et prêt en 30 secondes. Votre matcha latte bio nüMorning n'attend plus que vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ml-disclaimer\"\u003eCe produit est un aliment et ne peut se substituer à 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\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ml-cream: #f5f5ed;\n --ml-white: #ffffff;\n --ml-primary: #3a8a3e;\n --ml-primary-dark: #2a6b2e;\n --ml-primary-light: #e8f3e8;\n --ml-secondary: #7cb342;\n --ml-accent: #a8d46c;\n --ml-text: #1a1a1a;\n --ml-text-light: #5a5a5a;\n --ml-border: #dde8dd;\n --ml-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ml-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ml-radius: 20px;\n --ml-radius-sm: 12px;\n}\n\n.ml-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ml-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ml-hero {\n position: relative;\n background: linear-gradient(135deg, #2a6b2e 0%, #3a8a3e 40%, #7cb342 100%);\n border-radius: var(--ml-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(--ml-shadow-lg);\n}\n\n.ml-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(168,212,108,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.ml-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ml-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.ml-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 text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.ml-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.ml-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ml-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(--ml-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ml-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ml-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ml-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ml-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.ml-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(--ml-primary), var(--ml-secondary));\n border-radius: 2px;\n}\n\n.ml-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ml-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.ml-card {\n background: var(--ml-white);\n border-radius: var(--ml-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ml-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ml-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ml-shadow-lg);\n border-color: var(--ml-primary);\n}\n\n.ml-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ml-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ml-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ml-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ml-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ml-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ml-grid-compact .ml-card {\n padding: 1rem;\n}\n\n.ml-grid-compact .ml-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ml-grid-compact .ml-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ml-composition-box {\n background: var(--ml-white);\n border-radius: var(--ml-radius);\n box-shadow: var(--ml-shadow);\n padding: clamp(1.25rem, 3vw, 2rem);\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ml-composition-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: .75rem 1rem;\n background: var(--ml-primary-light);\n border-radius: var(--ml-radius-sm);\n transition: transform .2s ease;\n}\n\n.ml-composition-item:hover {\n transform: translateX(6px);\n}\n\n.ml-composition-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.ml-composition-item strong {\n display: block;\n font-size: 15px;\n color: var(--ml-primary-dark);\n font-weight: 700;\n margin-bottom: 2px;\n}\n\n.ml-composition-item p {\n font-size: 13px;\n color: var(--ml-text-light);\n margin: 0;\n line-height: 1.4;\n}\n\n\/* === TIMELINE === *\/\n.ml-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ml-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ml-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ml-primary), var(--ml-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.ml-timeline-content {\n flex: 1;\n background: var(--ml-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ml-radius-sm);\n box-shadow: var(--ml-shadow);\n}\n\n.ml-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ml-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ml-timeline-content p {\n font-size: 14px;\n color: var(--ml-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ml-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ml-primary-light);\n border-radius: var(--ml-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ml-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ml-tip p {\n font-size: 14px;\n color: var(--ml-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ml-cta-box {\n background: linear-gradient(135deg, var(--ml-primary) 0%, var(--ml-primary-dark) 100%);\n border-radius: var(--ml-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ml-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.ml-disclaimer {\n font-size: 12px;\n color: var(--ml-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 .ml-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ml-card {\n padding: 1.125rem;\n }\n\n .ml-section {\n margin-bottom: 1.75rem;\n }\n\n .ml-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ml-radius-sm);\n }\n\n .ml-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ml-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ml-grid-compact {\n gap: .625rem;\n }\n\n .ml-grid-compact .ml-card {\n padding: .75rem;\n }\n\n .ml-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ml-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ml-timeline-content h3 {\n font-size: 14px;\n }\n\n .ml-timeline-content p {\n font-size: 13px;\n }\n\n .ml-composition-item {\n padding: .625rem .875rem;\n }\n\n .ml-composition-icon {\n font-size: 22px;\n }\n\n .ml-composition-item strong {\n font-size: 14px;\n }\n\n .ml-composition-item p {\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ml-card {\n animation: mlFadeInUp .5s ease backwards;\n }\n .ml-card:nth-child(1) { animation-delay: .05s; }\n .ml-card:nth-child(2) { animation-delay: .1s; }\n .ml-card:nth-child(3) { animation-delay: .15s; }\n .ml-card:nth-child(4) { animation-delay: .2s; }\n .ml-card:nth-child(5) { animation-delay: .25s; }\n .ml-card:nth-child(6) { animation-delay: .3s; }\n\n .ml-composition-item {\n animation: mlFadeInUp .5s ease backwards;\n }\n .ml-composition-item:nth-child(1) { animation-delay: .05s; }\n .ml-composition-item:nth-child(2) { animation-delay: .1s; }\n .ml-composition-item:nth-child(3) { animation-delay: .15s; }\n\n .ml-timeline-item {\n animation: mlFadeInUp .5s ease backwards;\n }\n .ml-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ml-timeline-item:nth-child(2) { animation-delay: .1s; }\n}\n\n@keyframes mlFadeInUp {\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 .ml-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"nüMorning","offers":[{"title":"Default Title","offer_id":55747357442425,"sku":"NBAINUM0059","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/matcha-latte-bio-numorning-125g-packshothd.webp?v=1775987706"},{"product_id":"macaccino-bio-125g-numorning","title":"Macaccino bio (cacao équitable et maca) 125 g - nüMorning","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🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e☕ 20 tasses par pot\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eMacaccino bio nüMorning\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eSuperfood latte au cacao équitable \u0026amp; maca\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLa boisson gourmande, sans caféine ni sucres raffinés, qui transforme vos matins en rituel de bien-être. Seulement 4 ingrédients bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMacaccino bio nüMorning : le latte cacao et maca qui remplace votre café\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eVous cherchez une \u003cstrong\u003ealternative naturelle au café\u003c\/strong\u003e, gourmande et vraiment nourrissante ? Le \u003cstrong\u003eMacaccino bio de nüMorning\u003c\/strong\u003e est une préparation pour latte qui associe \u003cstrong\u003ecacao équitable et maca\u003c\/strong\u003e dans une recette courte de seulement quatre ingrédients.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🍫 Cacao équitable\u003c\/h3\u003e\n \u003cp\u003eRiche en magnésium, fer et antioxydants naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Maca péruvienne\u003c\/h3\u003e\n \u003cp\u003eRacine adaptogène pour l'énergie et la vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Sans caféine\u003c\/h3\u003e\n \u003cp\u003eAucun excitant, pour un réveil tout en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Sans sucres raffinés\u003c\/h3\u003e\n \u003cp\u003eUniquement du sucre de fleur de coco à IG bas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eUne recette ultra courte, transparente et bio\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eCe qui distingue ce \u003cstrong\u003emaca cacao powder mix\u003c\/strong\u003e de la concurrence, c'est sa simplicité radicale. Pas d'arômes artificiels, pas d'additifs. Quatre ingrédients, tous issus de l'agriculture biologique :\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🍫 Cacao en poudre (40,5 %)\u003c\/h3\u003e\n \u003cp\u003eIssu du commerce équitable, riche en magnésium, fer et antioxydants. Le cœur gourmand de la recette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌴 Sucre de fleur de coco\u003c\/h3\u003e\n \u003cp\u003eÀ faible indice glycémique, pour une douceur naturelle sans pic de glycémie ni coup de barre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Maca en poudre (19 %)\u003c\/h3\u003e\n \u003cp\u003eRacine adaptogène péruvienne, traditionnellement utilisée pour soutenir l'énergie et la vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✨ Cannelle\u003c\/h3\u003e\n \u003cp\u003eUne touche chaleureuse et épicée qui arrondit parfaitement l'ensemble de la recette.\u003c\/p\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\u003cem\u003ePeut contenir des traces : arachide, fruits à coque, soja, sésame.\u003c\/em\u003e\u003cbr\u003e\u003cstrong\u003eCertifications :\u003c\/strong\u003e Agriculture Biologique (AB), commerce équitable, fabrication française et artisanale, emballage 100 % recyclable. nüMorning est également membre de \u003cstrong\u003e1 % for the Planet\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eBienfaits du cacao et de la maca réunis dans une tasse\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eL'association \u003cstrong\u003ecacao et maca\u003c\/strong\u003e n'est pas un hasard. Le cacao cru est naturellement riche en \u003cstrong\u003emagnésium, fer et flavonoïdes\u003c\/strong\u003e, tandis que la maca est reconnue pour ses propriétés adaptogènes : elle aide l'organisme à mieux gérer le stress et la fatigue.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card mc-card-highlight\"\u003e\n \u003ch3\u003e🦴 18 mg de calcium\u003c\/h3\u003e\n \u003cp\u003ePar tasse, pour contribuer à la solidité osseuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-highlight\"\u003e\n \u003ch3\u003e💎 12 mg de magnésium\u003c\/h3\u003e\n \u003cp\u003ePar tasse, pour le bien-être musculaire et nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-highlight\"\u003e\n \u003ch3\u003e🍬 Moins de 3 g de sucre\u003c\/h3\u003e\n \u003cp\u003ePar portion, un plaisir gourmand sans excès\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-highlight\"\u003e\n \u003ch3\u003e🧘 Zéro excitant\u003c\/h3\u003e\n \u003cp\u003eUn cocktail nutritif sans caféine ni théine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-section-intro\" style=\"margin-top:1.25rem;\"\u003eC'est un vrai coup de pouce nutritionnel pour démarrer la journée sereinement.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles pour 100 g\u003c\/h2\u003e\n \u003cdiv class=\"mc-nutri-table\"\u003e\n \u003cdiv class=\"mc-nutri-row mc-nutri-header\"\u003e\n \u003cspan\u003eNutriment\u003c\/span\u003e\n \u003cspan\u003ePour 100 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row\"\u003e\n \u003cspan\u003eÉnergie\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e1523 kJ \/ 361 kcal\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row\"\u003e\n \u003cspan\u003eMatières grasses\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e4,9 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row mc-nutri-sub\"\u003e\n \u003cspan\u003edont acides gras saturés\u003c\/span\u003e\n \u003cspan\u003e2,8 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row\"\u003e\n \u003cspan\u003eGlucides\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e57 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row mc-nutri-sub\"\u003e\n \u003cspan\u003edont sucres\u003c\/span\u003e\n \u003cspan\u003e40 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row\"\u003e\n \u003cspan\u003eFibres\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e24 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row\"\u003e\n \u003cspan\u003eProtéines\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e13 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row\"\u003e\n \u003cspan\u003eSel\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e0,2 g\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row mc-nutri-mineral\"\u003e\n \u003cspan\u003e🔩 Fer\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e7,6 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row mc-nutri-mineral\"\u003e\n \u003cspan\u003e💎 Magnésium\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e201 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-nutri-row mc-nutri-mineral\"\u003e\n \u003cspan\u003e🦴 Calcium\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e307 mg\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment préparer votre Macaccino ?\u003c\/h2\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\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e2 cuillères à café\u003c\/strong\u003e (environ 10 g) de Macaccino dans votre tasse préférée.\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\u003eAjoutez le lait\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e200 ml de lait\u003c\/strong\u003e chaud ou froid — végétal ou animal, selon vos préférences.\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\u003eMélangez et savourez\u003c\/h3\u003e\n \u003cp\u003eMélangez bien et dégustez votre latte onctueux. Le pot de 125 g vous offre environ \u003cstrong\u003e20 tasses\u003c\/strong\u003e de plaisir.\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\u003eAstuce gourmande :\u003c\/strong\u003e intégrez cette poudre de \u003cstrong\u003ecacao maca\u003c\/strong\u003e dans vos crêpes, smoothies, porridges ou energy balls pour un supplément de saveur et de nutriments au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eConservation\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\" open\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e📦 Conditions de conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre Macaccino dans un endroit sec, à l'abri de la lumière, emballage bien refermé. Durée de conservation : environ 10 mois après fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Macaccino nüMorning ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Zéro caféine, zéro excitant\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous souhaitez réduire votre consommation de café sans renoncer à un rituel matinal savoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌴 Sucre de coco à IG bas\u003c\/h3\u003e\n \u003cp\u003eUne énergie progressive, sans coup de barre ni pic de glycémie tout au long de la matinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eDe manière artisanale, avec des ingrédients bio et équitables soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌍 Engagé et responsable\u003c\/h3\u003e\n \u003cp\u003eEmballage recyclable, démarche 1 % for the Planet pour une consommation qui a du sens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003e☕ Offrez-vous un rituel matinal gourmand, nourrissant et sans excitant.\u003cbr\u003eLe Macaccino nüMorning, c'est le meilleur du cacao et de la maca dans votre tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eCe produit est un aliment et ne se substitue pas à un régime alimentaire varié ni à un suivi médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #f9f5f0;\n --mc-white: #ffffff;\n --mc-primary: #6b3a2a;\n --mc-primary-dark: #4a2518;\n --mc-primary-light: #f3ebe4;\n --mc-secondary: #c8956c;\n --mc-accent: #d4a574;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e8ddd4;\n --mc-shadow: 0 4px 24px rgba(75, 37, 24, .08);\n --mc-shadow-lg: 0 12px 48px rgba(75, 37, 24, .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, #4a2518 0%, #6b3a2a 40%, #8b5e3c 70%, #c8956c 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% 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(200,149,108,.08) 0%, transparent 60%);\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 1rem 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,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.mc-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.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: 600px;\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.mc-card-highlight {\n background: linear-gradient(135deg, var(--mc-primary-light) 0%, var(--mc-white) 100%);\n border: 2px solid var(--mc-border);\n}\n\n.mc-card-highlight:hover {\n border-color: var(--mc-secondary);\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\/* === 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\/* === 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\/* === 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\/* === NUTRITIONAL TABLE === *\/\n.mc-nutri-table {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n max-width: 550px;\n margin: 0 auto;\n}\n\n.mc-nutri-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 1.25rem;\n border-bottom: 1px solid var(--mc-border);\n font-size: 14px;\n color: var(--mc-text);\n transition: background .2s ease;\n}\n\n.mc-nutri-row:last-child {\n border-bottom: none;\n}\n\n.mc-nutri-row:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-nutri-header {\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-primary-dark));\n color: white;\n font-weight: 800;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.mc-nutri-header:hover {\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-primary-dark));\n}\n\n.mc-nutri-header span {\n color: white;\n}\n\n.mc-nutri-sub {\n padding-left: 2rem;\n font-size: 13px;\n color: var(--mc-text-light);\n background: rgba(243, 235, 228, .3);\n}\n\n.mc-nutri-mineral {\n background: var(--mc-primary-light);\n font-weight: 600;\n}\n\n\/* === CTA === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-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.mc-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.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 === *\/\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-nutri-row {\n padding: .625rem 1rem;\n font-size: 13px;\n }\n\n .mc-nutri-sub {\n padding-left: 1.5rem;\n font-size: 12px;\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 .mc-timeline-item {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mc-timeline-item:nth-child(2) { animation-delay: .15s; }\n .mc-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"nüMorning","offers":[{"title":"Default Title","offer_id":55752702394745,"sku":"NBAINUM0024","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macaccino_125g_numorning.webp?v=1776239079"},{"product_id":"macaccino-original-reishi-bio-iswari","title":"Macaccino original avec reishi bio - 250 g - Iswari","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Macaccino Original avec Reishi Bio - Iswari\nPalette détectée:\n - Primaire: #6B4E3D (brun chocolat chaud du packaging)\n - Secondaire: #8B6F5C (brun clair\/taupe)\n - Accent: #4A7C59 (vert bio\/naturel des labels)\n - Tertiaire: #D4A574 (beige doré\/lucuma)\nAmbiance: Chaleureux, naturel\/bio, cocooning, énergie douce, wellness\nStyle: Organique premium, réconfortant, healthy lifestyle\nPréfixe CSS: mac\n--\u003e\n\n\u003cdiv class=\"mac-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mac-hero\"\u003e\n \u003cdiv class=\"mac-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mac-hero-content\"\u003e\n \u003cdiv class=\"mac-badges-top\"\u003e\n \u003cspan class=\"mac-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n \u003cspan class=\"mac-badge\"\u003e🍄 Reishi adaptogène\u003c\/span\u003e\n \u003cspan class=\"mac-badge\"\u003e☕ Sans caféine\u003c\/span\u003e\n \u003cspan class=\"mac-badge\"\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mac-hero-title\"\u003eMacaccino Original Reishi\u003c\/span\u003e\n \u003cp class=\"mac-subtitle\"\u003eL'alternative saine et réconfortante au café\u003c\/p\u003e\n \u003cp class=\"mac-description\"\u003eUne boisson douce et onctueuse au cacao, enrichie en maca et reishi. Vitalité et sérénité, sans nervosité ni dépendance.\u003c\/p\u003e\n \u003cdiv class=\"mac-hero-highlights\"\u003e\n \u003cdiv class=\"mac-highlight\"\u003e\n \u003cspan class=\"mac-highlight-value\"\u003e35%\u003c\/span\u003e\n \u003cspan class=\"mac-highlight-label\"\u003eCacao bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-highlight\"\u003e\n \u003cspan class=\"mac-highlight-value\"\u003e~24\u003c\/span\u003e\n \u003cspan class=\"mac-highlight-label\"\u003eTasses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-highlight\"\u003e\n \u003cspan class=\"mac-highlight-value\"\u003e250g\u003c\/span\u003e\n \u003cspan class=\"mac-highlight-label\"\u003eFormat généreux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI CHOISIR --\u003e\n \u003csection class=\"mac-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce Macaccino ?\u003c\/h2\u003e\n \u003cdiv class=\"mac-grid\"\u003e\n \u003cdiv class=\"mac-card\"\u003e\n \u003cdiv class=\"mac-card-icon\"\u003e🍫\u003c\/div\u003e\n \u003ch3\u003eGoût riche \u0026amp; raffiné\u003c\/h3\u003e\n \u003cp\u003e35% de cacao bio premium, faible en sucres grâce au sucre de coco à indice glycémique bas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-card\"\u003e\n \u003cdiv class=\"mac-card-icon\"\u003e🍄\u003c\/div\u003e\n \u003ch3\u003eBienfaits du reishi\u003c\/h3\u003e\n \u003cp\u003eChampignon adaptogène millénaire qui soutient l'immunité et favorise la détente naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-card\"\u003e\n \u003cdiv class=\"mac-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eÉnergie naturelle\u003c\/h3\u003e\n \u003cp\u003eLa maca réduit la fatigue et favorise l'équilibre hormonal pour une vitalité durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-card\"\u003e\n \u003cdiv class=\"mac-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eDouceur du lucuma\u003c\/h3\u003e\n \u003cp\u003eFruit péruvien au goût de caramel subtil, naturellement sucré et riche en nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-card\"\u003e\n \u003cdiv class=\"mac-card-icon\"\u003e🌍\u003c\/div\u003e\n \u003ch3\u003eBio \u0026amp; éthique\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique, un choix respectueux de votre santé et de la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-card\"\u003e\n \u003cdiv class=\"mac-card-icon\"\u003e💚\u003c\/div\u003e\n \u003ch3\u003ePour tous\u003c\/h3\u003e\n \u003cp\u003eSans caféine, vegan et sans gluten : convient à tous les régimes et modes de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPARATIF --\u003e\n \u003csection class=\"mac-section\"\u003e\n \u003ch2\u003eMacaccino vs autres boissons\u003c\/h2\u003e\n \u003cdiv class=\"mac-comparison\"\u003e\n \u003cdiv class=\"mac-compare-card mac-compare-winner\"\u003e\n \u003cdiv class=\"mac-compare-badge\"\u003e✨ Notre choix\u003c\/div\u003e\n \u003ch3\u003e🍫 Macaccino Reishi\u003c\/h3\u003e\n \u003cul class=\"mac-compare-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-check\"\u003e✓\u003c\/span\u003e Sans caféine\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-check\"\u003e✓\u003c\/span\u003e Maca + Reishi\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-check\"\u003e✓\u003c\/span\u003e Sucre de coco (IG bas)\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-check\"\u003e✓\u003c\/span\u003e Énergie douce \u0026amp; stable\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-compare-card\"\u003e\n \u003ch3\u003e🥤 Cacao classique\u003c\/h3\u003e\n \u003cul class=\"mac-compare-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-check\"\u003e✓\u003c\/span\u003e Sans caféine\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-cross\"\u003e✗\u003c\/span\u003e Pas de superfoods\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-cross\"\u003e✗\u003c\/span\u003e Sucre blanc raffiné\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-neutral\"\u003e~\u003c\/span\u003e Énergie courte durée\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-compare-card\"\u003e\n \u003ch3\u003e☕ Café\u003c\/h3\u003e\n \u003cul class=\"mac-compare-list\"\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-cross\"\u003e✗\u003c\/span\u003e Caféine (dépendance)\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-cross\"\u003e✗\u003c\/span\u003e Pas de superfoods\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-check\"\u003e✓\u003c\/span\u003e Aucun sucre ajouté\u003c\/li\u003e\n \u003cli\u003e\n\u003cspan class=\"mac-cross\"\u003e✗\u003c\/span\u003e Pic puis nervosité\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INGRÉDIENTS --\u003e\n \u003csection class=\"mac-section\"\u003e\n \u003ch2\u003eComposition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"mac-ingredients-grid\"\u003e\n \u003cdiv class=\"mac-ingredient\"\u003e\n \u003cdiv class=\"mac-ingredient-icon\"\u003e🍫\u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient-info\"\u003e\n \u003cspan class=\"mac-ingredient-name\"\u003eCacao bio\u003c\/span\u003e\n \u003cspan class=\"mac-ingredient-percent\"\u003e35%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"mac-ingredient-desc\"\u003eRiche en antioxydants et magnésium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient\"\u003e\n \u003cdiv class=\"mac-ingredient-icon\"\u003e🍄\u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient-info\"\u003e\n \u003cspan class=\"mac-ingredient-name\"\u003eReishi bio\u003c\/span\u003e\n \u003cspan class=\"mac-ingredient-percent\"\u003e~13%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"mac-ingredient-desc\"\u003eChampignon adaptogène apaisant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient\"\u003e\n \u003cdiv class=\"mac-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient-info\"\u003e\n \u003cspan class=\"mac-ingredient-name\"\u003eMaca bio\u003c\/span\u003e\n \u003cspan class=\"mac-ingredient-percent\"\u003eDosage optimal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"mac-ingredient-desc\"\u003eRacine péruvienne énergisante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient\"\u003e\n \u003cdiv class=\"mac-ingredient-icon\"\u003e🍑\u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient-info\"\u003e\n \u003cspan class=\"mac-ingredient-name\"\u003eLucuma bio\u003c\/span\u003e\n \u003cspan class=\"mac-ingredient-percent\"\u003e~10%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"mac-ingredient-desc\"\u003eDouceur naturelle au goût de caramel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient\"\u003e\n \u003cdiv class=\"mac-ingredient-icon\"\u003e🥥\u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient-info\"\u003e\n \u003cspan class=\"mac-ingredient-name\"\u003eSucre de coco\u003c\/span\u003e\n \u003cspan class=\"mac-ingredient-percent\"\u003eIG bas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"mac-ingredient-desc\"\u003eSucrant naturel à libération lente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient\"\u003e\n \u003cdiv class=\"mac-ingredient-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"mac-ingredient-info\"\u003e\n \u003cspan class=\"mac-ingredient-name\"\u003eCannelle de Ceylan\u003c\/span\u003e\n \u003cspan class=\"mac-ingredient-percent\"\u003eTouche finale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"mac-ingredient-desc\"\u003eÉpice noble aux vertus digestives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- VALEURS NUTRITIONNELLES --\u003e\n \u003csection class=\"mac-section\"\u003e\n \u003ch2\u003eProfil nutritionnel\u003c\/h2\u003e\n \u003cdiv class=\"mac-nutrition-box\"\u003e\n \u003cdiv class=\"mac-nutrition-header\"\u003e\n \u003cspan\u003ePour 100g de poudre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-nutrition-grid\"\u003e\n \u003cdiv class=\"mac-nutrition-item\"\u003e\n \u003cspan class=\"mac-nutrition-value\"\u003e324\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-unit\"\u003ekcal\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-label\"\u003eÉnergie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-nutrition-item\"\u003e\n \u003cspan class=\"mac-nutrition-value\"\u003e15g\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-unit\"\u003e\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-label\"\u003eProtéines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-nutrition-item\"\u003e\n \u003cspan class=\"mac-nutrition-value\"\u003e32g\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-unit\"\u003e\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-label\"\u003eFibres\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-nutrition-item mac-nutrition-highlight\"\u003e\n \u003cspan class=\"mac-nutrition-value\"\u003e53%\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-unit\"\u003eVNR\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-label\"\u003eMagnésium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-nutrition-item mac-nutrition-highlight\"\u003e\n \u003cspan class=\"mac-nutrition-value\"\u003e36%\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-unit\"\u003eVNR\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-label\"\u003eFer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-nutrition-item mac-nutrition-highlight\"\u003e\n \u003cspan class=\"mac-nutrition-value\"\u003e22%\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-unit\"\u003eVNR\u003c\/span\u003e\n \u003cspan class=\"mac-nutrition-label\"\u003eCalcium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-nutrition-footer\"\u003e\n \u003cspan\u003e💡 Riche en magnésium, fer et potassium pour une énergie naturelle\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=\"mac-section\"\u003e\n \u003ch2\u003ePréparation simple \u0026amp; rapide\u003c\/h2\u003e\n \u003cdiv class=\"mac-steps\"\u003e\n \u003cdiv class=\"mac-step\"\u003e\n \u003cdiv class=\"mac-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mac-step-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e2 à 3 cuillères à café\u003c\/strong\u003e (environ 10g) de Macaccino dans votre tasse préférée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-step\"\u003e\n \u003cdiv class=\"mac-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mac-step-content\"\u003e\n \u003ch3\u003eFormez une pâte\u003c\/h3\u003e\n \u003cp\u003eAjoutez un peu d'eau ou de boisson végétale chaude et mélangez jusqu'à obtenir une pâte lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-step\"\u003e\n \u003cdiv class=\"mac-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mac-step-content\"\u003e\n \u003ch3\u003eComplétez \u0026amp; savourez\u003c\/h3\u003e\n \u003cp\u003eAjoutez \u003cstrong\u003e90ml\u003c\/strong\u003e de liquide chaud supplémentaire, remuez et dégustez votre moment cocooning.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-tips-box\"\u003e\n \u003cdiv class=\"mac-tips-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv class=\"mac-tips-content\"\u003e\n \u003ch4\u003eAstuces gourmandes\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003e🧊 Délicieux aussi en version glacée avec du lait d'amande\u003c\/li\u003e\n \u003cli\u003e🥞 Ajoutez-en dans vos pancakes pour un goût chocolaté\u003c\/li\u003e\n \u003cli\u003e🥤 Parfait dans vos smoothies protéinés\u003c\/li\u003e\n \u003cli\u003e🍦 Saupoudrez sur un yaourt ou un nice cream\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"mac-section\"\u003e\n \u003ch2\u003ePour qui est fait ce Macaccino ?\u003c\/h2\u003e\n \u003cdiv class=\"mac-profiles-grid\"\u003e\n \u003cdiv class=\"mac-profile\"\u003e\n \u003cspan class=\"mac-profile-icon\"\u003e🧘‍♀️\u003c\/span\u003e\n \u003ch3\u003eSensibles à la caféine\u003c\/h3\u003e\n \u003cp\u003eUne alternative réconfortante qui ne perturbe pas le sommeil ni le système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-profile\"\u003e\n \u003cspan class=\"mac-profile-icon\"\u003e💼\u003c\/span\u003e\n \u003ch3\u003eActifs débordés\u003c\/h3\u003e\n \u003cp\u003eÉnergie stable et durable sans les montagnes russes du café traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-profile\"\u003e\n \u003cspan class=\"mac-profile-icon\"\u003e🌙\u003c\/span\u003e\n \u003ch3\u003eAdeptes du bien-être\u003c\/h3\u003e\n \u003cp\u003eLes bienfaits des adaptogènes pour gérer le stress au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-profile\"\u003e\n \u003cspan class=\"mac-profile-icon\"\u003e🍃\u003c\/span\u003e\n \u003ch3\u003eVegans \u0026amp; intolérants\u003c\/h3\u003e\n \u003cp\u003e100% végétal, sans gluten, compatible avec les régimes les plus stricts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"mac-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mac-info-grid\"\u003e\n \u003cdiv class=\"mac-info-item\"\u003e\n \u003cspan class=\"mac-info-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"mac-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"mac-info-value\"\u003e250g (~24 tasses)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-info-item\"\u003e\n \u003cspan class=\"mac-info-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"mac-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"mac-info-value\"\u003eBio (PT-BIO-04)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-info-item\"\u003e\n \u003cspan class=\"mac-info-icon\"\u003e🚫\u003c\/span\u003e\n \u003cspan class=\"mac-info-label\"\u003eSans\u003c\/span\u003e\n \u003cspan class=\"mac-info-value\"\u003eGluten, caféine, OGM\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mac-info-item\"\u003e\n \u003cspan class=\"mac-info-icon\"\u003e🌱\u003c\/span\u003e\n \u003cspan class=\"mac-info-label\"\u003eRégime\u003c\/span\u003e\n \u003cspan class=\"mac-info-value\"\u003eVegan friendly\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"mac-section\"\u003e\n \u003cdiv class=\"mac-warning-box\"\u003e\n \u003cdiv class=\"mac-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"mac-warning-content\"\u003e\n \u003ch4\u003eAllergènes \u0026amp; précautions\u003c\/h4\u003e\n \u003cp\u003eSans gluten. Peut contenir des traces de fruits à coque, graines de sésame, cacahuètes et moutarde. Conserver dans un endroit frais et sec, à l'abri de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mac-cta-box\"\u003e\n \u003cdiv class=\"mac-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mac-cta-content\"\u003e\n \u003cspan class=\"mac-cta-emoji\"\u003e☕\u003c\/span\u003e\n \u003cp\u003eLe \u003cstrong\u003eMacaccino Original Reishi Bio\u003c\/strong\u003e est bien plus qu'un simple chocolat chaud : c'est une alternative naturelle au café, riche en superfoods, saine et gourmande.\u003c\/p\u003e\n \u003cp class=\"mac-cta-highlight\"\u003eOffrez-vous le plaisir d'un matin énergisant, sans caféine.\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 --mac-cream: #FAF7F2;\n --mac-white: #ffffff;\n --mac-primary: #6B4E3D;\n --mac-primary-dark: #4A3628;\n --mac-primary-light: #F5EDE6;\n --mac-secondary: #8B6F5C;\n --mac-accent: #4A7C59;\n --mac-accent-light: #E8F2EA;\n --mac-gold: #D4A574;\n --mac-gold-light: #FDF6EE;\n --mac-text: #2D2420;\n --mac-text-light: #6B5E58;\n --mac-border: #E8DDD4;\n --mac-shadow: 0 4px 24px rgba(107, 78, 61, .08);\n --mac-shadow-lg: 0 12px 48px rgba(107, 78, 61, .15);\n --mac-radius: 20px;\n --mac-radius-sm: 12px;\n}\n\n.mac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mac-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.mac-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mac-primary) 0%, var(--mac-primary-dark) 50%, #3D2A1E 100%);\n border-radius: var(--mac-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(--mac-shadow-lg);\n}\n\n.mac-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(212, 165, 116, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(74, 124, 89, .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-5zm-15 20c-2 0-4 1.5-4 3.5s2 3.5 4 3.5 4-1.5 4-3.5-2-3.5-4-3.5zm30 0c-2 0-4 1.5-4 3.5s2 3.5 4 3.5 4-1.5 4-3.5-2-3.5-4-3.5z' fill='%23ffffff' fill-opacity='.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.mac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mac-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(--mac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mac-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,.3);\n}\n\n.mac-subtitle {\n color: var(--mac-gold);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.mac-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.mac-hero-highlights {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.mac-highlight {\n text-align: center;\n}\n\n.mac-highlight-value {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n line-height: 1;\n}\n\n.mac-highlight-label {\n display: block;\n color: rgba(255,255,255,.7);\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.mac-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mac-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--mac-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.mac-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(--mac-primary), var(--mac-gold));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.mac-card {\n background: var(--mac-white);\n border-radius: var(--mac-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mac-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mac-shadow-lg);\n border-color: var(--mac-primary);\n}\n\n.mac-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.mac-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mac-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mac-card p {\n font-size: 15px;\n color: var(--mac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARATIF === *\/\n.mac-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.mac-compare-card {\n background: var(--mac-white);\n border-radius: var(--mac-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--mac-shadow);\n position: relative;\n transition: all .3s ease;\n}\n\n.mac-compare-card:hover {\n transform: translateY(-4px);\n}\n\n.mac-compare-winner {\n border: 3px solid var(--mac-accent);\n background: var(--mac-accent-light);\n}\n\n.mac-compare-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--mac-accent);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n white-space: nowrap;\n}\n\n.mac-compare-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mac-primary-dark);\n margin: 0 0 1.25rem 0;\n text-align: center;\n}\n\n.mac-compare-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.mac-compare-list li {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 0;\n font-size: 14px;\n color: var(--mac-text);\n border-bottom: 1px solid var(--mac-border);\n}\n\n.mac-compare-list li:last-child {\n border-bottom: none;\n}\n\n.mac-check {\n color: var(--mac-accent);\n font-weight: 700;\n font-size: 16px;\n}\n\n.mac-cross {\n color: #c0392b;\n font-weight: 700;\n font-size: 16px;\n}\n\n.mac-neutral {\n color: var(--mac-gold);\n font-weight: 700;\n font-size: 16px;\n}\n\n\/* === INGRÉDIENTS === *\/\n.mac-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1rem;\n}\n\n.mac-ingredient {\n background: var(--mac-white);\n border-radius: var(--mac-radius-sm);\n padding: 1.25rem;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 1rem;\n box-shadow: var(--mac-shadow);\n transition: all .3s ease;\n}\n\n.mac-ingredient:hover {\n transform: translateX(8px);\n border-left: 4px solid var(--mac-primary);\n}\n\n.mac-ingredient-icon {\n font-size: 36px;\n width: 50px;\n text-align: center;\n}\n\n.mac-ingredient-info {\n flex: 1;\n min-width: 120px;\n}\n\n.mac-ingredient-name {\n display: block;\n font-weight: 800;\n color: var(--mac-primary-dark);\n font-size: 16px;\n}\n\n.mac-ingredient-percent {\n display: inline-block;\n background: var(--mac-gold-light);\n color: var(--mac-primary);\n padding: 2px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-top: 4px;\n}\n\n.mac-ingredient-desc {\n width: 100%;\n margin: 0;\n font-size: 13px;\n color: var(--mac-text-light);\n padding-left: 66px;\n}\n\n\/* === NUTRITION === *\/\n.mac-nutrition-box {\n background: var(--mac-white);\n border-radius: var(--mac-radius);\n overflow: hidden;\n box-shadow: var(--mac-shadow);\n}\n\n.mac-nutrition-header {\n background: linear-gradient(135deg, var(--mac-primary) 0%, var(--mac-primary-dark) 100%);\n color: white;\n padding: 1rem 1.5rem;\n font-weight: 700;\n text-align: center;\n}\n\n.mac-nutrition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1px;\n background: var(--mac-border);\n}\n\n.mac-nutrition-item {\n background: var(--mac-white);\n padding: 1.5rem 1rem;\n text-align: center;\n}\n\n.mac-nutrition-highlight {\n background: var(--mac-accent-light);\n}\n\n.mac-nutrition-value {\n display: block;\n font-size: 28px;\n font-weight: 900;\n color: var(--mac-primary-dark);\n line-height: 1;\n}\n\n.mac-nutrition-unit {\n font-size: 14px;\n color: var(--mac-text-light);\n font-weight: 600;\n}\n\n.mac-nutrition-label {\n display: block;\n font-size: 13px;\n color: var(--mac-text-light);\n margin-top: 6px;\n font-weight: 600;\n}\n\n.mac-nutrition-footer {\n background: var(--mac-gold-light);\n padding: 1rem 1.5rem;\n text-align: center;\n font-size: 14px;\n color: var(--mac-primary);\n font-weight: 600;\n}\n\n\/* === ÉTAPES === *\/\n.mac-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.mac-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--mac-white);\n border-radius: var(--mac-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--mac-shadow);\n transition: all .3s ease;\n}\n\n.mac-step:hover {\n transform: translateX(8px);\n box-shadow: var(--mac-shadow-lg);\n}\n\n.mac-step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--mac-primary) 0%, var(--mac-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.mac-step-content h3 {\n margin: 0 0 .5rem 0;\n font-size: 18px;\n font-weight: 800;\n color: var(--mac-primary-dark);\n}\n\n.mac-step-content p {\n margin: 0;\n font-size: 15px;\n color: var(--mac-text-light);\n line-height: 1.6;\n}\n\n\/* === ASTUCES === *\/\n.mac-tips-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, var(--mac-gold-light) 0%, var(--mac-primary-light) 100%);\n border-radius: var(--mac-radius);\n padding: 1.5rem 2rem;\n border-left: 5px solid var(--mac-gold);\n}\n\n.mac-tips-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.mac-tips-content h4 {\n margin: 0 0 .75rem 0;\n font-size: 18px;\n font-weight: 800;\n color: var(--mac-primary-dark);\n}\n\n.mac-tips-content ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.mac-tips-content li {\n padding: 4px 0;\n font-size: 14px;\n color: var(--mac-text);\n}\n\n\/* === PROFILS === *\/\n.mac-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.mac-profile {\n background: var(--mac-white);\n border-radius: var(--mac-radius);\n padding: 2rem 1.5rem;\n text-align: center;\n box-shadow: var(--mac-shadow);\n transition: all .3s ease;\n}\n\n.mac-profile:hover {\n transform: translateY(-8px);\n box-shadow: var(--mac-shadow-lg);\n}\n\n.mac-profile-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.mac-profile h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--mac-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.mac-profile p {\n font-size: 14px;\n color: var(--mac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFOS === *\/\n.mac-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.mac-info-item {\n background: var(--mac-white);\n border-radius: var(--mac-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--mac-shadow);\n transition: all .3s ease;\n}\n\n.mac-info-item:hover {\n transform: scale(1.03);\n}\n\n.mac-info-icon {\n font-size: 28px;\n display: block;\n margin-bottom: .5rem;\n}\n\n.mac-info-label {\n display: block;\n font-size: 12px;\n color: var(--mac-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n font-weight: 600;\n margin-bottom: 4px;\n}\n\n.mac-info-value {\n display: block;\n font-size: 15px;\n font-weight: 800;\n color: var(--mac-primary-dark);\n}\n\n\/* === WARNING === *\/\n.mac-warning-box {\n display: flex;\n gap: 1.25rem;\n background: #FEF9E7;\n border: 2px solid #F4D03F;\n border-radius: var(--mac-radius-sm);\n padding: 1.25rem 1.5rem;\n}\n\n.mac-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.mac-warning-content h4 {\n margin: 0 0 .5rem 0;\n font-size: 16px;\n font-weight: 800;\n color: #9A7D0A;\n}\n\n.mac-warning-content p {\n margin: 0;\n font-size: 14px;\n color: #7D6608;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.mac-cta-box {\n background: linear-gradient(135deg, var(--mac-primary) 0%, var(--mac-primary-dark) 100%);\n border-radius: var(--mac-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mac-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(212, 165, 116, .2) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(255, 255, 255, .05) 0%, transparent 40%);\n}\n\n.mac-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mac-cta-emoji {\n font-size: 56px;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.mac-cta-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n margin: 0 auto 1rem auto;\n max-width: 700px;\n}\n\n.mac-cta-highlight {\n color: var(--mac-gold) !important;\n font-size: clamp(18px, 3vw, 22px) !important;\n font-weight: 800 !important;\n margin-top: 1.5rem !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mac-grid,\n .mac-comparison,\n .mac-profiles-grid {\n grid-template-columns: 1fr;\n }\n \n .mac-ingredients-grid {\n grid-template-columns: 1fr;\n }\n \n .mac-ingredient-desc {\n padding-left: 0;\n }\n \n .mac-tips-box {\n flex-direction: column;\n gap: 1rem;\n text-align: center;\n }\n \n .mac-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .mac-hero-highlights {\n gap: 1.5rem;\n }\n \n .mac-highlight-value {\n font-size: 28px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mac-card,\n .mac-compare-card,\n .mac-profile,\n .mac-step {\n animation: macFadeInUp .6s ease backwards;\n }\n \n .mac-card:nth-child(1), .mac-compare-card:nth-child(1), .mac-profile:nth-child(1), .mac-step:nth-child(1) { animation-delay: .1s; }\n .mac-card:nth-child(2), .mac-compare-card:nth-child(2), .mac-profile:nth-child(2), .mac-step:nth-child(2) { animation-delay: .2s; }\n .mac-card:nth-child(3), .mac-compare-card:nth-child(3), .mac-profile:nth-child(3), .mac-step:nth-child(3) { animation-delay: .3s; }\n .mac-card:nth-child(4), .mac-profile:nth-child(4) { animation-delay: .4s; }\n .mac-card:nth-child(5) { animation-delay: .5s; }\n .mac-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes macFadeInUp {\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 .mac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mac-premium {\n --mac-text: #000000;\n --mac-text-light: #333333;\n }\n \n .mac-card,\n .mac-compare-card,\n .mac-profile,\n .mac-step,\n .mac-ingredient,\n .mac-info-item {\n border: 2px solid var(--mac-text);\n }\n}\n\u003c\/style\u003e","brand":"Iswari","offers":[{"title":"Default Title","offer_id":55752742109561,"sku":"NBAIISW0014","price":9.34,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macaccino-original-avec-reishi-bio-250-g-iswari-ingredients.jpg?v=1766743245"},{"product_id":"proteine-de-chanvre-bio-250g-iswari","title":"Protéine de chanvre bio en poudre - 250g - Iswari","description":"\u003cdiv class=\"hpc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hpc-hero\"\u003e\n\u003cdiv class=\"hpc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hpc-hero-content\"\u003e\n\u003cdiv class=\"hpc-badges-top\"\u003e\n\u003cspan class=\"hpc-badge\"\u003e🌱 Bio certifié\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e💪 50 g de protéines \/ 100 g\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e🌾 Sans gluten\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e🥛 Sans lactose\u003c\/span\u003e \u003cspan class=\"hpc-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"hpc-hero-title\"\u003eProtéine de chanvre bio en poudre\u003c\/span\u003e\n\u003cp class=\"hpc-subtitle\"\u003eIswari — Sachet 250 g (≈ 10 portions)\u003c\/p\u003e\n\u003cp class=\"hpc-description\"\u003eLa source végétale la plus complète : tous les acides aminés essentiels, des oméga-3, des fibres et une richesse exceptionnelle en minéraux. Une vraie alternative à la whey, sans lactose ni gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eLes bienfaits de la protéine de chanvre bio Iswari\u003c\/h2\u003e\n\u003cp class=\"hpc-section-intro\"\u003ePourquoi la graine de chanvre protéine séduit-elle autant ? Parce qu'elle cumule des atouts nutritionnels rares dans une seule source végétale.\u003c\/p\u003e\n\u003cdiv class=\"hpc-grid\"\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e💪 Protéines complètes (50 %)\u003c\/h3\u003e\n\u003cp\u003eTous les acides aminés essentiels pour développer et maintenir la masse musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🌾 21 g de fibres \/ 100 g\u003c\/h3\u003e\n\u003cp\u003eSoutien du transit intestinal et de la satiété tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🐟 Oméga-3 et oméga-6\u003c\/h3\u003e\n\u003cp\u003e7 g d'acides gras polyinsaturés pour 100 g, bénéfiques pour le système cardiovasculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e⚡ Minéraux essentiels\u003c\/h3\u003e\n\u003cp\u003eMagnésium (215 % des AR*), fer (100 %), zinc (110 %), phosphore (255 %). Un véritable concentré de vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🤍 Excellente tolérance digestive\u003c\/h3\u003e\n\u003cp\u003eSans lactose, sans gluten, sans additifs : une pureté totale pour un confort digestif optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"hpc-disclaimer\"\u003e*AR = Apports de Référence pour un adulte (8 400 kJ \/ 2 000 kcal).\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eComment utiliser la protéine de chanvre en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"hpc-timeline\"\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003ePortion conseillée\u003c\/h3\u003e\n\u003cp\u003e25 g par jour (environ 2 cuillères à soupe rases) pour un apport de 12,5 g de protéines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003eSmoothie récupération\u003c\/h3\u003e\n\u003cp\u003e25 g de chanvre, 1 banane, 200 ml de lait d'avoine, 1 cuillère à café de cacao cru. Mixez et savourez !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003ePancakes protéinés\u003c\/h3\u003e\n\u003cp\u003eRemplacez 20 à 30 % de votre farine habituelle par cette poudre pour des pancakes riches en protéines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-item\"\u003e\n\u003cdiv class=\"hpc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"hpc-timeline-content\"\u003e\n\u003ch3\u003eVersion express\u003c\/h3\u003e\n\u003cp\u003eIncorporez 25 g dans un porridge, un yaourt végétal ou saupoudrez sur une salade.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-tip\"\u003e\n\u003cspan class=\"hpc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce goût\u003c\/strong\u003e : associez le chanvre à de la cannelle, une purée d'amande ou un fruit bien mûr pour adoucir sa saveur végétale. Commencez par 15 g si vous augmentez votre apport en fibres, puis montez progressivement. Le sachet de 250 g offre environ \u003cstrong\u003e10 portions\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse cette protéine végétale ?\u003c\/h2\u003e\n\u003cdiv class=\"hpc-grid-compact\"\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs et sportives\u003c\/h3\u003e\n\u003cp\u003ePour compléter l'apport protéique et favoriser la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🌱 Végétariens et végans\u003c\/h3\u003e\n\u003cp\u003eUne source complète, facile à intégrer à chaque repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-card\"\u003e\n\u003ch3\u003e🤍 Personnes intolérantes\u003c\/h3\u003e\n\u003cp\u003eIdéale si vous évitez le lactose ou le gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eProtéine de chanvre danger : qu'en est-il vraiment ?\u003c\/h2\u003e\n\u003cdiv class=\"hpc-testimonial\"\u003e\n\u003cp class=\"hpc-testimonial-text\"\u003eLe chanvre alimentaire ne contient pas de THC. Cette poudre est simplement un aliment nutritif : aucun effet psychoactif, aucune substance interdite. Seule précaution : augmentez les doses progressivement pour laisser votre système digestif s'adapter à la richesse en fibres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"hpc-section\"\u003e\n\u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n\u003cdiv class=\"hpc-ingredient-highlight\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient unique\u003c\/strong\u003e : poudre de protéine de chanvre biologique (100 %).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hpc-table-wrapper\"\u003e\n\u003ctable class=\"hpc-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eValeur\u003c\/th\u003e\n\u003cth\u003ePour 100 g\u003c\/th\u003e\n\u003cth\u003ePour 25 g\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e1 513 kJ \/ 362 kcal\u003c\/td\u003e\n\u003ctd\u003e378 kJ \/ 90 kcal\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e50 g\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e12,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGlucides (dont sucres)\u003c\/td\u003e\n\u003ctd\u003e5,2 g (4,1 g)\u003c\/td\u003e\n\u003ctd\u003e1,3 g (1 g)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFibres\u003c\/td\u003e\n\u003ctd\u003e\u003cstrong\u003e21 g\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e5,2 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLipides (dont polyinsaturés)\u003c\/td\u003e\n\u003ctd\u003e11 g (7 g)\u003c\/td\u003e\n\u003ctd\u003e2,7 g (1,7 g)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMagnésium\u003c\/td\u003e\n\u003ctd\u003e805 mg (215 %)\u003c\/td\u003e\n\u003ctd\u003e201 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFer\u003c\/td\u003e\n\u003ctd\u003e15 mg (100 %)\u003c\/td\u003e\n\u003ctd\u003e3,7 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eZinc\u003c\/td\u003e\n\u003ctd\u003e11 mg (110 %)\u003c\/td\u003e\n\u003ctd\u003e2,7 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"hpc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"hpc-accordion\"\u003e\n\u003cdetails class=\"hpc-accordion-item\"\u003e\n\u003csummary class=\"hpc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"hpc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne remplace pas une alimentation variée et équilibrée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"hpc-accordion-item\"\u003e\n\u003csummary class=\"hpc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"hpc-accordion-content mt-3\"\u003e\n\u003cp\u003eConserver au sec, à l'abri de la chaleur et de la lumière. Bien refermer le sachet après utilisation.\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\/* === VARIABLES CSS === *\/\n:root {\n --hpc-cream: #f5f7f2;\n --hpc-white: #ffffff;\n --hpc-primary: #5A8C3C;\n --hpc-primary-dark: #3D6B24;\n --hpc-primary-light: #e8f2de;\n --hpc-secondary: #7BB847;\n --hpc-accent: #A4D65E;\n --hpc-text: #1a1a1a;\n --hpc-text-light: #5a5a5a;\n --hpc-border: #dde5d5;\n --hpc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hpc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hpc-radius: 20px;\n --hpc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.hpc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hpc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hpc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--hpc-primary-dark) 0%, var(--hpc-primary) 45%, var(--hpc-secondary) 100%);\n border-radius: var(--hpc-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(--hpc-shadow-lg);\n}\n\n.hpc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.hpc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.hpc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hpc-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(--hpc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hpc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.hpc-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.hpc-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.hpc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.hpc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hpc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hpc-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.hpc-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(--hpc-primary), var(--hpc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.hpc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hpc-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.hpc-card {\n background: var(--hpc-white);\n border-radius: var(--hpc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hpc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hpc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hpc-shadow-lg);\n border-color: var(--hpc-primary);\n}\n\n.hpc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hpc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hpc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hpc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hpc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.hpc-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.hpc-grid-compact .hpc-card {\n padding: 1.25rem;\n}\n\n.hpc-grid-compact .hpc-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n}\n\n.hpc-grid-compact .hpc-card p {\n font-size: 13px;\n}\n\n\/* === TIMELINE === *\/\n.hpc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hpc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hpc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hpc-primary), var(--hpc-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.hpc-timeline-content {\n flex: 1;\n background: var(--hpc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hpc-radius-sm);\n box-shadow: var(--hpc-shadow);\n}\n\n.hpc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hpc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hpc-timeline-content p {\n font-size: 14px;\n color: var(--hpc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.hpc-testimonial {\n background: var(--hpc-white);\n border-radius: var(--hpc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hpc-shadow);\n border-left: 4px solid var(--hpc-primary);\n}\n\n.hpc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hpc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.hpc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hpc-primary-light);\n border-radius: var(--hpc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hpc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hpc-tip p {\n font-size: 14px;\n color: var(--hpc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT HIGHLIGHT === *\/\n.hpc-ingredient-highlight {\n text-align: center;\n background: var(--hpc-primary-light);\n border-radius: var(--hpc-radius-sm);\n padding: 1rem 1.5rem;\n margin-bottom: 1.25rem;\n}\n\n.hpc-ingredient-highlight p {\n margin: 0;\n font-size: 15px;\n color: var(--hpc-primary-dark);\n line-height: 1.6;\n}\n\n\/* === TABLE === *\/\n.hpc-table-wrapper {\n overflow-x: auto;\n border-radius: var(--hpc-radius);\n box-shadow: var(--hpc-shadow);\n -webkit-overflow-scrolling: touch;\n}\n\n.hpc-table {\n width: 100%;\n min-width: 480px;\n border-collapse: collapse;\n background: var(--hpc-white);\n font-size: 14px;\n line-height: 1.5;\n}\n\n.hpc-table thead tr {\n background: linear-gradient(135deg, var(--hpc-primary), var(--hpc-secondary));\n}\n\n.hpc-table thead th {\n text-align: left;\n padding: 12px 16px;\n color: white;\n font-weight: 700;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.hpc-table tbody tr {\n transition: background .2s ease;\n}\n\n.hpc-table tbody tr:nth-child(even) {\n background: var(--hpc-primary-light);\n}\n\n.hpc-table tbody tr:hover {\n background: rgba(90,140,60,.08);\n}\n\n.hpc-table tbody td {\n padding: 10px 16px;\n border-bottom: 1px solid var(--hpc-border);\n color: var(--hpc-text);\n}\n\n.hpc-table tbody tr:last-child td {\n border-bottom: none;\n}\n\n.hpc-table tbody td strong {\n color: var(--hpc-primary-dark);\n font-weight: 800;\n}\n\n\/* === ACCORDÉON === *\/\n.hpc-accordion {\n background: var(--hpc-white);\n border-radius: var(--hpc-radius);\n box-shadow: var(--hpc-shadow);\n overflow: hidden;\n}\n\n.hpc-accordion-item {\n border-bottom: 1px solid var(--hpc-border);\n margin: 0;\n padding: 0;\n}\n\n.hpc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hpc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hpc-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.hpc-accordion-header:hover {\n background: var(--hpc-primary-light);\n}\n\n.hpc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hpc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hpc-primary);\n transition: transform .2s ease;\n}\n\n.hpc-accordion-item[open] .hpc-accordion-header::after {\n content: '−';\n}\n\n.hpc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hpc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hpc-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hpc-disclaimer {\n font-size: 12px;\n color: var(--hpc-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 .hpc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hpc-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .hpc-grid-compact .hpc-card:last-child {\n grid-column: 1 \/ -1;\n }\n\n .hpc-card {\n padding: 1.125rem;\n }\n\n .hpc-section {\n margin-bottom: 1.75rem;\n }\n\n .hpc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hpc-radius-sm);\n }\n\n .hpc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hpc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hpc-grid-compact .hpc-card {\n padding: .75rem;\n }\n\n .hpc-grid-compact .hpc-card h3 {\n font-size: 14px;\n }\n\n .hpc-grid-compact .hpc-card p {\n font-size: 12px;\n }\n\n .hpc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hpc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hpc-timeline-content h3 {\n font-size: 14px;\n }\n\n .hpc-timeline-content p {\n font-size: 13px;\n }\n\n .hpc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hpc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hpc-testimonial {\n padding: 1.25rem;\n }\n\n .hpc-testimonial-text {\n font-size: 14px;\n }\n\n .hpc-table {\n font-size: 13px;\n }\n\n .hpc-table thead th {\n padding: 10px 12px;\n font-size: 11px;\n }\n\n .hpc-table tbody td {\n padding: 8px 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hpc-card {\n animation: hpcFadeInUp .5s ease backwards;\n }\n .hpc-card:nth-child(1) { animation-delay: .05s; }\n .hpc-card:nth-child(2) { animation-delay: .1s; }\n .hpc-card:nth-child(3) { animation-delay: .15s; }\n .hpc-card:nth-child(4) { animation-delay: .2s; }\n .hpc-card:nth-child(5) { animation-delay: .25s; }\n .hpc-card:nth-child(6) { animation-delay: .3s; }\n\n .hpc-timeline-item {\n animation: hpcFadeInUp .5s ease backwards;\n }\n .hpc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .hpc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .hpc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .hpc-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes hpcFadeInUp {\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 .hpc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Iswari","offers":[{"title":"Default Title","offer_id":55766630400377,"sku":"NBAIISW0034","price":9.34,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteine-de-chanvre-bio-en-poudre-250g-iswari-lifestyle.webp?v=1770906469"},{"product_id":"acai-en-poudre-bio-origine-bresil-70-g-iswari","title":"Açaï en poudre bio (origine Brésil) 70 g - Iswari","description":"\u003cdiv class=\"ac-premium\"\u003e\n\n \u003c!-- HERO --\u003e\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 % Bio\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🇧🇷 Origine Brésil\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🥄 ~22 portions\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🌾 Sans gluten\u003c\/span\u003e\n \u003cspan class=\"ac-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ac-hero-title\"\u003eAçaï en poudre bio Iswari\u003c\/span\u003e\n \u003cp class=\"ac-subtitle\"\u003eLe superaliment antioxydant de l'Amazonie brésilienne\u003c\/p\u003e\n \u003cp class=\"ac-description\"\u003eBaies d'açaï lyophilisées, riches en calcium, fer et magnésium — aux notes subtiles de fruits rouges et de cacao. Sachet de 70 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 : Pourquoi choisir cette poudre d'açaï bio ? --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette poudre d'açaï bio ?\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🍇 100 % açaï lyophilisé\u003c\/h3\u003e\n \u003cp\u003eSans sucre ajouté, sans additif, sans conservateur. Juste la baie, dans toute sa pureté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e💎 Riche en minéraux essentiels\u003c\/h3\u003e\n \u003cp\u003eCalcium, fer et magnésium : trois piliers pour le bon fonctionnement de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🛡️ Source naturelle d'antioxydants\u003c\/h3\u003e\n \u003cp\u003eAnthocyanes puissantes qui contribuent à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e✅ Bio, vegan et sans gluten\u003c\/h3\u003e\n \u003cp\u003eCertifié Bio (PT-BIO-04), convient à la majorité des régimes alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e📦 ~22 portions par sachet\u003c\/h3\u003e\n \u003cp\u003eUn format de 70 g idéal pour découvrir tous les bienfaits de la poudre d'açaï au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Les bienfaits de la poudre d'açaï --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eLes bienfaits de la poudre d'açaï\u003c\/h2\u003e\n \u003cp class=\"ac-section-intro\"\u003eL'açaï est considéré comme l'un des superfruits les plus riches en antioxydants au monde. Sa teneur en fer contribue à réduire la fatigue, tandis que le calcium et le magnésium participent au maintien d'une ossature normale et d'un métabolisme énergétique optimal.\u003c\/p\u003e\n \u003cdiv class=\"ac-grid\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e⚡ Soutenir la vitalité quotidienne\u003c\/h3\u003e\n \u003cp\u003eNotamment lors de périodes intenses ou de changements de saison, l'açaï est un allié revitalisant naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🥬 Compléter une alimentation végétale\u003c\/h3\u003e\n \u003cp\u003eUn profil minéral dense et peu sucré, parfait pour enrichir une alimentation plant-based.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e✨ Accompagner une routine beauté\u003c\/h3\u003e\n \u003cp\u003eLes antioxydants de l'açaï sont reconnus pour leur action protectrice sur les cellules de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Composition --\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\u003e100 % poudre de baies d'açaï (\u003cem\u003eEuterpe oleracea\u003c\/em\u003e) lyophilisée, issue de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-composition-allergens\"\u003e\n \u003ch3\u003e⚠️ Allergènes\u003c\/h3\u003e\n \u003cp\u003ePeut contenir des \u003cem\u003etraces\u003c\/em\u003e de fruits à coque, cacahuètes, sésame et moutarde (environnement de fabrication).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment utiliser la poudre d'açaï ? Recettes et idées --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eComment utiliser la poudre d'açaï ? Recettes et idées\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e👩 Adultes (+12 ans)\u003c\/h3\u003e\n \u003cp\u003e1 à 2 cuillères à café par jour (environ 3 à 6 g)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e👧 Enfants (7–12 ans)\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à café par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-recipe-box\"\u003e\n \u003ch3\u003e🥣 Recette de smoothie bowl à l'açaï\u003c\/h3\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\u003eMixer les ingrédients\u003c\/h3\u003e\n \u003cp\u003eUne banane congelée, une poignée de fruits rouges et 1 à 2 cuillères à café de poudre d'açaï avec un peu de lait végétal.\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\u003eVerser dans un bol\u003c\/h3\u003e\n \u003cp\u003eGarnissez de granola, de fruits frais et de graines. C'est prêt !\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\u003eVarier les plaisirs\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez sur un yaourt, une compote, des pancakes ou incorporez dans vos pâtisseries maison.\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\u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez la poudre en fin de préparation pour préserver sa magnifique couleur violette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Origine et qualité --\u003e\n \u003csection class=\"ac-section\"\u003e\n \u003ch2\u003eOrigine et qualité\u003c\/h2\u003e\n \u003cdiv class=\"ac-grid-compact\"\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🌎 Amazonie brésilienne\u003c\/h3\u003e\n \u003cp\u003eBaies issues de palmiers cultivés de manière durable au Brésil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e❄️ Lyophilisation rapide\u003c\/h3\u003e\n \u003cp\u003eRéalisée peu après la récolte pour préserver couleur, arômes et profil nutritionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🏅 Marque Iswari\u003c\/h3\u003e\n \u003cp\u003eReconnue dans le domaine des superaliments bio, gage de qualité et de traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ac-card\"\u003e\n \u003ch3\u003e🔬 Profil nutritionnel intact\u003c\/h3\u003e\n \u003cp\u003eConditionné avec soin pour garantir toutes les propriétés du fruit d'origine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Conservation --\u003e\n \u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConservation\u003c\/h2\u003e\n \u003cdiv class=\"ac-accordion\"\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e📦 Conditions de conservation\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n \u003cp\u003eRefermez soigneusement le sachet après chaque utilisation. Conservez au frais, au sec et à l'abri de la lumière. À consommer de préférence dans les semaines suivant l'ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ac-accordion-item\"\u003e\n \u003csummary class=\"ac-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ac-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un complément alimentaire. Il ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. En cas de grossesse, d'allaitement, de traitement médical ou de condition de santé particulière, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ac-cream: #f7f3f8;\n --ac-white: #ffffff;\n --ac-primary: #6b3a7d;\n --ac-primary-dark: #4a1e5e;\n --ac-primary-light: #f0e6f5;\n --ac-secondary: #e8a838;\n --ac-accent: #d4942e;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e0d6e6;\n --ac-shadow: 0 4px 24px rgba(75, 30, 94, .08);\n --ac-shadow-lg: 0 12px 48px rgba(75, 30, 94, .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, #4a1e5e 0%, #6b3a7d 40%, #8b5ca0 70%, #e8a838 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(232, 168, 56, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.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: var(--ac-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0, 0, 0, .15);\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: 600px;\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 TEXT === *\/\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\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\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\/* === COMPOSITION BOX === *\/\n.ac-composition-box {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-composition-main,\n.ac-composition-allergens {\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 text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.ac-composition-main:hover,\n.ac-composition-allergens:hover {\n transform: translateY(-4px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-composition-main h3,\n.ac-composition-allergens 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}\n\n.ac-composition-main p,\n.ac-composition-allergens 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\/* === RECIPE BOX === *\/\n.ac-recipe-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n margin-top: 1.25rem;\n}\n\n.ac-recipe-box \u003e h3 {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n text-align: center;\n margin: 0 0 1.5rem 0;\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-primary-light);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\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\/* === ACCORDÉON === *\/\n.ac-accordion {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-accordion-item {\n border-bottom: 1px solid var(--ac-border);\n margin: 0;\n padding: 0;\n}\n\n.ac-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ac-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ac-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.ac-accordion-header:hover {\n background: var(--ac-primary-light);\n}\n\n.ac-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ac-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ac-primary);\n transition: transform .2s ease;\n}\n\n.ac-accordion-item[open] .ac-accordion-header::after {\n content: '−';\n}\n\n.ac-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ac-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ac-accordion-content p {\n margin: 0;\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-composition-box {\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-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ac-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ac-recipe-box {\n padding: 1.25rem;\n }\n\n .ac-recipe-box \u003e h3 {\n font-size: 17px;\n margin-bottom: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card,\n .ac-composition-main,\n .ac-composition-allergens {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1),\n .ac-composition-main { animation-delay: .05s; }\n .ac-card:nth-child(2),\n .ac-composition-allergens { 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":"Iswari","offers":[{"title":"Default Title","offer_id":55770977501561,"sku":"NBAIISW0047","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acai-en-poudre-bio-origine-bresil-70-g-iswari-packshothd.webp?v=1775739511"},{"product_id":"vinaigrette-collagene-archie-origine-france-36-cl","title":"Vinaigrette Collagène+ Archie • Origine France • 36 cl","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vinaigrette Collagène+ Archie\nPalette détectée:\n - Primaire: #F4D8A6 (beige doré chaud du liquide et de l'étiquette)\n - Secondaire: #1F2937 (noir\/marine profond du bouchon et typographie)\n - Accent: #E8B75F (orange doré intense pour highlights)\n - Background: #F8F4ED (beige crème très clair, ambiance naturelle)\nAmbiance: Premium naturel\/lifestyle, clean food, bien-être holistique, minimaliste sophistiqué, féminin élégant\nStyle: Produit fonctionnel haut de gamme, healthy lifestyle, beauté de l'intérieur, design épuré scandinave avec touches organiques\nPréfixe CSS: arch\n--\u003e\n\n\u003cdiv class=\"arch-premium\"\u003e\n \n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"arch-hero\"\u003e\n \u003cdiv class=\"arch-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arch-hero-content\"\u003e\n \u003cdiv class=\"arch-badges-top\"\u003e\n \u003cspan class=\"arch-badge\"\u003e🇫🇷 Origine France\u003c\/span\u003e\n \u003cspan class=\"arch-badge\"\u003e✨ Collagène + élastine\u003c\/span\u003e\n \u003cspan class=\"arch-badge\"\u003e🌿 Bio \u0026amp; naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arch-hero-title\"\u003eVinaigrette collagène+\u003c\/span\u003e\n \u003cp class=\"arch-subtitle\"\u003eLa beauté de l'intérieur dans une cuillère à soupe\u003c\/p\u003e\n \u003cp class=\"arch-description\"\u003eUne vinaigrette nouvelle génération qui transforme chaque repas en rituel beauté : vinaigre de cidre bio enrichi en collagène, élastine et acide hyaluronique. Prenez soin de votre peau, vos cheveux et votre digestion — simplement, à table.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Points forts --\u003e\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003ePourquoi elle va révolutionner vos repas\u003c\/h2\u003e\n \u003cdiv class=\"arch-grid\"\u003e\n \n \u003cdiv class=\"arch-card\"\u003e\n \u003cdiv class=\"arch-card-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3 class=\"arch-card-title\"\u003eÉclat \u0026amp; fermeté\u003c\/h3\u003e\n \u003cp class=\"arch-card-text\"\u003eCollagène + élastine + acide hyaluronique pour soutenir l'hydratation, l'élasticité et la fermeté de votre peau de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-card\"\u003e\n \u003cdiv class=\"arch-card-icon\"\u003e💇‍♀️\u003c\/div\u003e\n \u003ch3 class=\"arch-card-title\"\u003eCheveux \u0026amp; ongles\u003c\/h3\u003e\n \u003cp class=\"arch-card-text\"\u003eApport en protéines structurales essentielles pour renforcer cheveux et ongles au quotidien, sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-card\"\u003e\n \u003cdiv class=\"arch-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3 class=\"arch-card-title\"\u003eDigestion légère\u003c\/h3\u003e\n \u003cp class=\"arch-card-text\"\u003eVinaigre de cidre bio et gingembre pour faciliter la digestion après chaque repas — naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-card\"\u003e\n \u003cdiv class=\"arch-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3 class=\"arch-card-title\"\u003e−64% de matières grasses\u003c\/h3\u003e\n \u003cp class=\"arch-card-text\"\u003ePlus légère que les vinaigrettes classiques, sans compromis sur le goût ni la texture onctueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-card\"\u003e\n \u003cdiv class=\"arch-card-icon\"\u003e🧪\u003c\/div\u003e\n \u003ch3 class=\"arch-card-title\"\u003eComposition ultra-clean\u003c\/h3\u003e\n \u003cp class=\"arch-card-text\"\u003eSans additifs artificiels, sans gluten, sans lactose. Seulement des ingrédients d'origine biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-card\"\u003e\n \u003cdiv class=\"arch-card-icon\"\u003e🍽️\u003c\/div\u003e\n \u003ch3 class=\"arch-card-title\"\u003eRituel quotidien facile\u003c\/h3\u003e\n \u003cp class=\"arch-card-text\"\u003eIntégrez vos actifs beauté à chaque repas sans changer vos habitudes — juste en assaisonnant vos plats.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Description sensorielle --\u003e\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003eUne expérience gustative raffinée\u003c\/h2\u003e\n \u003cdiv class=\"arch-taste-box\"\u003e\n \u003cdiv class=\"arch-taste-content\"\u003e\n \u003cdiv class=\"arch-taste-item\"\u003e\n \u003cspan class=\"arch-taste-emoji\"\u003e🍋\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eNotes citronnées\u003c\/h4\u003e\n \u003cp\u003eUne acidité délicate et vivifiante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-taste-item\"\u003e\n \u003cspan class=\"arch-taste-emoji\"\u003e🫚\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eTouche de gingembre\u003c\/h4\u003e\n \u003cp\u003eUne pointe épicée subtile et élégante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-taste-item\"\u003e\n \u003cspan class=\"arch-taste-emoji\"\u003e🥗\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch4\u003eTexture veloutée\u003c\/h4\u003e\n \u003cp\u003eOnctueuse et légère à la fois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"arch-taste-description\"\u003eParfaite pour sublimer salades composées, crudités, légumes rôtis, œufs, poissons froids, bowls complets… Un assaisonnement qui fait du bien à vos papilles et à votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Composition --\u003e\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003eDes ingrédients d'exception\u003c\/h2\u003e\n \u003cdiv class=\"arch-grid\"\u003e\n \n \u003cdiv class=\"arch-ingredient-card\"\u003e\n \u003cdiv class=\"arch-ingredient-icon\"\u003e🍎\u003c\/div\u003e\n \u003ch3\u003eVinaigre de cidre Archie bio\u003c\/h3\u003e\n \u003cp class=\"arch-ingredient-dose\"\u003e30%\u003c\/p\u003e\n \u003cp class=\"arch-ingredient-benefit\"\u003eFacilite la digestion et régule la glycémie\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-ingredient-card\"\u003e\n \u003cdiv class=\"arch-ingredient-icon\"\u003e🌻\u003c\/div\u003e\n \u003ch3\u003eHuile de colza bio\u003c\/h3\u003e\n \u003cp class=\"arch-ingredient-dose\"\u003e25%\u003c\/p\u003e\n \u003cp class=\"arch-ingredient-benefit\"\u003eRiche en oméga-3, texture soyeuse\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-ingredient-card\"\u003e\n \u003cdiv class=\"arch-ingredient-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eMembrane de coquille d'œuf\u003c\/h3\u003e\n \u003cp class=\"arch-ingredient-dose\"\u003eEnrichie\u003c\/p\u003e\n \u003cp class=\"arch-ingredient-benefit\"\u003eCollagène + élastine + acide hyaluronique\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-ingredient-card\"\u003e\n \u003cdiv class=\"arch-ingredient-icon\"\u003e🍋\u003c\/div\u003e\n \u003ch3\u003eCitron bio\u003c\/h3\u003e\n \u003cp class=\"arch-ingredient-dose\"\u003e7%\u003c\/p\u003e\n \u003cp class=\"arch-ingredient-benefit\"\u003eFraîcheur et vitamine C naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-ingredient-card\"\u003e\n \u003cdiv class=\"arch-ingredient-icon\"\u003e🫚\u003c\/div\u003e\n \u003ch3\u003eGingembre déshydraté\u003c\/h3\u003e\n \u003cp class=\"arch-ingredient-dose\"\u003e2%\u003c\/p\u003e\n \u003cp class=\"arch-ingredient-benefit\"\u003eStimule la digestion, note épicée\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-ingredient-card\"\u003e\n \u003cdiv class=\"arch-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch3\u003eMoutarde de Dijon bio\u003c\/h3\u003e\n \u003cp class=\"arch-ingredient-dose\"\u003eArtisanale\u003c\/p\u003e\n \u003cp class=\"arch-ingredient-benefit\"\u003eÉmulsion naturelle et caractère\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003cp class=\"arch-ingredient-note\"\u003e💚 Tous les ingrédients marqués d'un astérisque sont d'origine biologique. \u003cstrong\u003eAllergènes :\u003c\/strong\u003e moutarde, œuf.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- Mode d'emploi --\u003e\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003eComment l'adopter au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"arch-steps\"\u003e\n \n \u003cdiv class=\"arch-step\"\u003e\n \u003cdiv class=\"arch-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arch-step-content\"\u003e\n \u003ch3\u003eSecouez énergiquement\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation pour bien mélanger les actifs naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-step\"\u003e\n \u003cdiv class=\"arch-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arch-step-content\"\u003e\n \u003ch3\u003eVersez 2 cuillères à soupe\u003c\/h3\u003e\n \u003cp\u003ePar personne sur vos salades, légumes, bowls ou marinades\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-step\"\u003e\n \u003cdiv class=\"arch-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arch-step-content\"\u003e\n \u003ch3\u003eSavourez quotidiennement\u003c\/h3\u003e\n \u003cp\u003eMidi et\/ou soir pour un apport régulier en actifs beauté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \n \u003cdiv class=\"arch-ideas-box\"\u003e\n \u003ch3\u003e💡 Idées express\u003c\/h3\u003e\n \u003cul class=\"arch-ideas-list\"\u003e\n \u003cli\u003eQuinoa, roquette \u0026amp; grenade\u003c\/li\u003e\n \u003cli\u003eCarottes râpées, sésame \u0026amp; coriandre\u003c\/li\u003e\n \u003cli\u003eConcombre, menthe \u0026amp; feta\u003c\/li\u003e\n \u003cli\u003eLentilles, œufs mollets \u0026amp; pousses d'épinard\u003c\/li\u003e\n \u003cli\u003eBetteraves rôties \u0026amp; noix de cajou\u003c\/li\u003e\n \u003cli\u003eAvocado toast \u0026amp; graines germées\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Bénéfices chiffrés --\u003e\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003eLes chiffres qui comptent\u003c\/h2\u003e\n \u003cdiv class=\"arch-stats\"\u003e\n \n \u003cdiv class=\"arch-stat-card\"\u003e\n \u003cdiv class=\"arch-stat-number\"\u003e−64%\u003c\/div\u003e\n \u003cdiv class=\"arch-stat-label\"\u003ede matières grasses vs vinaigrettes classiques\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-stat-card\"\u003e\n \u003cdiv class=\"arch-stat-number\"\u003e30%\u003c\/div\u003e\n \u003cdiv class=\"arch-stat-label\"\u003ede vinaigre de cidre bio Archie\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-stat-card\"\u003e\n \u003cdiv class=\"arch-stat-number\"\u003e36 cl\u003c\/div\u003e\n \u003cdiv class=\"arch-stat-label\"\u003e≈ 18 portions pour vos rituels beauté\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-stat-card\"\u003e\n \u003cdiv class=\"arch-stat-number\"\u003e0\u003c\/div\u003e\n \u003cdiv class=\"arch-stat-label\"\u003eadditif, gluten ou lactose\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Valeurs nutritionnelles --\u003e\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles\u003c\/h2\u003e\n \u003cdiv class=\"arch-nutrition\"\u003e\n \u003cp class=\"arch-nutrition-header\"\u003ePour 100 g de produit\u003c\/p\u003e\n \u003cdiv class=\"arch-nutrition-grid\"\u003e\n \u003cdiv class=\"arch-nutrition-item\"\u003e\n \u003cspan class=\"arch-nutrition-label\"\u003eÉnergie\u003c\/span\u003e\n \u003cspan class=\"arch-nutrition-value\"\u003e300 kcal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-nutrition-item\"\u003e\n \u003cspan class=\"arch-nutrition-label\"\u003eMatières grasses\u003c\/span\u003e\n \u003cspan class=\"arch-nutrition-value\"\u003e27 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-nutrition-item\"\u003e\n \u003cspan class=\"arch-nutrition-label\"\u003edont saturées\u003c\/span\u003e\n \u003cspan class=\"arch-nutrition-value\"\u003e2 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-nutrition-item\"\u003e\n \u003cspan class=\"arch-nutrition-label\"\u003eGlucides\u003c\/span\u003e\n \u003cspan class=\"arch-nutrition-value\"\u003e12 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-nutrition-item\"\u003e\n \u003cspan class=\"arch-nutrition-label\"\u003eFibres\u003c\/span\u003e\n \u003cspan class=\"arch-nutrition-value\"\u003e0,6 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-nutrition-item\"\u003e\n \u003cspan class=\"arch-nutrition-label\"\u003eProtéines\u003c\/span\u003e\n \u003cspan class=\"arch-nutrition-value\"\u003e2,1 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-nutrition-item\"\u003e\n \u003cspan class=\"arch-nutrition-label\"\u003eSel\u003c\/span\u003e\n \u003cspan class=\"arch-nutrition-value\"\u003e1,9 g\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=\"arch-section\"\u003e\n \u003ch2\u003eCette vinaigrette est faite pour vous si…\u003c\/h2\u003e\n \u003cdiv class=\"arch-grid\"\u003e\n \n \u003cdiv class=\"arch-profile-card\"\u003e\n \u003cspan class=\"arch-profile-emoji\"\u003e🧘‍♀️\u003c\/span\u003e\n \u003ch3\u003eVous cherchez la beauté de l'intérieur\u003c\/h3\u003e\n \u003cp\u003eVous voulez prendre soin de votre peau, cheveux et ongles naturellement, au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-profile-card\"\u003e\n \u003cspan class=\"arch-profile-emoji\"\u003e🥗\u003c\/span\u003e\n \u003ch3\u003eVous aimez manger sainement\u003c\/h3\u003e\n \u003cp\u003eVous privilégiez les produits bio, clean et fonctionnels sans compromis sur le goût\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-profile-card\"\u003e\n \u003cspan class=\"arch-profile-emoji\"\u003e⏱️\u003c\/span\u003e\n \u003ch3\u003eVous manquez de temps\u003c\/h3\u003e\n \u003cp\u003eVous cherchez un rituel beauté simple à intégrer dans votre routine alimentaire\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-profile-card\"\u003e\n \u003cspan class=\"arch-profile-emoji\"\u003e🌿\u003c\/span\u003e\n \u003ch3\u003eVous êtes sensible à la composition\u003c\/h3\u003e\n \u003cp\u003eVous lisez les étiquettes et recherchez des produits sans additifs artificiels\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-profile-card\"\u003e\n \u003cspan class=\"arch-profile-emoji\"\u003e💚\u003c\/span\u003e\n \u003ch3\u003eVous valorisez le Made in France\u003c\/h3\u003e\n \u003cp\u003eVous soutenez les marques engagées avec des matières premières françaises et bio\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-profile-card\"\u003e\n \u003cspan class=\"arch-profile-emoji\"\u003e🍽️\u003c\/span\u003e\n \u003ch3\u003eVous cuisinez au quotidien\u003c\/h3\u003e\n \u003cp\u003eVous cherchez des condiments qui subliment vos plats tout en prenant soin de vous\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Conservation --\u003e\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003eConservation \u0026amp; informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"arch-info-grid\"\u003e\n \n \u003cdiv class=\"arch-info-card\"\u003e\n \u003cdiv class=\"arch-info-icon\"\u003e📦\u003c\/div\u003e\n \u003ch4\u003eAvant ouverture\u003c\/h4\u003e\n \u003cp\u003eConserver dans un endroit sec, à l'abri de la chaleur et de la lumière directe\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-info-card\"\u003e\n \u003cdiv class=\"arch-info-icon\"\u003e❄️\u003c\/div\u003e\n \u003ch4\u003eAprès ouverture\u003c\/h4\u003e\n \u003cp\u003eÀ placer au réfrigérateur et à consommer dans le mois pour une fraîcheur optimale\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-info-card\"\u003e\n \u003cdiv class=\"arch-info-icon\"\u003e🍾\u003c\/div\u003e\n \u003ch4\u003eContenance\u003c\/h4\u003e\n \u003cp\u003e36 cl — environ 18 portions de 2 cuillères à soupe\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-info-card\"\u003e\n \u003cdiv class=\"arch-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch4\u003eOrigine\u003c\/h4\u003e\n \u003cp\u003eFabriqué en France avec des matières premières françaises d'origine biologique\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-info-card\"\u003e\n \u003cdiv class=\"arch-info-icon\"\u003e📅\u003c\/div\u003e\n \u003ch4\u003eDLUO non ouverte\u003c\/h4\u003e\n \u003cp\u003e12 mois à partir de la date de fabrication\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"arch-info-card\"\u003e\n \u003cdiv class=\"arch-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch4\u003eRégime\u003c\/h4\u003e\n \u003cp\u003eConvient aux végétariens (contient de l'œuf, non adapté aux vegans)\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Archie brand --\u003e\n \u003csection class=\"arch-section\"\u003e\n \u003cdiv class=\"arch-brand-box\"\u003e\n \u003ch2\u003eArchie, le vinaigre de cidre fonctionnel\u003c\/h2\u003e\n \u003cp\u003eMarque française engagée, Archie valorise des ingrédients bio et des recettes épurées pour apporter un \u003cstrong\u003evéritable bénéfice bien-être\u003c\/strong\u003e au quotidien — sans compromis sur le goût, la provenance, ni la transparence.\u003c\/p\u003e\n \u003cp\u003eChaque produit Archie est conçu pour transformer vos repas en rituels santé et beauté, naturellement et simplement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA Final --\u003e\n \u003csection class=\"arch-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"arch-cta-box\"\u003e\n \u003cdiv class=\"arch-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arch-cta-content\"\u003e\n \u003cp class=\"arch-cta-text\"\u003e✨ Transformez chaque repas en rituel beauté avec cette vinaigrette nouvelle génération. Votre peau, vos cheveux et votre digestion vous remercieront — une cuillère à la fois.\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\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --arch-cream: #F8F4ED;\n --arch-white: #ffffff;\n --arch-primary: #F4D8A6;\n --arch-primary-dark: #E8B75F;\n --arch-primary-light: #FBF1E2;\n --arch-secondary: #1F2937;\n --arch-accent: #D4A574;\n\n \/* Textes *\/\n --arch-text: #1a1a1a;\n --arch-text-light: #5a5a5a;\n\n \/* Effets *\/\n --arch-border: #E8DCC8;\n --arch-shadow: 0 4px 24px rgba(244, 216, 166, 0.15);\n --arch-shadow-lg: 0 12px 48px rgba(232, 183, 95, 0.25);\n --arch-radius: 20px;\n --arch-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.arch-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arch-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--arch-text);\n}\n\n\/* === HERO === *\/\n.arch-hero {\n position: relative;\n background: linear-gradient(135deg, #F4D8A6 0%, #E8B75F 50%, #D4A574 100%);\n border-radius: var(--arch-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(--arch-shadow-lg);\n}\n\n.arch-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.8) 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.6) 2px, transparent 2px),\n radial-gradient(circle at 40% 80%, rgba(255,255,255,.5) 1px, transparent 1px),\n radial-gradient(circle at 70% 20%, rgba(255,255,255,.7) 1.5px, transparent 1.5px);\n background-size: 60px 60px, 80px 80px, 50px 50px, 70px 70px;\n}\n\n.arch-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.arch-badges-top {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.arch-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--arch-secondary);\n box-shadow: 0 4px 16px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arch-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0,0,0,.15);\n}\n\n.arch-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 58px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 24px rgba(31, 41, 55, 0.2);\n line-height: 1.1;\n}\n\n.arch-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n font-style: italic;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.arch-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n margin: 0;\n font-weight: 500;\n text-shadow: 0 2px 8px rgba(0,0,0,.08);\n}\n\n\/* === SECTIONS === *\/\n.arch-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.arch-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--arch-secondary);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.arch-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 70px;\n height: 4px;\n background: linear-gradient(90deg, var(--arch-primary), var(--arch-primary-dark));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.arch-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS PRINCIPALES === *\/\n.arch-card {\n background: var(--arch-white);\n border-radius: var(--arch-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--arch-shadow);\n border: 2px solid transparent;\n transition: all .4s cubic-bezier(.4,0,.2,1);\n position: relative;\n overflow: hidden;\n}\n\n.arch-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--arch-primary), var(--arch-primary-dark));\n transform: scaleX(0);\n transform-origin: left;\n transition: transform .4s ease;\n}\n\n.arch-card:hover::before {\n transform: scaleX(1);\n}\n\n.arch-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--arch-shadow-lg);\n border-color: var(--arch-primary);\n}\n\n.arch-card-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.arch-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--arch-secondary);\n margin: 0 0 0.8rem 0;\n letter-spacing: -0.02em;\n}\n\n.arch-card-text {\n color: var(--arch-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.6;\n margin: 0;\n font-weight: 500;\n}\n\n\/* === TASTE BOX === *\/\n.arch-taste-box {\n background: var(--arch-white);\n border-radius: var(--arch-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--arch-shadow);\n border: 2px solid var(--arch-border);\n}\n\n.arch-taste-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.arch-taste-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.arch-taste-emoji {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.arch-taste-item h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--arch-secondary);\n margin: 0 0 0.3rem 0;\n}\n\n.arch-taste-item p {\n font-size: 14px;\n color: var(--arch-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.arch-taste-description {\n color: var(--arch-text);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n margin: 0;\n padding-top: 1.5rem;\n border-top: 2px solid var(--arch-border);\n font-weight: 500;\n}\n\n\/* === INGREDIENTS === *\/\n.arch-ingredient-card {\n background: linear-gradient(135deg, var(--arch-white) 0%, var(--arch-primary-light) 100%);\n border-radius: var(--arch-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arch-shadow);\n border: 2px solid var(--arch-border);\n transition: all .3s ease;\n text-align: center;\n}\n\n.arch-ingredient-card:hover {\n transform: translateY(-6px);\n border-color: var(--arch-primary-dark);\n}\n\n.arch-ingredient-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.arch-ingredient-card h3 {\n font-size: clamp(16px, 2vw, 19px);\n font-weight: 800;\n color: var(--arch-secondary);\n margin: 0 0 0.5rem 0;\n letter-spacing: -0.01em;\n}\n\n.arch-ingredient-dose {\n display: inline-block;\n background: var(--arch-primary-dark);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: 0.8rem;\n}\n\n.arch-ingredient-benefit {\n color: var(--arch-text-light);\n font-size: 14px;\n line-height: 1.5;\n margin: 0;\n font-weight: 500;\n}\n\n.arch-ingredient-note {\n text-align: center;\n color: var(--arch-text-light);\n font-size: 14px;\n margin-top: 2rem;\n padding: 1rem;\n background: var(--arch-primary-light);\n border-radius: var(--arch-radius-sm);\n line-height: 1.6;\n}\n\n\/* === STEPS === *\/\n.arch-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.arch-step {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n background: var(--arch-white);\n border-radius: var(--arch-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arch-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.arch-step:hover {\n border-color: var(--arch-primary);\n transform: translateX(8px);\n}\n\n.arch-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--arch-primary), var(--arch-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(232, 183, 95, 0.3);\n}\n\n.arch-step-content h3 {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--arch-secondary);\n margin: 0 0 0.5rem 0;\n}\n\n.arch-step-content p {\n color: var(--arch-text-light);\n font-size: 15px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === IDEAS BOX === *\/\n.arch-ideas-box {\n background: linear-gradient(135deg, var(--arch-primary-light) 0%, var(--arch-white) 100%);\n border-radius: var(--arch-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid var(--arch-border);\n}\n\n.arch-ideas-box h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--arch-secondary);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.arch-ideas-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 0.8rem;\n}\n\n.arch-ideas-list li {\n color: var(--arch-text);\n font-size: 15px;\n font-weight: 600;\n padding: 10px 16px;\n background: var(--arch-white);\n border-radius: 999px;\n box-shadow: 0 2px 8px rgba(0,0,0,.05);\n transition: all .3s ease;\n}\n\n.arch-ideas-list li:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 16px rgba(232, 183, 95, 0.2);\n}\n\n.arch-ideas-list li::before {\n content: '🥗 ';\n margin-right: 6px;\n}\n\n\/* === STATS === *\/\n.arch-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.arch-stat-card {\n background: linear-gradient(135deg, var(--arch-primary) 0%, var(--arch-primary-dark) 100%);\n border-radius: var(--arch-radius-sm);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n text-align: center;\n box-shadow: var(--arch-shadow-lg);\n transition: all .3s ease;\n position: relative;\n overflow: hidden;\n}\n\n.arch-stat-card::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);\n transition: transform .6s ease;\n}\n\n.arch-stat-card:hover::before {\n transform: translate(-25%, -25%);\n}\n\n.arch-stat-card:hover {\n transform: translateY(-8px) scale(1.03);\n}\n\n.arch-stat-number {\n position: relative;\n z-index: 1;\n font-size: clamp(36px, 6vw, 52px);\n font-weight: 900;\n color: white;\n margin-bottom: 0.5rem;\n letter-spacing: -0.03em;\n text-shadow: 0 4px 12px rgba(0,0,0,.15);\n}\n\n.arch-stat-label {\n position: relative;\n z-index: 1;\n color: rgba(255,255,255,.95);\n font-size: clamp(13px, 1.8vw, 15px);\n font-weight: 700;\n line-height: 1.4;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === NUTRITION === *\/\n.arch-nutrition {\n background: var(--arch-white);\n border-radius: var(--arch-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--arch-shadow);\n border: 2px solid var(--arch-border);\n max-width: 600px;\n margin: 0 auto;\n}\n\n.arch-nutrition-header {\n text-align: center;\n font-size: 15px;\n font-weight: 700;\n color: var(--arch-text-light);\n margin: 0 0 1.5rem 0;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.arch-nutrition-grid {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.arch-nutrition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 20px;\n background: var(--arch-primary-light);\n border-radius: var(--arch-radius-sm);\n transition: all .3s ease;\n}\n\n.arch-nutrition-item:hover {\n background: var(--arch-primary);\n transform: translateX(4px);\n}\n\n.arch-nutrition-label {\n font-size: 15px;\n font-weight: 600;\n color: var(--arch-text);\n}\n\n.arch-nutrition-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--arch-secondary);\n}\n\n\/* === PROFILE CARDS === *\/\n.arch-profile-card {\n background: var(--arch-white);\n border-radius: var(--arch-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arch-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arch-profile-card:hover {\n transform: translateY(-8px);\n border-color: var(--arch-primary-dark);\n box-shadow: var(--arch-shadow-lg);\n}\n\n.arch-profile-emoji {\n font-size: 52px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.arch-profile-card h3 {\n font-size: clamp(16px, 2vw, 19px);\n font-weight: 800;\n color: var(--arch-secondary);\n margin: 0 0 0.8rem 0;\n line-height: 1.3;\n}\n\n.arch-profile-card p {\n color: var(--arch-text-light);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n font-weight: 500;\n}\n\n\/* === INFO CARDS === *\/\n.arch-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.arch-info-card {\n background: linear-gradient(135deg, var(--arch-white) 0%, var(--arch-primary-light) 100%);\n border-radius: var(--arch-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--arch-shadow);\n border: 2px solid var(--arch-border);\n transition: all .3s ease;\n}\n\n.arch-info-card:hover {\n transform: translateY(-6px);\n border-color: var(--arch-primary);\n}\n\n.arch-info-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n.arch-info-card h4 {\n font-size: clamp(16px, 2vw, 18px);\n font-weight: 800;\n color: var(--arch-secondary);\n margin: 0 0 0.6rem 0;\n text-align: center;\n}\n\n.arch-info-card p {\n color: var(--arch-text-light);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n text-align: center;\n font-weight: 500;\n}\n\n\/* === BRAND BOX === *\/\n.arch-brand-box {\n background: linear-gradient(135deg, var(--arch-secondary) 0%, #111827 100%);\n border-radius: var(--arch-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n box-shadow: var(--arch-shadow-lg);\n position: relative;\n overflow: hidden;\n}\n\n.arch-brand-box::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 20%, rgba(244,216,166,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(232,183,95,.06) 0%, transparent 50%);\n pointer-events: none;\n}\n\n.arch-brand-box h2 {\n color: white;\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.arch-brand-box h2::after {\n background: linear-gradient(90deg, var(--arch-primary), white);\n}\n\n.arch-brand-box p {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n text-align: center;\n margin: 0 0 1rem 0;\n position: relative;\n z-index: 1;\n font-weight: 500;\n}\n\n.arch-brand-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.arch-cta-box {\n background: linear-gradient(135deg, var(--arch-primary) 0%, var(--arch-primary-dark) 100%);\n border-radius: var(--arch-radius);\n padding: clamp(3rem, 6vw, 5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--arch-shadow-lg);\n}\n\n.arch-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.5) 20px, rgba(255,255,255,.5) 21px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px);\n}\n\n.arch-cta-content {\n position: relative;\n z-index: 1;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.arch-cta-text {\n color: white;\n font-size: clamp(18px, 2.8vw, 24px);\n line-height: 1.7;\n font-weight: 700;\n margin: 0;\n text-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .arch-grid,\n .arch-stats,\n .arch-info-grid {\n grid-template-columns: 1fr;\n }\n\n .arch-taste-content {\n grid-template-columns: 1fr;\n }\n\n .arch-step {\n flex-direction: column;\n text-align: center;\n }\n\n .arch-step-number {\n margin: 0 auto;\n }\n\n .arch-ideas-list {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arch-card,\n .arch-ingredient-card,\n .arch-step,\n .arch-stat-card,\n .arch-profile-card,\n .arch-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .arch-card:nth-child(1),\n .arch-step:nth-child(1) { animation-delay: .1s; }\n .arch-card:nth-child(2),\n .arch-step:nth-child(2) { animation-delay: .2s; }\n .arch-card:nth-child(3),\n .arch-step:nth-child(3) { animation-delay: .3s; }\n .arch-card:nth-child(4) { animation-delay: .4s; }\n .arch-card:nth-child(5) { animation-delay: .5s; }\n .arch-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .arch-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .arch-premium {\n --arch-text-light: #333333;\n }\n \n .arch-badge,\n .arch-card,\n .arch-ingredient-card,\n .arch-info-card {\n border-width: 3px;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .arch-premium {\n background: white;\n }\n \n .arch-card,\n .arch-hero {\n box-shadow: none;\n border: 2px solid #333;\n }\n}\n\u003c\/style\u003e","brand":"Archie","offers":[{"title":"Default Title","offer_id":55804823961977,"sku":"NBAIARC0008","price":13.79,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vinaigrette_collagne_archie_packshot.webp?v=1757867682"},{"product_id":"vinaigre-de-cidre-en-gelules-archie","title":"Gélules de Vinaigre de cidre (origine France) - 60 gélules – Archie","description":"\u003cdiv class=\"arch-premium\"\u003e\n \u003cdiv class=\"arch-hero\"\u003e\n \u003cdiv class=\"arch-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"arch-hero-content\"\u003e\n \u003cdiv class=\"arch-badges-top\"\u003e\n \u003cspan class=\"arch-badge\"\u003e🇫🇷 Origine France\u003c\/span\u003e\n \u003cspan class=\"arch-badge\"\u003e🌱 Gélules végétales\u003c\/span\u003e\n \u003cspan class=\"arch-badge\"\u003e🚫 Sans sucre\u003c\/span\u003e\n \u003cspan class=\"arch-badge\"\u003e💊 60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"arch-hero-title\"\u003eGélules de Vinaigre de Cidre\u003c\/span\u003e\n \u003cp class=\"arch-subtitle\"\u003eTous les bienfaits, zéro acidité\u003c\/p\u003e\n \u003cp class=\"arch-description\"\u003eProfitez de tous les \u003cstrong\u003ebienfaits du vinaigre de cidre\u003c\/strong\u003e sans son acidité en bouche : une forme pratique et douce pour la \u003cstrong\u003edigestion\u003c\/strong\u003e, l'\u003cstrong\u003eéquilibre glycémique après repas\u003c\/strong\u003e et la \u003cstrong\u003egestion de l'appétit\u003c\/strong\u003e, à intégrer facilement à votre routine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003eLes bienfaits du vinaigre de cidre en gélules\u003c\/h2\u003e\n \u003cdiv class=\"arch-grid\"\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e🍎 Digestion plus légère\u003c\/h3\u003e\n \u003cp\u003eL'un des \u003cstrong\u003ebienfaits du vinaigre de cidre\u003c\/strong\u003e les plus connus : soutenir la digestion après un repas copieux, sans agresser l'estomac.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e📉 Glycémie post-repas\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003eacide acétique\u003c\/strong\u003e peut \u003cstrong\u003eatténuer le pic glycémique\u003c\/strong\u003e lorsqu'il est pris avec un repas riche en glucides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e🥗 Appétit \u0026amp; gestion du poids\u003c\/h3\u003e\n \u003cp\u003eUn \u003cstrong\u003ebienfait du vinaigre de cidre pour maigrir\u003c\/strong\u003e souvent recherché : favoriser la \u003cstrong\u003esatiété\u003c\/strong\u003e dans une démarche minceur globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card\"\u003e\n \u003ch3\u003e👌 Praticité au quotidien\u003c\/h3\u003e\n \u003cp\u003eSans goût acide, sans contact avec les dents : 2 gélules suffisent, à tout moment de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003eComposition \u0026amp; origine\u003c\/h2\u003e\n \u003cdiv class=\"arch-grid arch-grid-two\"\u003e\n \u003cdiv class=\"arch-card arch-card-highlight\"\u003e\n \u003ch3\u003e🧪 Formule complète (pour 2 gélules)\u003c\/h3\u003e\n \u003cul class=\"arch-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003ePoudre de vinaigre de cidre\u003c\/strong\u003e : 600 mg — origine France\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eGélule végétale\u003c\/strong\u003e (HPMC) : enveloppe\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSans\u003c\/strong\u003e sucre ajouté, \u003cstrong\u003esans\u003c\/strong\u003e conservateur, \u003cstrong\u003esans\u003c\/strong\u003e additif controversé\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"arch-small\"\u003eVinaigre issu de pommes françaises, séché à basse température pour préserver ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-card arch-card-highlight\"\u003e\n \u003ch3\u003e💊 Pourquoi en gélules ?\u003c\/h3\u003e\n \u003cp\u003eLes gélules évitent l'acidité du vinaigre liquide, protègent l'\u003cstrong\u003eémail dentaire\u003c\/strong\u003e et l'œsophage, tout en conservant les \u003cstrong\u003ebienfaits du vinaigre de cidre\u003c\/strong\u003e grâce à l'acide acétique standardisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arch-section\"\u003e\n \u003ch2\u003eComment prendre vos gélules ?\u003c\/h2\u003e\n \u003cdiv class=\"arch-timeline\"\u003e\n \u003cdiv class=\"arch-timeline-item\"\u003e\n \u003cdiv class=\"arch-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"arch-timeline-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003e2 gélules par prise, jusqu'à 3 fois par jour selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-timeline-item\"\u003e\n \u003cdiv class=\"arch-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"arch-timeline-content\"\u003e\n \u003ch3\u003eMoment\u003c\/h3\u003e\n \u003cp\u003eAvant chaque repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-timeline-item\"\u003e\n \u003cdiv class=\"arch-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"arch-timeline-content\"\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003eCure de 1 à 3 mois, avec une pause entre chaque cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"arch-timeline-item\"\u003e\n \u003cdiv class=\"arch-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"arch-timeline-content\"\u003e\n \u003ch3\u003eAstuce\u003c\/h3\u003e\n \u003cp\u003ePour \u003cstrong\u003emaigrir avec le vinaigre de cidre\u003c\/strong\u003e, associez la cure à une alimentation équilibrée et à une activité physique régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"arch-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"arch-testimonial\"\u003e\n \u003cp class=\"arch-testimonial-text\"\u003eDéconseillé en cas de \u003cstrong\u003eRGO\u003c\/strong\u003e, ulcère ou estomac sensible. Avis médical recommandé pour les femmes enceintes\/allaitantes et en cas de traitement (diurétiques, insuline). Ne dépassez pas la dose recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --arch-cream: #fdf6ec;\n --arch-white: #ffffff;\n --arch-primary: #ed8a2f;\n --arch-primary-dark: #c96c18;\n --arch-primary-light: #fbe8d1;\n --arch-secondary: #f4a85c;\n --arch-accent: #b85712;\n --arch-text: #1a1a1a;\n --arch-text-light: #6b5d4f;\n --arch-border: #ead9c4;\n --arch-shadow: 0 4px 24px rgba(201, 108, 24, .08);\n --arch-shadow-lg: 0 12px 48px rgba(201, 108, 24, .18);\n --arch-radius: 20px;\n --arch-radius-sm: 12px;\n}\n\n.arch-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--arch-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--arch-text);\n line-height: 1.6;\n}\n\n.arch-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.arch-hero {\n position: relative;\n background: linear-gradient(135deg, #f4a85c 0%, #ed8a2f 50%, #c96c18 100%);\n border-radius: var(--arch-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(--arch-shadow-lg);\n}\n\n.arch-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.arch-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.arch-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 line-height: 1.1;\n text-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.arch-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n font-style: italic;\n}\n\n.arch-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n opacity: .98;\n}\n\n.arch-description strong {\n font-weight: 800;\n color: #fff5e6;\n}\n\n\/* === BADGES === *\/\n.arch-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.arch-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(--arch-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.arch-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.arch-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arch-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--arch-primary-dark);\n margin: 0 0 clamp(1.25rem, 3vw, 2rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.arch-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(--arch-primary), var(--arch-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.arch-card {\n background: var(--arch-white);\n border-radius: var(--arch-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--arch-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.arch-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--arch-shadow-lg);\n border-color: var(--arch-primary);\n}\n\n.arch-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--arch-primary-dark);\n margin: 0 0 .75rem 0;\n line-height: 1.3;\n}\n\n.arch-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arch-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.arch-card-highlight {\n text-align: left;\n background: linear-gradient(135deg, #ffffff 0%, #fdf6ec 100%);\n border: 2px solid var(--arch-primary-light);\n}\n\n.arch-card-highlight h3 {\n text-align: left;\n font-size: clamp(16px, 2.8vw, 20px);\n margin-bottom: 1rem;\n}\n\n.arch-card-highlight p {\n text-align: left;\n}\n\n\/* === LIST === *\/\n.arch-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.arch-list li {\n position: relative;\n padding: .5rem 0 .5rem 1.75rem;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--arch-text);\n line-height: 1.6;\n border-bottom: 1px dashed var(--arch-border);\n}\n\n.arch-list li:last-child {\n border-bottom: none;\n}\n\n.arch-list li::before {\n content: '🍎';\n position: absolute;\n left: 0;\n top: .55rem;\n font-size: 14px;\n}\n\n.arch-small {\n font-size: 13px;\n color: var(--arch-text-light);\n font-style: italic;\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === GRILLES === *\/\n.arch-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.arch-grid-two {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n\/* === TIMELINE === *\/\n.arch-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.arch-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.arch-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--arch-primary), var(--arch-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 box-shadow: 0 4px 14px rgba(237, 138, 47, .3);\n}\n\n.arch-timeline-content {\n flex: 1;\n background: var(--arch-white);\n padding: 1rem 1.25rem;\n border-radius: var(--arch-radius-sm);\n box-shadow: var(--arch-shadow);\n border-left: 3px solid var(--arch-primary);\n}\n\n.arch-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--arch-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.arch-timeline-content p {\n font-size: 14px;\n color: var(--arch-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL (précautions) === *\/\n.arch-testimonial {\n background: var(--arch-white);\n border-radius: var(--arch-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--arch-shadow);\n border-left: 4px solid var(--arch-primary);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.arch-testimonial-text {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--arch-text-light);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n text-align: center;\n}\n\n.arch-testimonial-text strong {\n color: var(--arch-primary-dark);\n font-style: normal;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .arch-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .arch-card {\n padding: 1.125rem;\n }\n\n .arch-section {\n margin-bottom: 1.75rem;\n }\n\n .arch-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--arch-radius-sm);\n }\n\n .arch-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .arch-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .arch-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n\n .arch-timeline-content {\n padding: .875rem 1rem;\n }\n\n .arch-timeline-content h3 {\n font-size: 14px;\n }\n\n .arch-timeline-content p {\n font-size: 13px;\n }\n\n .arch-testimonial {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .arch-card {\n animation: archFadeInUp .5s ease backwards;\n }\n .arch-card:nth-child(1) { animation-delay: .05s; }\n .arch-card:nth-child(2) { animation-delay: .1s; }\n .arch-card:nth-child(3) { animation-delay: .15s; }\n .arch-card:nth-child(4) { animation-delay: .2s; }\n\n .arch-timeline-item {\n animation: archFadeInUp .5s ease backwards;\n }\n .arch-timeline-item:nth-child(1) { animation-delay: .05s; }\n .arch-timeline-item:nth-child(2) { animation-delay: .15s; }\n .arch-timeline-item:nth-child(3) { animation-delay: .25s; }\n .arch-timeline-item:nth-child(4) { animation-delay: .35s; }\n}\n\n@keyframes archFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .arch-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Archie","offers":[{"title":"Default Title","offer_id":64450776301945,"sku":"NBAIARC0007","price":25.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelules_vinaigre_de_cidre_archie-min.jpg?v=1757870710"},{"product_id":"morning-pumpkin-spice-latte-citrouille-et-epice-125-g-numorning","title":"Morning Pumpkin Spice Latte (Citrouille et épices) 125 g - nüMorning","description":"\u003cdiv class=\"ps-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ps-hero\"\u003e\n \u003cdiv class=\"ps-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ps-hero-content\"\u003e\n \u003cdiv class=\"ps-badges-top\"\u003e\n \u003cspan class=\"ps-badge\"\u003e🎃 100 % bio\u003c\/span\u003e\n \u003cspan class=\"ps-badge\"\u003e🌱 Vegan \u0026amp; sans lactose\u003c\/span\u003e\n \u003cspan class=\"ps-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"ps-badge\"\u003e☕ 20 tasses par boîte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ps-hero-title\"\u003eMorning Pumpkin Spice Latte\u003c\/span\u003e\n \u003cp class=\"ps-subtitle\"\u003eCitrouille \u0026amp; épices — Superfood Latte par nüMorning\u003c\/p\u003e\n \u003cp class=\"ps-description\"\u003eUn authentique pumpkin spice latte maison, prêt en 5 secondes, avec de vrais légumes bio et des épices chaleureuses. Sans sucres raffinés, sans arômes artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 : Pumpkin Spice Latte maison : le mélange bio de nüMorning --\u003e\n \u003csection class=\"ps-section\"\u003e\n \u003ch2\u003ePumpkin Spice Latte maison : le mélange bio de nüMorning\u003c\/h2\u003e\n \u003cdiv class=\"ps-testimonial\"\u003e\n \u003cp class=\"ps-testimonial-text\"\u003eVous rêvez d'un authentique pumpkin spice latte fait maison, aussi réconfortant que celui de votre coffee shop préféré ? Le Superfood Latte Pumpkin Spice de nüMorning vous offre bien plus qu'une simple boisson d'automne. Avec sa base de vrais légumes bio (citrouille et carotte) et ses épices chaleureuses, cette préparation transforme votre rituel quotidien en un moment de pur plaisir — en seulement 5 secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ps-section-intro\" style=\"margin-top:1.25rem;\"\u003eOubliez le pumpkin spice latte de Starbucks et ses sucres raffinés : ici, chaque ingrédient est biologique, naturel et sélectionné avec soin. Pas d'arômes artificiels, pas de lactose, pas de maltodextrine. Juste le vrai goût de la citrouille relevé par la cannelle, le gingembre et la noix de muscade.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Pourquoi ce mélange Pumpkin Spice est différent --\u003e\n \u003csection class=\"ps-section\"\u003e\n \u003ch2\u003ePourquoi ce mélange Pumpkin Spice est différent\u003c\/h2\u003e\n \u003cdiv class=\"ps-grid\"\u003e\n \u003cdiv class=\"ps-card\"\u003e\n \u003ch3\u003e🥕 +30 % de légumes bio\u003c\/h3\u003e\n \u003cp\u003eCitrouille et carotte : une véritable source de fibres, de vitamine A et d'antioxydants naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-card\"\u003e\n \u003ch3\u003e🌿 15 % d'épices bio\u003c\/h3\u003e\n \u003cp\u003eCannelle, gingembre, muscade : des saveurs authentiques et des propriétés reconnues pour le confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-card\"\u003e\n \u003ch3\u003e🌴 Sucre de fleur de coco\u003c\/h3\u003e\n \u003cp\u003eIssu du commerce équitable, à faible indice glycémique — bien loin des sucres raffinés des lattes industriels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-card\"\u003e\n \u003ch3\u003e✅ 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eSans allergènes majeurs : convient parfaitement aux régimes vegan et sans lactose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-card\"\u003e\n \u003ch3\u003e☕ 20 tasses par boîte\u003c\/h3\u003e\n \u003cp\u003eUn excellent rapport qualité-prix pour savourer votre latte chaque jour, tout au long de la saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Ingrédients --\u003e\n \u003csection class=\"ps-section\"\u003e\n \u003ch2\u003eIngrédients\u003c\/h2\u003e\n \u003cdiv class=\"ps-ingredients-box\"\u003e\n \u003cp class=\"ps-ingredients-list\"\u003eSucre de fleur de coco*, carotte*, citrouille*, épices* 15 % (cannelle*, gingembre*, noix de muscade*).\u003c\/p\u003e\n \u003cp class=\"ps-ingredients-note\"\u003e* Issus de l'agriculture biologique — sucre de fleur de coco issu du commerce équitable.\u003c\/p\u003e\n \u003cp class=\"ps-ingredients-allergen\"\u003e\u003cem\u003ePeut contenir des traces d'arachides, soja, noix ou graines de sésame.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Comment préparer votre pumpkin spice latte maison --\u003e\n \u003csection class=\"ps-section\"\u003e\n \u003ch2\u003eComment préparer votre pumpkin spice latte maison\u003c\/h2\u003e\n \u003cp class=\"ps-section-intro\"\u003eLa recette du pumpkin spice latte n'a jamais été aussi simple. Pas besoin de machine à expresso ni de sirop de citrouille :\u003c\/p\u003e\n \u003cdiv class=\"ps-timeline\"\u003e\n \u003cdiv class=\"ps-timeline-item\"\u003e\n \u003cdiv class=\"ps-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ps-timeline-content\"\u003e\n \u003ch3\u003eVersez la poudre\u003c\/h3\u003e\n \u003cp\u003eMettez 2 cuillères à café de la préparation dans votre tasse préférée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-timeline-item\"\u003e\n \u003cdiv class=\"ps-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ps-timeline-content\"\u003e\n \u003ch3\u003eAjoutez le lait chaud\u003c\/h3\u003e\n \u003cp\u003eVersez 200 ml de lait chaud (avoine, amande, vache… à vous de choisir).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-timeline-item\"\u003e\n \u003cdiv class=\"ps-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ps-timeline-content\"\u003e\n \u003ch3\u003eFouettez et dégustez\u003c\/h3\u003e\n \u003cp\u003eFouettez quelques secondes pour obtenir une mousse onctueuse et savourez votre moment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-tip\"\u003e\n \u003cspan class=\"ps-tip-icon\"\u003e🧊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eEn version glacée :\u003c\/strong\u003e diluez d'abord la poudre dans un fond de lait tiède pour bien répartir les épices, puis complétez avec du lait froid et des glaçons. Parfait quand les journées sont encore douces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-tip\"\u003e\n \u003cspan class=\"ps-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un résultat encore plus gourmand, ajoutez une pointe de vanille ou une cuillère de purée de citrouille fraîche à votre latte pumpkin spice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : Des idées recettes au-delà du latte --\u003e\n \u003csection class=\"ps-section\"\u003e\n \u003ch2\u003eDes idées recettes au-delà du latte\u003c\/h2\u003e\n \u003cp class=\"ps-section-intro\"\u003eCe mélange est bien plus polyvalent qu'il n'y paraît. Voici quelques inspirations pour l'intégrer à votre cuisine automnale :\u003c\/p\u003e\n \u003cdiv class=\"ps-grid-compact\"\u003e\n \u003cdiv class=\"ps-card\"\u003e\n \u003ch3\u003e🥞 Pancakes \u0026amp; muffins\u003c\/h3\u003e\n \u003cp\u003eIncorporez une cuillère à la pâte pour un parfum d'automne irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-card\"\u003e\n \u003ch3\u003e🥣 Porridge \u0026amp; overnight oats\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez au moment de servir pour une touche épicée et sucrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-card\"\u003e\n \u003ch3\u003e🍌 Smoothie bowl\u003c\/h3\u003e\n \u003cp\u003eMixez avec banane, lait végétal et une cuillère de pumpkin spice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ps-card\"\u003e\n \u003ch3\u003e🥧 Pumpkin pie \u0026amp; crumble\u003c\/h3\u003e\n \u003cp\u003eLe dosage d'épices est déjà parfait, ajoutez le mélange directement à votre appareil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 : À retenir --\u003e\n \u003csection class=\"ps-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ retenir\u003c\/h2\u003e\n \u003cdiv class=\"ps-cta-box\"\u003e\n \u003cp\u003eLe Superfood Latte Pumpkin Spice de nüMorning est un allié gourmand au quotidien. Conservez le pot dans un endroit frais et sec, à l'abri de la lumière. Contenance : \u003cstrong\u003e125 g\u003c\/strong\u003e, soit environ \u003cstrong\u003e20 tasses\u003c\/strong\u003e de latte savoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ps-disclaimer\"\u003eCe produit ne remplace pas une alimentation variée et équilibrée ni un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ps-cream: #faf6f1;\n --ps-white: #ffffff;\n --ps-primary: #c75528;\n --ps-primary-dark: #9a3a16;\n --ps-primary-light: #fdf0e8;\n --ps-secondary: #e8944a;\n --ps-accent: #d4763a;\n --ps-text: #1a1a1a;\n --ps-text-light: #5a5a5a;\n --ps-border: #e8ddd3;\n --ps-shadow: 0 4px 24px rgba(153,58,22,.08);\n --ps-shadow-lg: 0 12px 48px rgba(153,58,22,.15);\n --ps-radius: 20px;\n --ps-radius-sm: 12px;\n}\n\n.ps-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ps-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ps-hero {\n position: relative;\n background: linear-gradient(135deg, #9a3a16 0%, #c75528 40%, #e8944a 100%);\n border-radius: var(--ps-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(--ps-shadow-lg);\n}\n\n.ps-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,200,100,.06) 0%, transparent 70%);\n opacity: 1;\n}\n\n.ps-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ps-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.ps-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.ps-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ps-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ps-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(--ps-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ps-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ps-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ps-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ps-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.ps-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(--ps-primary), var(--ps-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.ps-card {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ps-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ps-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ps-shadow-lg);\n border-color: var(--ps-primary);\n}\n\n.ps-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ps-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ps-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ps-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ps-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ps-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ps-grid-compact .ps-card {\n padding: 1rem;\n}\n\n.ps-grid-compact .ps-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ps-grid-compact .ps-card p {\n font-size: 12px;\n}\n\n\/* === INGREDIENTS BOX === *\/\n.ps-ingredients-box {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ps-shadow);\n text-align: center;\n border: 2px solid var(--ps-border);\n}\n\n.ps-ingredients-list {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ps-text);\n font-weight: 600;\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.ps-ingredients-note {\n font-size: 14px;\n color: var(--ps-primary);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.ps-ingredients-allergen {\n font-size: 13px;\n color: var(--ps-text-light);\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.ps-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ps-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ps-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ps-primary), var(--ps-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.ps-timeline-content {\n flex: 1;\n background: var(--ps-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ps-radius-sm);\n box-shadow: var(--ps-shadow);\n}\n\n.ps-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ps-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ps-timeline-content p {\n font-size: 14px;\n color: var(--ps-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ps-testimonial {\n background: var(--ps-white);\n border-radius: var(--ps-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ps-shadow);\n border-left: 4px solid var(--ps-primary);\n}\n\n.ps-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ps-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ps-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ps-primary-light);\n border-radius: var(--ps-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ps-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ps-tip p {\n font-size: 14px;\n color: var(--ps-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.ps-cta-box {\n background: linear-gradient(135deg, var(--ps-primary) 0%, var(--ps-primary-dark) 100%);\n border-radius: var(--ps-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ps-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.ps-disclaimer {\n font-size: 12px;\n color: var(--ps-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO === *\/\n.ps-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ps-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ps-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ps-card {\n padding: 1.125rem;\n }\n\n .ps-section {\n margin-bottom: 1.75rem;\n }\n\n .ps-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ps-radius-sm);\n }\n\n .ps-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ps-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ps-grid-compact {\n gap: .625rem;\n }\n\n .ps-grid-compact .ps-card {\n padding: .75rem;\n }\n\n .ps-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ps-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ps-timeline-content h3 {\n font-size: 14px;\n }\n\n .ps-timeline-content p {\n font-size: 13px;\n }\n\n .ps-testimonial {\n padding: 1.25rem;\n }\n\n .ps-testimonial-text {\n font-size: 14px;\n }\n\n .ps-ingredients-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ps-card {\n animation: psFadeInUp .5s ease backwards;\n }\n .ps-card:nth-child(1) { animation-delay: .05s; }\n .ps-card:nth-child(2) { animation-delay: .1s; }\n .ps-card:nth-child(3) { animation-delay: .15s; }\n .ps-card:nth-child(4) { animation-delay: .2s; }\n .ps-card:nth-child(5) { animation-delay: .25s; }\n .ps-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes psFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ps-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"nüMorning","offers":[{"title":"Default Title","offer_id":55833986433401,"sku":"NBAINUM0042","price":8.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/morning-pumpkin-spice-latte-citrouille-et-epices-125-g-numor-packshothd_3e379482-1f78-4951-9a57-2efc408ae915.webp?v=1775987389"},{"product_id":"morning-latte-magic-golden-bio-maca-curcuma-gingembre-125-g-numorning","title":"Morning Latte Magic Golden Bio (Maca, Curcuma \u0026 Gingembre) 125 g - nüMorning","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🌿 100 % bio\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e☕ 20 tasses par boîte\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🚫 Sans caféine\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🤝 Commerce équitable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eMagic Golden Bio nüMorning\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eCurcuma, gingembre \u0026amp; maca — Superfood Latte\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eUn golden latte végétal à la robe dorée, délicatement épicé, prêt en 2 minutes. L'alternative réconfortante au café, sans sucres raffinés ni additifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eMagic Golden nüMorning : votre golden latte bio au curcuma, prêt en 2 minutes\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eVous cherchez une \u003cstrong\u003ealternative au café\u003c\/strong\u003e à la fois réconfortante et savoureuse ? Le \u003cstrong\u003eMagic Golden de nüMorning\u003c\/strong\u003e est une préparation pour \u003cstrong\u003egolden latte bio\u003c\/strong\u003e qui réunit le meilleur des épices traditionnelles — \u003cstrong\u003ecurcuma\u003c\/strong\u003e, \u003cstrong\u003egingembre\u003c\/strong\u003e, \u003cstrong\u003epoivre noir\u003c\/strong\u003e — et la douceur onctueuse du \u003cstrong\u003elait de coco\u003c\/strong\u003e, rehaussée d'une touche de \u003cstrong\u003emaca\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e✨ Robe dorée\u003c\/h3\u003e\n \u003cp\u003eUn lait d'or végétal à la couleur solaire et envoûtante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌶️ Légèrement épicé\u003c\/h3\u003e\n \u003cp\u003eUn équilibre subtil entre douceur et chaleur des épices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🚫 Sans caféine\u003c\/h3\u003e\n \u003cp\u003eAucune accoutumance, à savourer à tout moment de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⏱️ Prêt en 2 min\u003c\/h3\u003e\n \u003cp\u003eDeux cuillères, du lait chaud, et le tour est joué\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eQu'est-ce qu'un golden latte et pourquoi en boire ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-testimonial\"\u003e\n \u003cp class=\"mg-testimonial-text\"\u003eLe \u003cstrong\u003egolden latte\u003c\/strong\u003e, aussi appelé « lait d'or », est une boisson d'origine ayurvédique à base de curcuma mélangé à du lait chaud. Traditionnellement consommé en Inde pour ses vertus apaisantes, il séduit aujourd'hui partout dans le monde grâce à son goût chaleureux et sa belle couleur dorée. Avec cette préparation nüMorning, plus besoin de doser chaque épice : tout est déjà réuni dans un mélange \u003cstrong\u003e100 % bio\u003c\/strong\u003e, équilibré et prêt à l'emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eCe qui rend ce Magic Golden unique\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e📋 Recette courte et transparente\u003c\/h3\u003e\n \u003cp\u003eSeulement \u003cstrong\u003e6 ingrédients bio\u003c\/strong\u003e, sans arômes ajoutés, sans additifs, sans sucres raffinés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🟡 34,2 % de curcuma\u003c\/h3\u003e\n \u003cp\u003eAssocié au \u003cstrong\u003epoivre noir\u003c\/strong\u003e — un duo reconnu pour favoriser l'assimilation de la curcumine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌱 7,1 % de maca\u003c\/h3\u003e\n \u003cp\u003eRacine péruvienne prisée pour son profil nutritionnel riche et son goût légèrement caramélé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌴 Sucre de fleur de coco\u003c\/h3\u003e\n \u003cp\u003eIssu du commerce équitable, à \u003cstrong\u003efaible indice glycémique\u003c\/strong\u003e, pour une douceur mesurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💊 2 mg de fer \u0026amp; 6 mg de magnésium\u003c\/h3\u003e\n \u003cp\u003eUn petit coup de pouce naturel à chaque tasse pour soutenir votre vitalité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e📦 20 tasses par boîte\u003c\/h3\u003e\n \u003cp\u003e125 g de préparation : un excellent rapport qualité-plaisir pour des semaines de douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition-box\"\u003e\n \u003cp class=\"mg-composition-list\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e curcuma* (34,2 %), sucre de fleur de coco*°, lait de coco en poudre*, maca* (7,1 %), gingembre* (5 %), poivre noir*.\u003c\/p\u003e\n \u003cp class=\"mg-composition-note\"\u003e* Ingrédients issus de l'agriculture biologique — ° Ingrédient issu du commerce équitable.\u003c\/p\u003e\n \u003cp class=\"mg-composition-note\"\u003e\u003cstrong\u003eTraces possibles :\u003c\/strong\u003e arachides, soja, fruits à coque, graines de sésame.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eRecette du golden latte parfait\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\u003eFaites chauffer le lait\u003c\/h3\u003e\n \u003cp\u003eChauffez \u003cstrong\u003e200 ml de lait\u003c\/strong\u003e (avoine, amande, coco ou lait classique) à feu doux ou au mousseur.\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\u003eAjoutez le Magic Golden\u003c\/h3\u003e\n \u003cp\u003eVersez \u003cstrong\u003e2 cuillères à café\u003c\/strong\u003e de poudre Magic Golden dans votre tasse.\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\u003eMélangez et savourez\u003c\/h3\u003e\n \u003cp\u003eMélangez énergiquement au fouet, au mousseur ou au shaker jusqu'à obtenir une texture \u003cstrong\u003elisse et légèrement mousseuse\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\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\u003e\u003cstrong\u003eVersion glacée :\u003c\/strong\u003e diluez d'abord la poudre dans un fond de lait chaud pour bien dissoudre les épices, puis complétez avec du lait froid et des glaçons. Idéal dès les beaux jours !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eIdées recettes pour aller plus loin\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🥣 Porridge doré\u003c\/h3\u003e\n \u003cp\u003eIncorporez 1 cuillère à café dans vos flocons d'avoine chauds avec du lait de coco.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🥤 Smoothie golden\u003c\/h3\u003e\n \u003cp\u003eMixez avec banane, lait d'amande et une pincée de cannelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚡ Energy balls\u003c\/h3\u003e\n \u003cp\u003eMélangez à des dattes, de la purée d'amande et des flocons d'avoine pour un en-cas épicé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌙 Overnight oats\u003c\/h3\u003e\n \u003cp\u003eAjoutez la poudre la veille au soir pour un petit-déjeuner prêt au réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"mg-accordion\"\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🍽️ Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ consommer dans le cadre d'une alimentation variée et équilibrée. Déconseillé en cas d'allergie connue à l'un des composants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précautions particulières\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mg-accordion-item\"\u003e\n \u003csummary class=\"mg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver au sec, à l'abri de la chaleur. Bien refermer la boîte après chaque usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-disclaimer\"\u003eCe produit alimentaire ne se substitue pas à un traitement médical ni à l'avis d'un professionnel de santé. Les propriétés mentionnées relèvent de traditions d'usage et non d'allégations thérapeutiques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e☀️ Offrez-vous un moment doré chaque jour — 20 tasses de bien-être bio, prêtes en 2 minutes, pour illuminer vos matins comme vos soirées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #faf7f2;\n --mg-white: #ffffff;\n --mg-primary: #c8943e;\n --mg-primary-dark: #8a6420;\n --mg-primary-light: #fdf4e3;\n --mg-secondary: #e8b44c;\n --mg-accent: #d4a03a;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #e8e0d4;\n --mg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mg-shadow-lg: 0 12px 48px rgba(0,0,0,.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, #c8943e 0%, #e8b44c 45%, #d4a03a 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,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: .6;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mg-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.mg-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.mg-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === 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\/* === TESTIMONIAL === *\/\n.mg-testimonial {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n border-left: 4px solid var(--mg-primary);\n}\n\n.mg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mg-composition-box {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid var(--mg-border);\n}\n\n.mg-composition-list {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.mg-composition-note {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--mg-text-light);\n line-height: 1.6;\n margin: 0 0 .5rem 0;\n}\n\n.mg-composition-note:last-child {\n margin-bottom: 0;\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\/* === 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 FINAL === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === 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-testimonial {\n padding: 1.25rem;\n }\n\n .mg-testimonial-text {\n font-size: 14px;\n }\n\n .mg-composition-box {\n padding: 1.25rem;\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":"nüMorning","offers":[{"title":"Default Title","offer_id":55834047119737,"sku":"NBAINUM0034","price":8.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/morning-latte-magic-golden-bio-maca-curcuma-gingembre-125-g--packshothd_382e788c-0d34-4693-9880-394dc16db05d.webp?v=1775987665"},{"product_id":"morning-latte-moon-milk-bio-vanille-ashwagandha-reishi-125-g-numorning","title":"Morning Latte Moon Milk Bio (Vanille, Ashwagandha, Spiruline bleue \u0026 Reishi) 125 g - nüMorning","description":"\u003cdiv class=\"mm-premium\"\u003e\n\n \u003c!-- ==========================================\n HERO\n =========================================== --\u003e\n \u003cdiv class=\"mm-hero\"\u003e\n \u003cdiv class=\"mm-hero-pattern\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"mm-hero-content\"\u003e\n\n \u003cdiv class=\"mm-badges-top\"\u003e\n \u003cspan class=\"mm-badge\"\u003e🌿 100 % BIO\u003c\/span\u003e\n \u003cspan class=\"mm-badge\"\u003e🌱 100 % VÉGÉTAL\u003c\/span\u003e\n \u003cspan class=\"mm-badge\"\u003e💙 SPIRULINE BLEUE\u003c\/span\u003e\n \u003cspan class=\"mm-badge\"\u003e☕ SANS CAFÉINE\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cspan class=\"mm-hero-title\"\u003eMoon Milk\u003c\/span\u003e\n\n \u003cp class=\"mm-subtitle\"\u003e\n Blue Latte à la spiruline bleue, ashwagandha \u0026amp; reishi\n \u003c\/p\u003e\n\n \u003cp class=\"mm-description\"\u003e\n Une boisson douce et onctueuse inspirée du traditionnel Moon Milk,\n sublimée par la spiruline bleue et associée à l'ashwagandha,\n au reishi, à la vanille et à la cannelle.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- ==========================================\n INTRODUCTION\n =========================================== --\u003e\n \u003csection class=\"mm-section\"\u003e\n\n \u003ch2\u003eUn Moon Milk bleu pour vos soirées en douceur\u003c\/h2\u003e\n\n \u003cp class=\"mm-section-intro\"\u003e\n Et si votre rituel du soir devenait aussi beau que gourmand ?\n Notre \u003cstrong\u003eMoon Milk\u003c\/strong\u003e associe la douceur d'un latte\n à une sélection de super-ingrédients soigneusement choisis.\n \u003c\/p\u003e\n\n \u003cp class=\"mm-section-intro\"\u003e\n Sa \u003cstrong\u003espiruline bleue\u003c\/strong\u003e lui apporte sa couleur naturellement\n bleutée, tandis que l'\u003cstrong\u003eashwagandha\u003c\/strong\u003e et le\n \u003cstrong\u003ereishi\u003c\/strong\u003e s'inscrivent dans la tradition des plantes\n adaptogènes. La vanille et la cannelle viennent compléter cette recette\n avec des notes douces, chaleureuses et légèrement épicées.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mm-grid-compact\"\u003e\n\n \u003cdiv class=\"mm-card\"\u003e\n \u003cdiv class=\"mm-card-icon\"\u003e💙\u003c\/div\u003e\n \u003ch3\u003eSpiruline bleue\u003c\/h3\u003e\n \u003cp\u003e\n Une touche de couleur bleue naturelle pour un latte aussi beau\n que gourmand.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mm-card\"\u003e\n \u003cdiv class=\"mm-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eAshwagandha\u003c\/h3\u003e\n \u003cp\u003e\n Une plante adaptogène emblématique de la tradition ayurvédique.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mm-card\"\u003e\n \u003cdiv class=\"mm-card-icon\"\u003e🍄\u003c\/div\u003e\n \u003ch3\u003eReishi\u003c\/h3\u003e\n \u003cp\u003e\n Un champignon traditionnellement apprécié dans les préparations\n dédiées au bien-être.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mm-card\"\u003e\n \u003cdiv class=\"mm-card-icon\"\u003e🍦\u003c\/div\u003e\n \u003ch3\u003eVanille \u0026amp; cannelle\u003c\/h3\u003e\n \u003cp\u003e\n Un duo gourmand aux notes douces, chaudes et réconfortantes.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ==========================================\n POINTS FORTS\n =========================================== --\u003e\n \u003csection class=\"mm-section\"\u003e\n\n \u003ch2\u003ePourquoi choisir notre Moon Milk ?\u003c\/h2\u003e\n\n \u003cdiv class=\"mm-grid\"\u003e\n\n \u003cdiv class=\"mm-card\"\u003e\n \u003cdiv class=\"mm-card-icon\"\u003e🌿\u003c\/div\u003e\n\n \u003ch3\u003e100 % BIO\u003c\/h3\u003e\n\n \u003cp\u003e\n Une recette composée d'ingrédients issus de l'agriculture\n biologique.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card\"\u003e\n \u003cdiv class=\"mm-card-icon\"\u003e🌱\u003c\/div\u003e\n\n \u003ch3\u003e100 % végétal\u003c\/h3\u003e\n\n \u003cp\u003e\n Une préparation pensée pour s'intégrer facilement à une\n alimentation végétale.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card\"\u003e\n \u003cdiv class=\"mm-card-icon\"\u003e☕\u003c\/div\u003e\n\n \u003ch3\u003eSans caféine\u003c\/h3\u003e\n\n \u003cp\u003e\n Une boisson douce sans caféine ni théine, idéale pour vos\n moments de détente.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card\"\u003e\n \u003cdiv class=\"mm-card-icon\"\u003e💙\u003c\/div\u003e\n\n \u003ch3\u003eUne couleur naturelle\u003c\/h3\u003e\n\n \u003cp\u003e\n La spiruline bleue donne à votre latte sa jolie couleur\n naturellement bleutée.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card\"\u003e\n \u003cdiv class=\"mm-card-icon\"\u003e🍯\u003c\/div\u003e\n\n \u003ch3\u003eSans sucres raffinés\u003c\/h3\u003e\n\n \u003cp\u003e\n La recette est sucrée avec du sucre de fleur de coco,\n sans sucre blanc raffiné.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card\"\u003e\n \u003cdiv class=\"mm-card-icon\"\u003e🌙\u003c\/div\u003e\n\n \u003ch3\u003eIdéal le soir\u003c\/h3\u003e\n\n \u003cp\u003e\n Une boisson réconfortante à intégrer dans une routine\n relaxante avant le coucher.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ==========================================\n LE PLUS NUTRI\n =========================================== --\u003e\n \u003csection class=\"mm-section\"\u003e\n\n \u003ch2\u003eLe petit plus de votre Moon Milk\u003c\/h2\u003e\n\n \u003cdiv class=\"mm-composition-box\"\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eUn duo d'ingrédients au cœur de la recette :\u003c\/strong\u003e\n l'ashwagandha et le reishi sont traditionnellement utilisés\n dans les pratiques ayurvédiques et asiatiques autour de la\n détente et de l'équilibre.\n \u003c\/p\u003e\n\n \u003cp\u003e\n La recette associe également la \u003cstrong\u003espiruline bleue\u003c\/strong\u003e,\n la cannelle, la vanille et le sucre de fleur de coco pour créer\n une boisson à la fois originale, gourmande et agréable à déguster.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mm-tip\"\u003e\n\n \u003cspan class=\"mm-tip-icon\"\u003e✨\u003c\/span\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eÀ retenir :\u003c\/strong\u003e\n votre Moon Milk est avant tout un rituel gourmand et réconfortant\n à intégrer dans votre routine quotidienne.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ==========================================\n COMPOSITION\n =========================================== --\u003e\n \u003csection class=\"mm-section\"\u003e\n\n \u003ch2\u003eUne composition soigneusement sélectionnée\u003c\/h2\u003e\n\n \u003cdiv class=\"mm-composition-box\"\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eIngrédients :\u003c\/strong\u003e\n lait de riz* en poudre, sucre de fleur de coco*°,\n ashwagandha* (7,2 %), cannelle*, reishi* (2,5 %),\n arôme naturel de vanille* (1,4 %), extrait de spiruline*.\n \u003c\/p\u003e\n\n \u003cp class=\"mm-composition-note\"\u003e\n \u003cem\u003e\n * Ingrédients issus de l'agriculture biologique —\n ° Ingrédient issu du commerce équitable.\n \u003c\/em\u003e\n \u003c\/p\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eTraces possibles :\u003c\/strong\u003e\n arachides, soja, noix et graines de sésame.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ==========================================\n PRÉPARATION\n =========================================== --\u003e\n \u003csection class=\"mm-section\"\u003e\n\n \u003ch2\u003ePréparez votre Blue Latte en quelques secondes\u003c\/h2\u003e\n\n \u003cp class=\"mm-section-intro\"\u003e\n Votre Moon Milk se prépare très simplement, chaud ou froid.\n Quelques gestes suffisent pour obtenir une boisson crémeuse\n et gourmande.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mm-timeline\"\u003e\n\n \u003cdiv class=\"mm-timeline-item\"\u003e\n\n \u003cdiv class=\"mm-timeline-number\"\u003e1\u003c\/div\u003e\n\n \u003cdiv class=\"mm-timeline-content\"\u003e\n\n \u003ch3\u003e🥄 Ajoutez la poudre\u003c\/h3\u003e\n\n \u003cp\u003e\n Versez \u003cstrong\u003e2 cuillères à café\u003c\/strong\u003e de Moon Milk\n dans votre tasse.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-timeline-item\"\u003e\n\n \u003cdiv class=\"mm-timeline-number\"\u003e2\u003c\/div\u003e\n\n \u003cdiv class=\"mm-timeline-content\"\u003e\n\n \u003ch3\u003e🥛 Ajoutez votre lait\u003c\/h3\u003e\n\n \u003cp\u003e\n Versez environ \u003cstrong\u003e200 ml de lait\u003c\/strong\u003e, végétal\n ou classique.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-timeline-item\"\u003e\n\n \u003cdiv class=\"mm-timeline-number\"\u003e3\u003c\/div\u003e\n\n \u003cdiv class=\"mm-timeline-content\"\u003e\n\n \u003ch3\u003e✨ Mélangez\u003c\/h3\u003e\n\n \u003cp\u003e\n Fouettez avec un mousseur à lait, un fouet ou un shaker\n jusqu'à obtenir une texture homogène et légèrement mousseuse.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-timeline-item\"\u003e\n\n \u003cdiv class=\"mm-timeline-number\"\u003e4\u003c\/div\u003e\n\n \u003cdiv class=\"mm-timeline-content\"\u003e\n\n \u003ch3\u003e🌙 Savourez\u003c\/h3\u003e\n\n \u003cp\u003e\n Installez-vous confortablement et profitez de votre\n rituel Moon Milk.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-tip\"\u003e\n\n \u003cspan class=\"mm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\n \u003cp\u003e\n \u003cstrong\u003ePour préserver la jolie couleur bleue :\u003c\/strong\u003e\n évitez de faire chauffer votre lait à une température trop élevée.\n La chaleur peut modifier l'intensité de la couleur apportée\n par la spiruline bleue.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ==========================================\n CHAUD \/ FROID\n =========================================== --\u003e\n \u003csection class=\"mm-section\"\u003e\n\n \u003ch2\u003eChaud ou glacé : à vous de choisir\u003c\/h2\u003e\n\n \u003cdiv class=\"mm-grid\"\u003e\n\n \u003cdiv class=\"mm-card mm-card-highlight\"\u003e\n\n \u003cdiv class=\"mm-card-icon\"\u003e🔥\u003c\/div\u003e\n\n \u003ch3\u003eVersion chaude \u0026amp; enveloppante\u003c\/h3\u003e\n\n \u003cp\u003e\n Ajoutez 2 cuillères à café de poudre à 200 ml de lait chaud,\n végétal ou classique. Mélangez soigneusement et savourez\n votre blue latte lors d'un moment calme.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card mm-card-highlight\"\u003e\n\n \u003cdiv class=\"mm-card-icon\"\u003e🧊\u003c\/div\u003e\n\n \u003ch3\u003eVersion froide \u0026amp; rafraîchissante\u003c\/h3\u003e\n\n \u003cp\u003e\n Mélangez d'abord la poudre avec un fond de lait tiède afin\n de bien la dissoudre. Ajoutez ensuite du lait froid et quelques\n glaçons pour une version glacée.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-tip\"\u003e\n\n \u003cspan class=\"mm-tip-icon\"\u003e💡\u003c\/span\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eAstuce :\u003c\/strong\u003e\n ajoutez une pincée de cannelle, de muscade ou de cardamome,\n ou encore un filet de miel pour personnaliser votre tasse.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ==========================================\n RITUEL DU SOIR\n =========================================== --\u003e\n \u003csection class=\"mm-section\"\u003e\n\n \u003ch2\u003eLe rituel parfait pour ralentir\u003c\/h2\u003e\n\n \u003cp class=\"mm-section-intro\"\u003e\n Le Moon Milk s'intègre facilement dans une routine de fin de journée.\n Préparez votre tasse, baissez le rythme et accordez-vous un véritable\n moment pour vous.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mm-grid\"\u003e\n\n \u003cdiv class=\"mm-card\"\u003e\n\n \u003cdiv class=\"mm-card-icon\"\u003e🛁\u003c\/div\u003e\n\n \u003ch3\u003eAprès une douche chaude\u003c\/h3\u003e\n\n \u003cp\u003e\n Prolongez votre moment de détente avec une boisson douce\n et réconfortante.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card\"\u003e\n\n \u003cdiv class=\"mm-card-icon\"\u003e📖\u003c\/div\u003e\n\n \u003ch3\u003eAvec un bon livre\u003c\/h3\u003e\n\n \u003cp\u003e\n Installez-vous confortablement et laissez votre soirée\n ralentir autour d'une tasse de Moon Milk.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card\"\u003e\n\n \u003cdiv class=\"mm-card-icon\"\u003e🧘\u003c\/div\u003e\n\n \u003ch3\u003eAprès du yoga ou de la méditation\u003c\/h3\u003e\n\n \u003cp\u003e\n Une boisson sans caféine idéale pour prolonger un moment\n de calme et de relaxation.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ==========================================\n SUPER INGREDIENTS\n =========================================== --\u003e\n \u003csection class=\"mm-section\"\u003e\n\n \u003ch2\u003eNos super-ingrédients\u003c\/h2\u003e\n\n \u003cp class=\"mm-section-intro\"\u003e\n Découvrez les ingrédients qui donnent au Moon Milk sa personnalité\n et son caractère unique.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mm-grid\"\u003e\n\n \u003cdiv class=\"mm-card\"\u003e\n\n \u003cdiv class=\"mm-card-icon\"\u003e🌿\u003c\/div\u003e\n\n \u003ch3\u003eAshwagandha\u003c\/h3\u003e\n\n \u003cp\u003e\n Plante traditionnellement utilisée dans la médecine ayurvédique,\n l'ashwagandha est notamment appréciée dans les préparations\n associées à la détente et à l'équilibre.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card\"\u003e\n\n \u003cdiv class=\"mm-card-icon\"\u003e🍄\u003c\/div\u003e\n\n \u003ch3\u003eReishi\u003c\/h3\u003e\n\n \u003cp\u003e\n Ce champignon traditionnellement utilisé en Asie est aujourd'hui\n apprécié pour sa place dans les préparations dédiées au bien-être\n et à la relaxation.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card\"\u003e\n\n \u003cdiv class=\"mm-card-icon\"\u003e💙\u003c\/div\u003e\n\n \u003ch3\u003eSpiruline bleue\u003c\/h3\u003e\n\n \u003cp\u003e\n La spiruline bleue apporte à la recette sa magnifique couleur\n bleue naturelle et son aspect spectaculaire.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mm-card\"\u003e\n\n \u003cdiv class=\"mm-card-icon\"\u003e🥥\u003c\/div\u003e\n\n \u003ch3\u003eSucre de fleur de coco\u003c\/h3\u003e\n\n \u003cp\u003e\n Sa saveur douce et légèrement caramélisée accompagne parfaitement\n les notes de vanille et de cannelle.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ==========================================\n CAFÉ VS MOON MILK\n =========================================== --\u003e\n \u003csection class=\"mm-section\"\u003e\n\n \u003ch2\u003eEt si vous remplaciez votre café du soir ?\u003c\/h2\u003e\n\n \u003cdiv class=\"mm-cta-box\"\u003e\n\n \u003cdiv class=\"mm-cta-content\"\u003e\n\n \u003cspan class=\"mm-cta-small\"\u003e\n UNE AUTRE FAÇON DE FAIRE UNE PAUSE\n \u003c\/span\u003e\n\n \u003ch2\u003ePlus qu'une boisson : un véritable rituel\u003c\/h2\u003e\n\n \u003cp\u003e\n Le Moon Milk est une alternative douce aux boissons caféinées.\n Sans caféine ni théine, il vous permet de profiter d'une boisson\n gourmande lorsque vous souhaitez ralentir en fin de journée.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ==========================================\n FAQ\n =========================================== --\u003e\n \u003csection class=\"mm-section\" style=\"margin-bottom:0!important;\"\u003e\n\n \u003ch2\u003eVos questions sur le Moon Milk\u003c\/h2\u003e\n\n \u003cdiv class=\"mm-accordion\"\u003e\n\n\n \u003cdetails class=\"mm-accordion-item\"\u003e\n\n \u003csummary class=\"mm-accordion-header\"\u003e\n 💙 Pourquoi mon Moon Milk est-il bleu ?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mm-accordion-content\"\u003e\n\n \u003cp\u003e\n La couleur bleue provient de l'\u003cstrong\u003eextrait de spiruline bleue\u003c\/strong\u003e\n présent dans la recette. Il s'agit d'un ingrédient utilisé pour\n apporter naturellement cette jolie teinte bleutée à votre latte.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails class=\"mm-accordion-item\"\u003e\n\n \u003csummary class=\"mm-accordion-header\"\u003e\n 🌡️ Pourquoi la couleur peut-elle varier ?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mm-accordion-content\"\u003e\n\n \u003cp\u003e\n La température du lait peut influencer l'intensité de la couleur.\n Pour conserver une belle teinte bleue, évitez de faire chauffer\n votre lait à une température trop élevée.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails class=\"mm-accordion-item\"\u003e\n\n \u003csummary class=\"mm-accordion-header\"\u003e\n ☕ Le Moon Milk contient-il de la caféine ?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mm-accordion-content\"\u003e\n\n \u003cp\u003e\n Non. Cette préparation est naturellement \u003cstrong\u003esans caféine\n ni théine\u003c\/strong\u003e, ce qui en fait une boisson adaptée à une\n consommation en fin de journée.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails class=\"mm-accordion-item\"\u003e\n\n \u003csummary class=\"mm-accordion-header\"\u003e\n 🌱 Le Moon Milk est-il végétal ?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mm-accordion-content\"\u003e\n\n \u003cp\u003e\n Oui. La préparation est \u003cstrong\u003e100 % végétale\u003c\/strong\u003e.\n Elle peut être préparée avec le lait végétal de votre choix.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails class=\"mm-accordion-item\"\u003e\n\n \u003csummary class=\"mm-accordion-header\"\u003e\n 🧊 Peut-on boire le Moon Milk froid ?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mm-accordion-content\"\u003e\n\n \u003cp\u003e\n Oui. Mélangez d'abord les 2 cuillères à café de poudre avec\n un fond de lait tiède pour bien la dissoudre, puis ajoutez\n du lait froid et quelques glaçons.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails class=\"mm-accordion-item\"\u003e\n\n \u003csummary class=\"mm-accordion-header\"\u003e\n 🌙 Quand déguster mon Moon Milk ?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mm-accordion-content\"\u003e\n\n \u003cp\u003e\n Il peut être dégusté à différents moments de la journée.\n Il est particulièrement adapté au \u003cstrong\u003erituel du soir\u003c\/strong\u003e,\n notamment environ 30 minutes avant le coucher.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails class=\"mm-accordion-item\"\u003e\n\n \u003csummary class=\"mm-accordion-header\"\u003e\n 🥄 Comment préparer une tasse ?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mm-accordion-content\"\u003e\n\n \u003cp\u003e\n Ajoutez \u003cstrong\u003e2 cuillères à café\u003c\/strong\u003e de poudre dans\n environ \u003cstrong\u003e200 ml de lait\u003c\/strong\u003e, chaud ou froid,\n puis mélangez soigneusement.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails class=\"mm-accordion-item\"\u003e\n\n \u003csummary class=\"mm-accordion-header\"\u003e\n 🌿 Quels sont les ingrédients principaux ?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mm-accordion-content\"\u003e\n\n \u003cp\u003e\n La recette contient notamment du lait de riz en poudre,\n du sucre de fleur de coco, de l'ashwagandha, de la cannelle,\n du reishi, de la vanille et de l'extrait de spiruline bleue.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails class=\"mm-accordion-item\"\u003e\n\n \u003csummary class=\"mm-accordion-header\"\u003e\n ⚠️ Comment conserver le produit ?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mm-accordion-content\"\u003e\n\n \u003cp\u003e\n Conservez votre Moon Milk dans un endroit sec, à l'abri\n de la chaleur et de l'humidité. Refermez soigneusement\n le contenant après chaque utilisation.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n\n \u003cp class=\"mm-disclaimer\"\u003e\n À consommer dans le cadre d'une alimentation variée et équilibrée\n et d'un mode de vie sain. En cas de grossesse, d'allaitement,\n de traitement médical ou de doute, demandez conseil à un professionnel\n de santé avant consommation.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n \/* ==================================================\n VARIABLES\n================================================== *\/\n\n :root {\n\n --mm-cream: #f8f5f0;\n --mm-white: #ffffff;\n\n --mm-primary: #3a3a8c;\n --mm-primary-dark: #29296b;\n --mm-primary-light: #ededf8;\n\n --mm-secondary: #e8a84c;\n --mm-accent: #5d79c7;\n\n --mm-text: #1a1a1a;\n --mm-text-light: #626262;\n\n --mm-border: #e8e4de;\n\n --mm-shadow:\n 0 4px 24px rgba(58, 58, 140, .08);\n\n --mm-shadow-lg:\n 0 12px 48px rgba(58, 58, 140, .15);\n\n --mm-radius: 20px;\n --mm-radius-sm: 12px;\n\n }\n\n\n \/* ==================================================\n CONTAINER\n================================================== *\/\n\n .mm-premium {\n\n max-width: 1200px;\n\n margin: 0 auto;\n\n padding:\n clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n\n background: var(--mm-cream);\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Helvetica,\n Arial,\n sans-serif;\n\n color: var(--mm-text);\n\n }\n\n\n \/* ==================================================\n HERO\n================================================== *\/\n\n .mm-hero {\n\n position: relative;\n\n background:\n linear-gradient(135deg,\n var(--mm-primary) 0%,\n #4e4eaa 45%,\n #5c75bd 75%,\n var(--mm-secondary) 100%);\n\n border-radius:\n var(--mm-radius);\n\n padding:\n clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n\n margin-bottom:\n clamp(2.5rem, 5vw, 4rem);\n\n overflow: hidden;\n\n box-shadow:\n var(--mm-shadow-lg);\n\n }\n\n\n .mm-hero-pattern {\n\n position: absolute;\n\n inset: 0;\n\n background:\n\n radial-gradient(circle at 20% 80%,\n rgba(232, 168, 76, .3),\n transparent 50%),\n\n radial-gradient(circle at 80% 20%,\n rgba(255, 255, 255, .13),\n transparent 50%),\n\n radial-gradient(circle at 50% 50%,\n rgba(93, 121, 199, .2),\n transparent 60%);\n\n }\n\n\n .mm-hero-content {\n\n position: relative;\n\n z-index: 1;\n\n text-align: center;\n\n }\n\n\n .mm-hero-title {\n\n display: block;\n\n color: white;\n\n font-size:\n clamp(32px, 7vw, 56px);\n\n font-weight: 900;\n\n margin:\n 0 0 1rem;\n\n letter-spacing:\n -.045em;\n\n text-shadow:\n 0 4px 20px rgba(0, 0, 0, .2);\n\n }\n\n\n .mm-subtitle {\n\n color:\n rgba(255, 255, 255, .95);\n\n font-size:\n clamp(17px, 3vw, 23px);\n\n font-weight: 600;\n\n margin:\n 0 0 1rem;\n\n }\n\n\n .mm-description {\n\n color:\n rgba(255, 255, 255, .88);\n\n font-size:\n clamp(14px, 2.5vw, 17px);\n\n line-height: 1.7;\n\n max-width: 680px;\n\n margin: 0 auto;\n\n }\n\n\n \/* ==================================================\n BADGES\n================================================== *\/\n\n .mm-badges-top {\n\n display: flex;\n\n flex-wrap: wrap;\n\n justify-content: center;\n\n gap: 8px;\n\n margin-bottom: 1.5rem;\n\n }\n\n\n .mm-badge {\n\n display: inline-flex;\n\n align-items: center;\n\n padding:\n 8px 15px;\n\n background:\n rgba(255, 255, 255, .96);\n\n border-radius:\n 999px;\n\n font-size: 12px;\n\n font-weight: 800;\n\n color:\n var(--mm-primary-dark);\n\n box-shadow:\n 0 2px 12px rgba(0, 0, 0, .1);\n\n }\n\n\n \/* ==================================================\n SECTIONS\n================================================== *\/\n\n .mm-section {\n\n margin-bottom:\n clamp(2rem, 4vw, 3.5rem);\n\n }\n\n\n .mm-premium h2 {\n\n font-size:\n clamp(22px, 5vw, 36px);\n\n font-weight: 900;\n\n color:\n var(--mm-primary-dark);\n\n margin:\n 0 0 clamp(1.25rem, 3vw, 2rem);\n\n text-align: center;\n\n letter-spacing:\n -.03em;\n\n position: relative;\n\n padding-bottom:\n 1rem;\n\n }\n\n\n .mm-premium h2::after {\n\n content: \"\";\n\n position: absolute;\n\n bottom: 0;\n\n left: 50%;\n\n transform:\n translateX(-50%);\n\n width: 60px;\n\n height: 4px;\n\n background:\n linear-gradient(90deg,\n var(--mm-primary),\n var(--mm-secondary));\n\n border-radius: 2px;\n\n }\n\n\n .mm-section-intro {\n\n text-align: center;\n\n font-size:\n clamp(15px, 2.5vw, 17px);\n\n color:\n var(--mm-text-light);\n\n margin:\n 0 auto 1.2rem;\n\n max-width:\n 720px;\n\n line-height:\n 1.75;\n\n }\n\n\n \/* ==================================================\n CARDS\n================================================== *\/\n\n .mm-card {\n\n background:\n var(--mm-white);\n\n border-radius:\n var(--mm-radius);\n\n padding:\n clamp(1.25rem, 3vw, 2rem);\n\n box-shadow:\n var(--mm-shadow);\n\n border:\n 2px solid transparent;\n\n transition:\n all .3s ease;\n\n text-align:\n center;\n\n }\n\n\n .mm-card:hover {\n\n transform:\n translateY(-5px);\n\n box-shadow:\n var(--mm-shadow-lg);\n\n border-color:\n rgba(58, 58, 140, .18);\n\n }\n\n\n .mm-card-icon {\n\n width:\n 52px;\n\n height:\n 52px;\n\n margin:\n 0 auto 12px;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n background:\n var(--mm-primary-light);\n\n border-radius:\n 50%;\n\n font-size:\n 25px;\n\n }\n\n\n .mm-card h3 {\n\n font-size:\n clamp(15px, 2.5vw, 18px);\n\n font-weight:\n 800;\n\n color:\n var(--mm-primary-dark);\n\n margin:\n 0 0 .55rem;\n\n line-height:\n 1.3;\n\n }\n\n\n .mm-card p {\n\n font-size:\n clamp(13px, 2vw, 15px);\n\n color:\n var(--mm-text-light);\n\n margin:\n 0;\n\n line-height:\n 1.65;\n\n }\n\n\n .mm-card-highlight {\n\n border-top:\n 4px solid var(--mm-primary);\n\n }\n\n\n \/* ==================================================\n GRILLES\n================================================== *\/\n\n .mm-grid {\n\n display:\n grid;\n\n grid-template-columns:\n repeat(auto-fit, minmax(260px, 1fr));\n\n gap:\n 1.25rem;\n\n }\n\n\n .mm-grid-compact {\n\n display:\n grid;\n\n grid-template-columns:\n repeat(2, 1fr);\n\n gap:\n 1rem;\n\n }\n\n\n .mm-grid-compact .mm-card {\n\n padding:\n 1.2rem;\n\n }\n\n\n .mm-grid-compact .mm-card-icon {\n\n width:\n 42px;\n\n height:\n 42px;\n\n font-size:\n 20px;\n\n }\n\n\n .mm-grid-compact .mm-card h3 {\n\n font-size:\n 15px;\n\n }\n\n\n .mm-grid-compact .mm-card p {\n\n font-size:\n 13px;\n\n }\n\n\n \/* ==================================================\n COMPOSITION\n================================================== *\/\n\n .mm-composition-box {\n\n background:\n var(--mm-white);\n\n border-radius:\n var(--mm-radius);\n\n padding:\n clamp(1.25rem, 3vw, 2rem);\n\n box-shadow:\n var(--mm-shadow);\n\n border-left:\n 4px solid var(--mm-primary);\n\n }\n\n\n .mm-composition-box p {\n\n font-size:\n clamp(13px, 2vw, 15px);\n\n color:\n var(--mm-text);\n\n line-height:\n 1.75;\n\n margin:\n 0 0 .75rem;\n\n }\n\n\n .mm-composition-box p:last-child {\n\n margin-bottom:\n 0;\n\n }\n\n\n .mm-composition-note {\n\n color:\n var(--mm-text-light) !important;\n\n font-size:\n 13px !important;\n\n }\n\n\n \/* ==================================================\n TIP BOX\n================================================== *\/\n\n .mm-tip {\n\n display:\n flex;\n\n gap:\n 1rem;\n\n align-items:\n flex-start;\n\n background:\n var(--mm-primary-light);\n\n border-radius:\n var(--mm-radius-sm);\n\n padding:\n 1rem 1.25rem;\n\n margin-top:\n 1.25rem;\n\n }\n\n\n .mm-tip-icon {\n\n font-size:\n 24px;\n\n flex-shrink:\n 0;\n\n }\n\n\n .mm-tip p {\n\n font-size:\n 14px;\n\n color:\n var(--mm-text);\n\n margin:\n 0;\n\n line-height:\n 1.65;\n\n }\n\n\n \/* ==================================================\n TIMELINE\n================================================== *\/\n\n .mm-timeline {\n\n display:\n flex;\n\n flex-direction:\n column;\n\n gap:\n 1rem;\n\n }\n\n\n .mm-timeline-item {\n\n display:\n flex;\n\n gap:\n 1rem;\n\n align-items:\n flex-start;\n\n }\n\n\n .mm-timeline-number {\n\n flex-shrink:\n 0;\n\n width:\n 42px;\n\n height:\n 42px;\n\n background:\n linear-gradient(135deg,\n var(--mm-primary),\n var(--mm-secondary));\n\n color:\n white;\n\n border-radius:\n 50%;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n font-weight:\n 900;\n\n font-size:\n 16px;\n\n }\n\n\n .mm-timeline-content {\n\n flex:\n 1;\n\n background:\n var(--mm-white);\n\n padding:\n 1rem 1.25rem;\n\n border-radius:\n var(--mm-radius-sm);\n\n box-shadow:\n var(--mm-shadow);\n\n }\n\n\n .mm-timeline-content h3 {\n\n font-size:\n 16px;\n\n font-weight:\n 800;\n\n color:\n var(--mm-primary-dark);\n\n margin:\n 0 0 .3rem;\n\n }\n\n\n .mm-timeline-content p {\n\n font-size:\n 14px;\n\n color:\n var(--mm-text-light);\n\n margin:\n 0;\n\n line-height:\n 1.6;\n\n }\n\n\n \/* ==================================================\n CTA\n================================================== *\/\n\n .mm-cta-box {\n\n position:\n relative;\n\n overflow:\n hidden;\n\n background:\n linear-gradient(135deg,\n var(--mm-primary),\n var(--mm-primary-dark));\n\n border-radius:\n var(--mm-radius);\n\n padding:\n clamp(2rem, 5vw, 3.5rem);\n\n text-align:\n center;\n\n box-shadow:\n var(--mm-shadow-lg);\n\n }\n\n\n .mm-cta-box::before {\n\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 250px;\n\n height:\n 250px;\n\n border-radius:\n 50%;\n\n background:\n rgba(255, 255, 255, .07);\n\n top:\n -120px;\n\n right:\n -80px;\n\n }\n\n\n .mm-cta-box::after {\n\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 180px;\n\n height:\n 180px;\n\n border-radius:\n 50%;\n\n background:\n rgba(232, 168, 76, .12);\n\n bottom:\n -100px;\n\n left:\n -50px;\n\n }\n\n\n .mm-cta-content {\n\n position:\n relative;\n\n z-index:\n 1;\n\n }\n\n\n .mm-cta-small {\n\n display:\n block;\n\n color:\n rgba(255, 255, 255, .7);\n\n font-size:\n 12px;\n\n font-weight:\n 800;\n\n letter-spacing:\n .14em;\n\n margin-bottom:\n .7rem;\n\n }\n\n\n .mm-cta-box h2 {\n\n color:\n white;\n\n margin-bottom:\n .75rem;\n\n padding-bottom:\n 0;\n\n }\n\n\n .mm-cta-box h2::after {\n\n display:\n none;\n\n }\n\n\n .mm-cta-box p {\n\n color:\n rgba(255, 255, 255, .88);\n\n font-size:\n clamp(15px, 2.5vw, 18px);\n\n line-height:\n 1.7;\n\n max-width:\n 650px;\n\n margin:\n 0 auto;\n\n }\n\n\n \/* ==================================================\n ACCORDÉON\n================================================== *\/\n\n .mm-accordion {\n\n background:\n var(--mm-white);\n\n border-radius:\n var(--mm-radius);\n\n box-shadow:\n var(--mm-shadow);\n\n overflow:\n hidden;\n\n }\n\n\n .mm-accordion-item {\n\n border-bottom:\n 1px solid var(--mm-border);\n\n margin:\n 0;\n\n padding:\n 0;\n\n }\n\n\n .mm-accordion-item:last-child {\n\n border-bottom:\n none;\n\n }\n\n\n .mm-accordion-header {\n\n padding:\n 1.1rem 1.25rem;\n\n font-weight:\n 800;\n\n font-size:\n 15px;\n\n color:\n var(--mm-primary-dark);\n\n cursor:\n pointer;\n\n display:\n flex;\n\n justify-content:\n space-between;\n\n align-items:\n center;\n\n list-style:\n none;\n\n }\n\n\n .mm-accordion-header:hover {\n\n background:\n var(--mm-primary-light);\n\n }\n\n\n .mm-accordion-header::-webkit-details-marker {\n\n display:\n none;\n\n }\n\n\n .mm-accordion-header::after {\n\n content:\n \"+\";\n\n font-size:\n 22px;\n\n font-weight:\n 400;\n\n color:\n var(--mm-primary);\n\n }\n\n\n .mm-accordion-item[open] .mm-accordion-header::after {\n\n content:\n \"−\";\n\n }\n\n\n .mm-accordion-content {\n\n padding:\n 0 1.25rem 1.15rem;\n\n color:\n var(--mm-text-light);\n\n font-size:\n 14px;\n\n line-height:\n 1.7;\n\n }\n\n\n .mm-accordion-content p {\n\n margin:\n 0;\n\n }\n\n\n \/* ==================================================\n DISCLAIMER\n================================================== *\/\n\n .mm-disclaimer {\n\n font-size:\n 12px;\n\n color:\n var(--mm-text-light);\n\n text-align:\n center;\n\n margin-top:\n 1rem;\n\n font-style:\n italic;\n\n line-height:\n 1.6;\n\n }\n\n\n \/* ==================================================\n MOBILE\n================================================== *\/\n\n @media (max-width: 767px) {\n\n .mm-premium {\n\n padding:\n 1.5rem .8rem;\n\n }\n\n\n .mm-hero {\n\n padding:\n 2.5rem 1.25rem;\n\n border-radius:\n var(--mm-radius-sm);\n\n }\n\n\n .mm-hero-title {\n\n font-size:\n 36px;\n\n }\n\n\n .mm-subtitle {\n\n font-size:\n 17px;\n\n }\n\n\n .mm-description {\n\n font-size:\n 14px;\n\n }\n\n\n .mm-badge {\n\n padding:\n 7px 10px;\n\n font-size:\n 10px;\n\n }\n\n\n .mm-premium h2 {\n\n font-size:\n 24px;\n\n }\n\n\n .mm-grid {\n\n grid-template-columns:\n 1fr;\n\n gap:\n 1rem;\n\n }\n\n\n .mm-grid-compact {\n\n gap:\n .7rem;\n\n }\n\n\n .mm-grid-compact .mm-card {\n\n padding:\n .9rem .65rem;\n\n }\n\n\n .mm-grid-compact .mm-card-icon {\n\n width:\n 38px;\n\n height:\n 38px;\n\n font-size:\n 18px;\n\n }\n\n\n .mm-grid-compact .mm-card h3 {\n\n font-size:\n 13px;\n\n }\n\n\n .mm-grid-compact .mm-card p {\n\n font-size:\n 11px;\n\n }\n\n\n .mm-card {\n\n padding:\n 1.2rem;\n\n }\n\n\n .mm-tip {\n\n padding:\n .9rem 1rem;\n\n }\n\n\n .mm-tip p {\n\n font-size:\n 13px;\n\n }\n\n\n .mm-timeline-item {\n\n gap:\n .7rem;\n\n }\n\n\n .mm-timeline-number {\n\n width:\n 34px;\n\n height:\n 34px;\n\n font-size:\n 14px;\n\n }\n\n\n .mm-timeline-content {\n\n padding:\n .85rem 1rem;\n\n }\n\n\n .mm-timeline-content h3 {\n\n font-size:\n 14px;\n\n }\n\n\n .mm-timeline-content p {\n\n font-size:\n 13px;\n\n }\n\n\n .mm-accordion-header {\n\n padding:\n 1rem;\n\n font-size:\n 14px;\n\n }\n\n\n .mm-accordion-content {\n\n padding:\n 0 1rem 1rem;\n\n font-size:\n 13px;\n\n }\n\n\n .mm-cta-box {\n\n padding:\n 2rem 1.2rem;\n\n }\n\n\n .mm-cta-box h2 {\n\n font-size:\n 23px;\n\n }\n\n }\n\u003c\/style\u003e","brand":"nüMorning","offers":[{"title":"Default Title","offer_id":55838296441209,"sku":"NBAINUM0033","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/numorning_blue_moon.jpg?v=1787144351"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/superaliment-753177.jpg?v=1732719595","url":"https:\/\/www.naturellement-bio.com\/collections\/superaliments.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}