{"title":"Plantes et extraits végétaux","description":"\u003ch2 style=\"text-align: center; font-family: inherit; font-size: 1.8rem; font-weight: normal; color: #4B5D40; margin: 20px 0;\" id=\"quiz\"\u003e\u003cstrong\u003eQuelle plante choisir pour vos compléments alimentaires ? Faites le test !\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"container quiz-container\"\u003e\n\n    \n    \u003c!-- Étape 1 : Objectif principal --\u003e\n    \u003cdiv id=\"quiz-step-1\" class=\"quiz-step active\"\u003e\n      \u003ch3\u003eÉtape 1 : Quel est votre principal objectif ?\u003c\/h3\u003e\n      \u003cp\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"energie\"\u003e Booster l'énergie et la vitalité\u003c\/label\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"stress\"\u003e Réduire le stress et améliorer le sommeil\u003c\/label\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"digestion\"\u003e Améliorer la digestion et favoriser la détox\u003c\/label\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"immunite\"\u003e Renforcer l'immunité\u003c\/label\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"objective\" value=\"moral\"\u003e Améliorer l'humeur et l'équilibre émotionnel\u003c\/label\u003e\n      \u003c\/p\u003e\n      \u003cdiv class=\"quiz-buttons\"\u003e\n        \u003cbutton type=\"button\" onclick=\"nextStep(1)\"\u003eSuivant\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Étape 2 : Profil utilisateur --\u003e\n    \u003cdiv id=\"quiz-step-2\" class=\"quiz-step\"\u003e\n      \u003ch3\u003eÉtape 2 : Quel est votre profil ?\u003c\/h3\u003e\n      \u003cp\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"profile\" value=\"actif\"\u003e Je suis sportif\/actif\u003c\/label\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"profile\" value=\"bureau\"\u003e Je travaille en milieu sédentaire \/ sous stress\u003c\/label\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"profile\" value=\"senior\"\u003e Je suis senior\u003c\/label\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"profile\" value=\"etudiant\"\u003e Je suis étudiant ou jeune actif\u003c\/label\u003e\n      \u003c\/p\u003e\n      \u003cdiv class=\"quiz-buttons\"\u003e\n        \u003cbutton type=\"button\" onclick=\"prevStep(1)\"\u003ePrécédent\u003c\/button\u003e\n        \u003cbutton type=\"button\" onclick=\"nextStep(2)\"\u003eSuivant\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Étape 3 : Préférence d'effet --\u003e\n    \u003cdiv id=\"quiz-step-3\" class=\"quiz-step\"\u003e\n      \u003ch3\u003eÉtape 3 : Préférez-vous ressentir un effet immédiat ou opter pour une cure progressive ?\u003c\/h3\u003e\n      \u003cp\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"effect\" value=\"rapide\"\u003e Effet immédiat\u003c\/label\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"effect\" value=\"progressif\"\u003e Cure progressive\u003c\/label\u003e\n        \u003clabel\u003e\u003cinput type=\"radio\" name=\"effect\" value=\"indifferent\"\u003e Indifférent\u003c\/label\u003e\n      \u003c\/p\u003e\n      \u003cdiv class=\"quiz-buttons\"\u003e\n        \u003cbutton type=\"button\" onclick=\"prevStep(2)\"\u003ePrécédent\u003c\/button\u003e\n        \u003cbutton type=\"button\" onclick=\"showResult()\"\u003eVoir les recommandations\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003c!-- Zone d'affichage du résultat --\u003e\n    \u003cdiv id=\"quiz-result\" style=\"display:none;\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003chr class=\"mb-5 mt-5\"\u003e\n\u003ch2\u003e\u003cstrong\u003eFoire aux questions sur les compléments alimentaires à base de plantes\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n    \n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuels sont les bienfaits des compléments alimentaires à base de plantes ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLes compléments alimentaires à base de plantes offrent une approche naturelle pour soutenir l’organisme. Selon les actifs sélectionnés, ils peuvent aider à améliorer la digestion, renforcer le système immunitaire, favoriser la détente ou encore optimiser les performances cognitives.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eComment choisir le bon complément alimentaire végétal ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eTout dépend de vos besoins spécifiques. Pour le stress et l’anxiété, l’ashwagandha ou la passiflore sont de bonnes options. Pour la digestion, privilégiez l’artichaut ou le radis noir. Et pour l’énergie, le ginseng ou la maca sont particulièrement efficaces.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePeut-on associer plusieurs compléments à base de plantes ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, tant que les actifs sont complémentaires. Par exemple, la rhodiola et le ginseng sont souvent combinés pour booster l’énergie, tandis que le curcuma et le gingembre sont pris ensemble pour leur action anti-inflammatoire. Veillez toutefois à respecter les dosages recommandés.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eLes compléments alimentaires à base de plantes sont-ils efficaces ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLeur efficacité dépend de la qualité des extraits utilisés, de leur concentration en principes actifs et de leur mode de consommation. Il est important de choisir des produits issus de laboratoires reconnus pour garantir des effets optimaux.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eCombien de temps faut-il pour ressentir les effets des compléments à base de plantes ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eLes résultats varient en fonction des plantes et de l’organisme de chacun. Certaines, comme la mélatonine pour le sommeil, agissent rapidement, tandis que d’autres, comme le curcuma ou le ginkgo biloba, nécessitent plusieurs semaines pour produire leurs bienfaits.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eY a-t-il des contre-indications à la prise de compléments végétaux ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eOui, certaines plantes peuvent interagir avec des traitements médicamenteux ou être déconseillées aux femmes enceintes ou allaitantes. Il est recommandé de consulter un professionnel de santé avant de commencer une cure.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePeut-on prendre des compléments alimentaires végétaux toute l’année ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cp\u003eTout dépend du complément. Certains, comme les probiotiques ou les oméga-3 d’origine végétale, peuvent être consommés en continu, tandis que d’autres, comme les plantes adaptogènes (ginseng, rhodiola), doivent être pris en cure avec des périodes de pause.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003c\/div\u003e\n\u003chr class=\"mb-5 mt-5\"\u003e\n\n\u003cp\u003eDepuis des générations, les plantes médicinales accompagnent l’homme dans sa quête de bien-être. Aujourd’hui encore, elles trouvent naturellement leur place dans nos modes de vie modernes, notamment à travers la phytothérapie. Grâce aux compléments alimentaires à base de plantes, il est possible de bénéficier des bienfaits des végétaux sous forme concentrée : extraits, poudres ou macérats.\u003c\/p\u003e\n\u003cp\u003eQue ce soit pour retrouver de l’énergie, renforcer vos défenses naturelles ou favoriser une digestion harmonieuse, la nature regorge de solutions efficaces. Notre sélection de compléments, conçue à partir d’extraits végétaux de haute qualité, vous accompagne au quotidien pour vous aider à prendre soin de votre santé, tout en douceur et en efficacité.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi choisir des compléments alimentaires à base de plantes ?\u003c\/h2\u003e\n\u003cp\u003eLes plantes regorgent de principes actifs puissants qui agissent en synergie avec notre organisme. Contrairement aux solutions synthétiques, elles offrent une approche plus douce et mieux tolérée par l’organisme. Mais ce n’est pas tout !\u003c\/p\u003e\n\u003ch3\u003eUne action naturelle et ciblée\u003c\/h3\u003e\n\u003cp\u003eLes extraits végétaux sont utilisés pour répondre à des besoins spécifiques : \u003cstrong\u003erenforcement de l’immunité\u003c\/strong\u003e, \u003cstrong\u003egestion du stress\u003c\/strong\u003e, \u003cstrong\u003edétoxification du foie\u003c\/strong\u003e, \u003cstrong\u003eamélioration de la digestion\u003c\/strong\u003e, et bien d’autres. Ils permettent une \u003cstrong\u003eaction ciblée\u003c\/strong\u003e en fonction des bienfaits propres à chaque plante.\u003c\/p\u003e\n\u003ch3\u003eUn équilibre avec votre corps\u003c\/h3\u003e\n\u003cp\u003eLes plantes agissent souvent en régulant naturellement certains processus biologiques sans provoquer d’effet brutal. Par exemple :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ Le \u003cstrong\u003eginseng\u003c\/strong\u003e stimule l’énergie sans causer de nervosité excessive.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ La \u003cstrong\u003emélisse\u003c\/strong\u003e apaise le stress sans engendrer de somnolence lourde.\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes différents types de compléments alimentaires à base de plantes\u003c\/h2\u003e\n\u003cp\u003eChaque plante possède des propriétés spécifiques qui répondent à des besoins précis. Que ce soit pour \u003cstrong\u003el’énergie, le stress, la digestion ou la détoxification\u003c\/strong\u003e, il existe un complément adapté. Voici lesquels sont adaptés en fonction des objectifs :\u003c\/p\u003e\n\u003ch3\u003ePour booster l’énergie et la vitalité\u003c\/h3\u003e\n\u003cp\u003eFatigue passagère ou manque de tonus ? Certains extraits végétaux sont réputés pour leurs effets stimulants naturels.\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eGinseng\u003c\/strong\u003e : Tonifiant physique et mental.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eMaca\u003c\/strong\u003e : Idéale pour la vitalité et l’endurance.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eGuarana\u003c\/strong\u003e : Riche en caféine naturelle pour un effet coup de fouet.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePour gérer le stress et améliorer le sommeil\u003c\/h3\u003e\n\u003cp\u003eLes plantes adaptogènes aident l’organisme à mieux gérer les périodes de tension.\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eAshwagandha\u003c\/strong\u003e : Réduit le stress et favorise la relaxation.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eRhodiola\u003c\/strong\u003e : Améliore la résistance au stress et la concentration.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eValériane\u003c\/strong\u003e : Favorise un sommeil profond et réparateur.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePour renforcer l’immunité\u003c\/h3\u003e\n\u003cp\u003eLes défenses naturelles peuvent être soutenues grâce aux propriétés immunostimulantes de certaines plantes.\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eÉchinacée\u003c\/strong\u003e : Stimule les défenses immunitaires.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eReishi et Chaga\u003c\/strong\u003e : Champignons aux vertus immunomodulatrices.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eGinseng\u003c\/strong\u003e : Apporte une meilleure résistance aux infections.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePour améliorer la digestion et le confort intestinal\u003c\/h3\u003e\n\u003cp\u003eBallonnements, digestion difficile ou transit perturbé ? Voici les plantes qui peuvent vous aider :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eRadis noir et artichaut\u003c\/strong\u003e : Favorisent le bon fonctionnement du foie.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eBardane\u003c\/strong\u003e : Apaise les troubles digestifs.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eTriphala\u003c\/strong\u003e : Aide à réguler le transit intestinal.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePour détoxifier l’organisme\u003c\/h3\u003e\n\u003cp\u003ePour éliminer les toxines et purifier le corps, certaines plantes sont particulièrement efficaces.\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eChardon-Marie\u003c\/strong\u003e : Protège et régénère le foie.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eThé vert\u003c\/strong\u003e : Antioxydant puissant et drainant.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eDesmodium\u003c\/strong\u003e : Soutient le bon fonctionnement hépatique.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment bien choisir son complément alimentaire à base de plantes ?\u003c\/h2\u003e\n\u003cp\u003eAvec une large variété de compléments à base de plantes, il est essentiel de sélectionner celui qui correspond parfaitement à vos besoins. Voici quelques critères clés à prendre en compte pour faire le bon choix.\u003c\/p\u003e\n\u003ch3\u003e🔍 Définir votre objectif\u003c\/h3\u003e\n\u003cp\u003eAvant toute chose, identifiez ce que vous recherchez ! C'est la clé du succès d'une cure de compléments alimentaires. \u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eManque d’énergie ?\u003c\/strong\u003e Optez pour des plantes tonifiantes comme le \u003cstrong\u003eginseng\u003c\/strong\u003e ou la \u003cstrong\u003emaca\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eFatigue nerveuse et stress ?\u003c\/strong\u003e Les plantes adaptogènes comme la \u003cstrong\u003erhodiola\u003c\/strong\u003e ou l’\u003cstrong\u003eashwagandha\u003c\/strong\u003e seront vos alliées.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eDigestion difficile ?\u003c\/strong\u003e Le \u003cstrong\u003eradis noir\u003c\/strong\u003e, l’\u003cstrong\u003eartichaut\u003c\/strong\u003e ou la \u003cstrong\u003ebardane\u003c\/strong\u003e facilitent le transit et le confort digestif.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eDétox du foie ?\u003c\/strong\u003e Privilégiez le \u003cstrong\u003echardon-marie\u003c\/strong\u003e ou le \u003cstrong\u003edesmodium\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eRenforcement immunitaire ?\u003c\/strong\u003e L’\u003cstrong\u003eéchinacée\u003c\/strong\u003e et le \u003cstrong\u003ereishi\u003c\/strong\u003e soutiennent les défenses naturelles.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e🌱 Choisir la bonne forme galénique\u003c\/h3\u003e\n\u003cp\u003eLes compléments alimentaires existent sous différentes formes. Voici les plus courantes, et leurs avantages :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eGélules et comprimés\u003c\/strong\u003e : Pratiques et faciles à doser.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003ePoudres\u003c\/strong\u003e : Idéales pour les smoothies ou les préparations maison.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eTeintures et extraits liquides\u003c\/strong\u003e : Assimilation rapide et forte concentration.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eTisanes et infusions\u003c\/strong\u003e : Une approche douce et agréable pour une action progressive.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e✅ Vérifier la qualité et la provenance\u003c\/h3\u003e\n\u003cp\u003eUn complément efficace, c'est comme un bon plat : il doit être composé d'ingrédients de qualité :\u003c\/p\u003e\n\u003cul style=\"list-style: none;\"\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eOrigine biologique\u003c\/strong\u003e : Privilégiez des plantes bio, exemptes de pesticides et de métaux lourds.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eTraçabilité\u003c\/strong\u003e : Vérifiez la provenance et la méthode d’extraction des actifs.\u003c\/li\u003e\n\u003cli class=\"mb-2\"\u003e✔️ \u003cstrong\u003eConcentration des principes actifs\u003c\/strong\u003e : Certains extraits sont plus puissants que des poudres brutes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e⚠️ Précautions et interactions\u003c\/h3\u003e\n\u003cp\u003eLes plantes sont de véritables trésors de la nature, mais elles méritent qu'elles soient utilisées avec soin ! Certaines peuvent \u003cstrong\u003einteragir avec les médicaments\u003c\/strong\u003e que vous prenez, donc si vous suivez un traitement, il est conseillé de demander l'avis d'un professionnel avant de vous lancer. Par exemple, la rhodiola, qui est une plante adaptogène très utile, ne se prend pas en fin de journée si vous ne voulez pas avoir de difficultés à vous endormir. Si vous êtes enceinte ou que vous allaitez, soyez prudents, certaines plantes comme le millepertuis sont à éviter. Enfin, il est important de respecter les doses recommandées pour que tout se passe bien et éviter tout effet indésirable.\u003c\/p\u003e\n\u003cp class=\"mt-3 mb-3\"\u003eVous avez du mal à choisir le complément à base de plantes idéal pour vous ? Répondez aux quelques questions de notre questionnaire interactif et obtenez votre recommandation personnalisée, adaptée à vos besoins :\u003c\/p\u003e\n\u003cdiv style=\"text-align: center; margin: 20px 0;\"\u003e\n    \u003ca href=\"#quiz\" style=\"display: inline-block; padding: 12px 24px; background-color: transparent; color: #66745c; text-decoration: none; font-size: 16px; border: 2px solid #66745c; border-radius: 8px; transition: all 0.3s ease;\"\u003e\n        Faire le quiz d'aide aux choix\n    \u003c\/a\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e","products":[{"product_id":"melatonine-120-gelules-superdiet","title":"Mélatonine 1 mg - 120 Gélules - Superdiet","description":"\u003cdiv class=\"mela-premium\"\u003e\n  \u003cdiv class=\"mela-hero\"\u003e\n    \u003cdiv class=\"mela-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mela-hero-content\"\u003e\n      \u003cdiv class=\"mela-badges-top\"\u003e\n        \u003cspan class=\"mela-badge\"\u003e🌙 Endormissement rapide\u003c\/span\u003e\n        \u003cspan class=\"mela-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"mela-badge\"\u003e♻️ Flacon éco-conçu\u003c\/span\u003e\n        \u003cspan class=\"mela-badge\"\u003e💊 120 jours de cure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mela-hero-title\"\u003eMélatonine 1 mg Superdiet\u003c\/span\u003e\n      \u003cp class=\"mela-subtitle\"\u003eL'hormone du sommeil, dosée juste ce qu'il faut\u003c\/p\u003e\n      \u003cp class=\"mela-description\"\u003eVous peinez à trouver le sommeil le soir venu ? La Mélatonine 1 mg de Superdiet vous accompagne en douceur vers un endormissement plus rapide et naturel. Un format généreux de 120 gélules, soit 4 mois de cure à raison d'une gélule par jour, pour retrouver un rythme de sommeil apaisé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mela-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la Mélatonine Superdiet ?\u003c\/h2\u003e\n    \u003cp class=\"mela-section-intro\"\u003eLa mélatonine, souvent appelée « hormone du sommeil », est produite naturellement par la glande pinéale de notre cerveau. Elle joue un rôle clé dans la régulation du cycle veille-sommeil. Avec l'âge, le stress, les écrans ou encore les voyages, sa production peut être perturbée, entraînant des difficultés à trouver le sommeil.\u003c\/p\u003e\n    \u003cdiv class=\"mela-grid-compact\"\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🌙 1 mg par gélule\u003c\/h3\u003e\n        \u003cp\u003eDosage conforme aux recommandations européennes pour une efficacité prouvée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e⏱️ Endormissement\u003c\/h3\u003e\n        \u003cp\u003eContribue à réduire le temps nécessaire pour trouver le sommeil.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e✈️ Décalage horaire\u003c\/h3\u003e\n        \u003cp\u003eAtténue efficacement les effets du jet lag lors de vos voyages.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🌿 Formule courte\u003c\/h3\u003e\n        \u003cp\u003eSans colorant, sans conservateur ni additif superflu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mela-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la mélatonine pour le sommeil\u003c\/h2\u003e\n    \u003cdiv class=\"mela-grid\"\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e😴 Endormissement rapide\u003c\/h3\u003e\n        \u003cp\u003eAide à s'endormir plus rapidement le soir, dès la première prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🌍 Jet lag maîtrisé\u003c\/h3\u003e\n        \u003cp\u003eAccompagne les voyageurs pour retrouver un rythme naturel après un vol long-courrier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🌓 Rythmes décalés\u003c\/h3\u003e\n        \u003cp\u003eSoutient les travailleurs de nuit et les personnes aux horaires irréguliers.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🔄 Cycle naturel\u003c\/h3\u003e\n        \u003cp\u003eFavorise un retour progressif à un cycle de sommeil équilibré.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mela-tip\"\u003e\n      \u003cspan class=\"mela-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à certains somnifères, la mélatonine ne provoque pas d'accoutumance lorsqu'elle est utilisée ponctuellement et aux doses recommandées. Une approche naturelle plébiscitée pour un sommeil retrouvé.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mela-section\"\u003e\n    \u003ch2\u003eComposition détaillée (pour 1 gélule)\u003c\/h2\u003e\n    \u003cdiv class=\"mela-grid\"\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🌙 Mélatonine 1 mg\u003c\/h3\u003e\n        \u003cp\u003eN-acétyl-5-méthoxytryptamine, au dosage optimal recommandé par les autorités européennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🌾 Amidon de riz\u003c\/h3\u003e\n        \u003cp\u003eExcipient naturel et neutre, d'origine végétale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🐟 Gélule de poisson\u003c\/h3\u003e\n        \u003cp\u003eGélatine de poisson pour une enveloppe digeste et naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mela-tip\"\u003e\n      \u003cspan class=\"mela-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eFormule courte, sans colorant, sans conservateur et sans additif superflu : Superdiet mise sur une composition simple et respectueuse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mela-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"mela-timeline\"\u003e\n      \u003cdiv class=\"mela-timeline-item\"\u003e\n        \u003cdiv class=\"mela-timeline-number\"\u003e?\u003c\/div\u003e\n        \u003cdiv class=\"mela-timeline-content\"\u003e\n          \u003ch3\u003eQui ?\u003c\/h3\u003e\n          \u003cp\u003eHommes et femmes adultes en recherche d'un sommeil plus apaisé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-timeline-item\"\u003e\n        \u003cdiv class=\"mela-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mela-timeline-content\"\u003e\n          \u003ch3\u003eQuand ?\u003c\/h3\u003e\n          \u003cp\u003eLe soir, juste avant le coucher. En cas de décalage horaire, prendre la gélule au moment du coucher les premiers jours suivant l'arrivée à destination.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-timeline-item\"\u003e\n        \u003cdiv class=\"mela-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mela-timeline-content\"\u003e\n          \u003ch3\u003eComment ?\u003c\/h3\u003e\n          \u003cp\u003e1 gélule avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-timeline-item\"\u003e\n        \u003cdiv class=\"mela-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mela-timeline-content\"\u003e\n          \u003ch3\u003eDurée\u003c\/h3\u003e\n          \u003cp\u003e4 semaines consécutives maximum. À conserver au sec, à l'abri de la lumière et à température ambiante.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mela-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mela-accordion\"\u003e\n      \u003cdetails class=\"mela-accordion-item\"\u003e\n        \u003csummary class=\"mela-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. Déconseillé aux femmes enceintes ou allaitantes, aux personnes souffrant de maladies inflammatoires, auto-immunes, d'insuffisance hépatique ou rénale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mela-accordion-item\"\u003e\n        \u003csummary class=\"mela-accordion-header\"\u003e🩺 Avis médical recommandé\u003c\/summary\u003e\n        \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl est fortement recommandé de consulter votre médecin en cas de traitement médicamenteux, de diabète, d'épilepsie, d'asthme, de troubles de l'humeur, de la personnalité ou du comportement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mela-accordion-item\"\u003e\n        \u003csummary class=\"mela-accordion-header\"\u003e🚗 Vigilance\u003c\/summary\u003e\n        \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n          \u003cp\u003eUne vigilance est nécessaire en cas d'activité nécessitant de la concentration (conduite, machines). Respectez les doses conseillées et tenez hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mela-accordion-item\"\u003e\n        \u003csummary class=\"mela-accordion-header\"\u003eℹ️ Information générale\u003c\/summary\u003e\n        \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cem\u003eCe complément alimentaire ne se substitue pas à un mode de vie sain, à une alimentation équilibrée, ni à un traitement médical.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mela-section\"\u003e\n    \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n    \u003cdiv class=\"mela-grid-compact\"\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🏭 Depuis 1961\u003c\/h3\u003e\n        \u003cp\u003eMarque française pionnière du bio, fondée dans les Hauts-de-France.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e♻️ 97 % recyclé\u003c\/h3\u003e\n        \u003cp\u003eFlacon composé d'au moins 97 % de matière recyclée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🌍 100 % recyclable\u003c\/h3\u003e\n        \u003cp\u003eUn emballage entièrement recyclable pour limiter son empreinte.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mela-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française, respectueuse de la Santé de l'Homme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mela-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mela-cta-box\"\u003e\n      \u003cp\u003e🌙 Offrez-vous des nuits plus douces avec la Mélatonine 1 mg Superdiet. 120 gélules pour 4 mois de sérénité, dans un flacon éco-conçu et fabriqué en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mela-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mela-cream: #f5f7fb;\n  --mela-white: #ffffff;\n  --mela-primary: #1e3a8a;\n  --mela-primary-dark: #0f1f4d;\n  --mela-primary-light: #e6ecf7;\n  --mela-secondary: #3b5bdb;\n  --mela-accent: #c62828;\n  --mela-text: #1a1a1a;\n  --mela-text-light: #5a5a5a;\n  --mela-border: #e0e0e0;\n  --mela-shadow: 0 4px 24px rgba(15,31,77,.08);\n  --mela-shadow-lg: 0 12px 48px rgba(15,31,77,.18);\n  --mela-radius: 20px;\n  --mela-radius-sm: 12px;\n}\n\n.mela-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mela-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--mela-text);\n}\n\n.mela-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0f1f4d 0%, #1e3a8a 50%, #3b5bdb 100%);\n  border-radius: var(--mela-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(--mela-shadow-lg);\n}\n\n.mela-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 1px, transparent 1.5px),\n                    radial-gradient(circle at 75% 60%, rgba(255,255,255,.3) 1px, transparent 2px),\n                    radial-gradient(circle at 50% 85%, rgba(255,255,255,.3) 1px, transparent 1.5px);\n  background-size: 80px 80px, 120px 120px, 100px 100px;\n  opacity: .6;\n}\n\n.mela-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mela-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.mela-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n}\n\n.mela-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.mela-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mela-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(--mela-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.mela-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mela-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mela-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mela-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.mela-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(--mela-primary), var(--mela-secondary));\n  border-radius: 2px;\n}\n\n.mela-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mela-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.mela-card {\n  background: var(--mela-white);\n  border-radius: var(--mela-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mela-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mela-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mela-shadow-lg);\n  border-color: var(--mela-primary);\n}\n\n.mela-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mela-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mela-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mela-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mela-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mela-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mela-grid-compact .mela-card {\n  padding: 1rem;\n}\n\n.mela-grid-compact .mela-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mela-grid-compact .mela-card p {\n  font-size: 12px;\n}\n\n.mela-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mela-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mela-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mela-primary), var(--mela-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.mela-timeline-content {\n  flex: 1;\n  background: var(--mela-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mela-radius-sm);\n  box-shadow: var(--mela-shadow);\n}\n\n.mela-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mela-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mela-timeline-content p {\n  font-size: 14px;\n  color: var(--mela-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.mela-accordion {\n  background: var(--mela-white);\n  border-radius: var(--mela-radius);\n  box-shadow: var(--mela-shadow);\n  overflow: hidden;\n}\n\n.mela-accordion-item {\n  border-bottom: 1px solid var(--mela-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mela-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mela-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mela-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.mela-accordion-header:hover {\n  background: var(--mela-primary-light);\n}\n\n.mela-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mela-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mela-primary);\n  transition: transform .2s ease;\n}\n\n.mela-accordion-item[open] .mela-accordion-header::after {\n  content: '−';\n}\n\n.mela-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mela-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mela-accordion-content p {\n  margin: 0;\n}\n\n.mela-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mela-primary-light);\n  border-radius: var(--mela-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mela-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mela-tip p {\n  font-size: 14px;\n  color: var(--mela-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mela-cta-box {\n  background: linear-gradient(135deg, var(--mela-primary) 0%, var(--mela-primary-dark) 100%);\n  border-radius: var(--mela-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--mela-shadow-lg);\n}\n\n.mela-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n}\n\n.mela-disclaimer {\n  font-size: 12px;\n  color: var(--mela-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .mela-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .mela-card { padding: 1.125rem; }\n  .mela-section { margin-bottom: 1.75rem; }\n  .mela-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mela-radius-sm);\n  }\n  .mela-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .mela-premium h2::after { width: 40px; height: 3px; }\n  .mela-grid-compact { gap: .625rem; }\n  .mela-grid-compact .mela-card { padding: .75rem; }\n  .mela-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .mela-timeline-content { padding: .875rem 1rem; }\n  .mela-timeline-content h3 { font-size: 14px; }\n  .mela-timeline-content p { font-size: 13px; }\n  .mela-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .mela-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .mela-card { animation: melaFadeInUp .5s ease backwards; }\n  .mela-card:nth-child(1) { animation-delay: .05s; }\n  .mela-card:nth-child(2) { animation-delay: .1s; }\n  .mela-card:nth-child(3) { animation-delay: .15s; }\n  .mela-card:nth-child(4) { animation-delay: .2s; }\n  .mela-card:nth-child(5) { animation-delay: .25s; }\n  .mela-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes melaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mela-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":45754691780765,"sku":"NBAISUP0032","price":23.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/melatonine-1-mg-120-gelules-superdiet-packshothd.webp?v=1776429569"},{"product_id":"radis-noir-artichaut-bio-80-comprimes-superdiet","title":"Radis Noir \u0026 Artichaut Bio : Bien-être du Foie - 80 Comprimés - Superdiet","description":"\u003cdiv class=\"rna-premium\"\u003e\n  \u003cdiv class=\"rna-hero\"\u003e\n    \u003cdiv class=\"rna-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"rna-hero-content\"\u003e\n      \u003cdiv class=\"rna-badges-top\"\u003e\n        \u003cspan class=\"rna-badge\"\u003e🌱 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"rna-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"rna-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n        \u003cspan class=\"rna-badge\"\u003e🌿 100% Végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rna-hero-title\"\u003eRadis Noir \u0026amp; Artichaut Bio\u003c\/span\u003e\n      \u003cp class=\"rna-subtitle\" style=\"color:lightgrey;\"\u003eBien-être du foie · 80 comprimés · Cure 20 jours\u003c\/p\u003e\n      \u003cp class=\"rna-description\" style=\"color:lightgrey;\"\u003eLe duo emblématique de la phytothérapie française pour soutenir votre foie et favoriser une digestion sereine. Une formule 100% végétale, certifiée bio et fabriquée en France par Superdiet.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003ePourquoi associer le radis noir et l'artichaut ?\u003c\/h2\u003e\n    \u003cp class=\"rna-section-intro\"\u003eDeux plantes emblématiques, une synergie puissante pour le bien-être hépatique et digestif.\u003c\/p\u003e\n    \u003cdiv class=\"rna-grid\"\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🌑 Le Radis Noir\u003c\/h3\u003e\n        \u003cp\u003eRaphanus sativus, racine traditionnellement utilisée pour participer à la santé naturelle du foie et soutenir les fonctions d'élimination. Riche en composés soufrés, l'alliée des cures de changement de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🌿 L'Artichaut\u003c\/h3\u003e\n        \u003cp\u003eCynara scolymus, dont les feuilles contiennent naturellement de la cynarine, reconnue pour contribuer au bien-être hépatique et faciliter le confort digestif après les repas copieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e✨ La Synergie\u003c\/h3\u003e\n        \u003cp\u003eUn duo complémentaire particulièrement apprécié pour accompagner une cure détox douce. Les comprimés Superdiet offrent un dosage précis, pratique à emporter et sans alcool.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003ePour qui ce complément est-il conçu ?\u003c\/h2\u003e\n    \u003cdiv class=\"rna-grid-compact\"\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🍽️ Digestion lourde\u003c\/h3\u003e\n        \u003cp\u003eLes personnes ressentant des lourdeurs digestives après les repas\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🌸 Cure saisonnière\u003c\/h3\u003e\n        \u003cp\u003eCelles qui souhaitent effectuer une cure détox au printemps ou en automne\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🎉 Après excès\u003c\/h3\u003e\n        \u003cp\u003eLes adeptes d'une alimentation riche ou après les périodes de fêtes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🌱 Solutions naturelles\u003c\/h3\u003e\n        \u003cp\u003eTous ceux qui privilégient les solutions naturelles et bio\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"rna-timeline\"\u003e\n      \u003cdiv class=\"rna-timeline-item\"\u003e\n        \u003cdiv class=\"rna-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"rna-timeline-content\"\u003e\n          \u003ch3\u003e👤 Qui ?\u003c\/h3\u003e\n          \u003cp\u003eAdultes et adolescents de plus de 12 ans\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-timeline-item\"\u003e\n        \u003cdiv class=\"rna-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"rna-timeline-content\"\u003e\n          \u003ch3\u003e💊 Quoi ?\u003c\/h3\u003e\n          \u003cp\u003e4 comprimés par jour, répartis en 2 prises de 2 comprimés, avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-timeline-item\"\u003e\n        \u003cdiv class=\"rna-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"rna-timeline-content\"\u003e\n          \u003ch3\u003e🕐 Quand ?\u003c\/h3\u003e\n          \u003cp\u003ePendant les repas. Une boîte = une cure de 20 jours, durée idéale pour ressentir les bienfaits du duo\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-timeline-item\"\u003e\n        \u003cdiv class=\"rna-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"rna-timeline-content\"\u003e\n          \u003ch3\u003e💧 Comment optimiser ?\u003c\/h3\u003e\n          \u003cp\u003eAssociez votre cure à une alimentation équilibrée, riche en légumes verts, et à une bonne hydratation (1,5 L d'eau par jour)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rna-tip\"\u003e\n      \u003cspan class=\"rna-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes souffrant d'obstruction des voies biliaires. Demandez conseil à votre médecin en cas de traitement en cours.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003eComposition pour 4 comprimés (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"rna-grid-compact\"\u003e\n      \u003cdiv class=\"rna-card rna-card-highlight\"\u003e\n        \u003ch3\u003e🌑 Radis noir bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e600 mg\u003c\/strong\u003e\u003cbr\u003eRacine - Raphanus sativus\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card rna-card-highlight\"\u003e\n        \u003ch3\u003e🌿 Artichaut bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003eFeuille - Cynara scolymus\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🍃 Agent de charge\u003c\/h3\u003e\n        \u003cp\u003eGomme d'acacia bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e⚗️ Anti-agglomérants\u003c\/h3\u003e\n        \u003cp\u003eCarbonate de magnésium, silice\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rna-tip\"\u003e\n      \u003cspan class=\"rna-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003esans alcool, sans colorant, sans conservateur\u003c\/strong\u003e, 100% d'origine végétale, certifiée Agriculture Biologique (FR-BIO-01).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003eUne fabrication française et éco-responsable\u003c\/h2\u003e\n    \u003cdiv class=\"rna-grid\"\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🏆 60 ans d'expertise\u003c\/h3\u003e\n        \u003cp\u003eSuperdiet s'engage depuis plus de 60 ans dans une démarche qualité exigeante au service de la phytothérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eCes comprimés sont fabriqués en France, à partir de plantes issues de l'agriculture biologique, rigoureusement sélectionnées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e♻️ Emballage éco-conçu\u003c\/h3\u003e\n        \u003cp\u003eLe flacon est fabriqué en matière recyclée et recyclable, s'inscrivant dans une logique d'emballage éco-responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003eVos questions, nos réponses\u003c\/h2\u003e\n    \u003cdiv class=\"rna-accordion\"\u003e\n      \u003cdetails class=\"rna-accordion-item\"\u003e\n        \u003csummary class=\"rna-accordion-header\"\u003e🌸 Quand faire une cure de radis noir et artichaut ?\u003c\/summary\u003e\n        \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n          \u003cp\u003eIdéalement aux changements de saison (printemps, automne) ou après une période d'excès alimentaires comme les fêtes de fin d'année.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rna-accordion-item\"\u003e\n        \u003csummary class=\"rna-accordion-header\"\u003e🔄 Peut-on renouveler la cure ?\u003c\/summary\u003e\n        \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, vous pouvez renouveler la cure de 20 jours après une pause de quelques semaines, 2 à 3 fois par an.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rna-accordion-item\"\u003e\n        \u003csummary class=\"rna-accordion-header\"\u003e💊 Comprimés ou ampoules radis noir artichaut : que choisir ?\u003c\/summary\u003e\n        \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes comprimés sont plus pratiques au quotidien et sans alcool, tandis que les ampoules offrent une forme liquide rapidement assimilable. Le choix dépend de vos préférences personnelles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rna-accordion-item\"\u003e\n        \u003csummary class=\"rna-accordion-header\"\u003e🌙 Astuce bien-être : stimulez votre digestion\u003c\/summary\u003e\n        \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe soir, après le dîner, allongez-vous et placez une bouillotte chaude sur la région abdominale. Ceci va favoriser la vascularisation de votre foie au moment où il en a le plus besoin et l'aider à se nettoyer.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"rna-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre foie le duo emblématique de la phytothérapie française. Radis noir \u0026amp; artichaut bio, une cure douce et naturelle pour retrouver confort digestif et bien-être au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"rna-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. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --rna-cream: #f4f7f0;\n  --rna-white: #ffffff;\n  --rna-primary: #2d5f3f;\n  --rna-primary-dark: #1f4230;\n  --rna-primary-light: #e8f0e4;\n  --rna-secondary: #8b1f3a;\n  --rna-accent: #c9a961;\n  --rna-text: #1a1a1a;\n  --rna-text-light: #5a5a5a;\n  --rna-border: #e0e0e0;\n  --rna-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --rna-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --rna-radius: 20px;\n  --rna-radius-sm: 12px;\n}\n\n.rna-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--rna-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--rna-text);\n  line-height: 1.6;\n}\n\n.rna-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d5f3f 0%, #1f4230 50%, #8b1f3a 100%);\n  border-radius: var(--rna-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(--rna-shadow-lg);\n}\n\n.rna-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(201,169,97,.2) 0%, transparent 40%);\n  opacity: .6;\n}\n\n.rna-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.rna-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.rna-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.rna-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.rna-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.rna-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(--rna-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.rna-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.rna-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rna-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--rna-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.rna-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(--rna-primary), var(--rna-secondary));\n  border-radius: 2px;\n}\n\n.rna-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--rna-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.rna-premium p {\n  color: var(--rna-text);\n}\n\n.rna-card {\n  background: var(--rna-white);\n  border-radius: var(--rna-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--rna-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.rna-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--rna-shadow-lg);\n  border-color: var(--rna-primary);\n}\n\n.rna-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--rna-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.rna-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--rna-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.rna-card-highlight {\n  background: linear-gradient(135deg, var(--rna-primary-light) 0%, #ffffff 100%);\n  border-color: var(--rna-primary);\n}\n\n.rna-card-highlight strong {\n  color: var(--rna-secondary);\n  font-size: 20px;\n  font-weight: 900;\n}\n\n.rna-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.rna-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.rna-grid-compact .rna-card {\n  padding: 1rem;\n}\n\n.rna-grid-compact .rna-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.rna-grid-compact .rna-card p {\n  font-size: 12px;\n}\n\n.rna-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.rna-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.rna-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--rna-primary), var(--rna-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.rna-timeline-content {\n  flex: 1;\n  background: var(--rna-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--rna-radius-sm);\n  box-shadow: var(--rna-shadow);\n}\n\n.rna-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--rna-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.rna-timeline-content p {\n  font-size: 14px;\n  color: var(--rna-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.rna-accordion {\n  background: var(--rna-white);\n  border-radius: var(--rna-radius);\n  box-shadow: var(--rna-shadow);\n  overflow: hidden;\n}\n\n.rna-accordion-item {\n  border-bottom: 1px solid var(--rna-border);\n  margin: 0;\n  padding: 0;\n}\n\n.rna-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.rna-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--rna-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n  gap: 1rem;\n}\n\n.rna-accordion-header:hover {\n  background: var(--rna-primary-light);\n}\n\n.rna-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.rna-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--rna-primary);\n  transition: transform .2s ease;\n  flex-shrink: 0;\n}\n\n.rna-accordion-item[open] .rna-accordion-header::after {\n  content: '−';\n}\n\n.rna-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--rna-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.rna-accordion-content p {\n  margin: 0;\n  color: var(--rna-text-light);\n}\n\n.rna-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--rna-primary-light);\n  border-radius: var(--rna-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--rna-primary);\n}\n\n.rna-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.rna-tip p {\n  font-size: 14px;\n  color: var(--rna-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.rna-cta-box {\n  background: linear-gradient(135deg, var(--rna-primary) 0%, var(--rna-primary-dark) 100%);\n  border-radius: var(--rna-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--rna-shadow-lg);\n}\n\n.rna-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.rna-disclaimer {\n  font-size: 12px;\n  color: var(--rna-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .rna-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .rna-card {\n    padding: 1.125rem;\n  }\n  .rna-section {\n    margin-bottom: 1.75rem;\n  }\n  .rna-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--rna-radius-sm);\n  }\n  .rna-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .rna-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .rna-grid-compact {\n    gap: .625rem;\n  }\n  .rna-grid-compact .rna-card {\n    padding: .75rem;\n  }\n  .rna-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .rna-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .rna-timeline-content h3 {\n    font-size: 14px;\n  }\n  .rna-timeline-content p {\n    font-size: 13px;\n  }\n  .rna-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .rna-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .rna-card {\n    animation: rnaFadeInUp .5s ease backwards;\n  }\n  .rna-card:nth-child(1) { animation-delay: .05s; }\n  .rna-card:nth-child(2) { animation-delay: .1s; }\n  .rna-card:nth-child(3) { animation-delay: .15s; }\n  .rna-card:nth-child(4) { animation-delay: .2s; }\n  .rna-card:nth-child(5) { animation-delay: .25s; }\n  .rna-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rnaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .rna-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":45754702069917,"sku":"NBAISUP0048","price":15.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/radis_noir_artichaut_bio_80_comprimes_superdiet.jpg?v=1758619291"},{"product_id":"quatuor-bio-articulation-150-gelules-superdiet","title":"Quatuor Bio Articulation - 150 Gélules - Superdiet","description":"\u003cdiv class=\"qba-premium\"\u003e\n  \u003cdiv class=\"qba-hero\"\u003e\n    \u003cdiv class=\"qba-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qba-hero-content\"\u003e\n      \u003cdiv class=\"qba-badges-top\"\u003e\n        \u003cspan class=\"qba-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"qba-badge\"\u003e🇫🇷 Fabrication France\u003c\/span\u003e\n        \u003cspan class=\"qba-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"qba-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qba-hero-title\"\u003eQuatuor Bio Articulation\u003c\/span\u003e\n      \u003cp class=\"qba-subtitle\"\u003eSuperdiet • 150 gélules • Cure de 50 jours\u003c\/p\u003e\n      \u003cp class=\"qba-description\"\u003eLa synergie de 4 plantes bio — Curcuma, Cassis, Harpagophytum \u0026amp; Ortie — pour soutenir votre confort articulaire au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003eQuatuor Bio Articulation Superdiet : la synergie végétale pour votre confort articulaire\u003c\/h2\u003e\n    \u003cp class=\"qba-section-intro\"\u003eVos genoux craquent au réveil, vos doigts peinent à se déplier, vos épaules protestent après le sport ou le jardinage ? Le \u003cstrong\u003eQuatuor Bio Articulation de Superdiet\u003c\/strong\u003e est un complément alimentaire conçu pour soutenir votre mobilité au quotidien. Sa formule associe quatre plantes emblématiques issues de l'agriculture biologique, reconnues pour accompagner la souplesse et le confort des articulations.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complément alimentaire pour articulation ?\u003c\/h2\u003e\n    \u003cp class=\"qba-section-intro\"\u003eAvec l'âge, la sédentarité ou au contraire la pratique sportive intensive, nos articulations sont mises à rude épreuve. Le Quatuor Superdiet se distingue par :\u003c\/p\u003e\n    \u003cdiv class=\"qba-grid\"\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌿 100 % Bio certifié\u003c\/h3\u003e\n        \u003cp\u003eFormule issue de l'agriculture biologique, sans additifs controversés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eProduction locale respectueuse de l'environnement et des savoir-faire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌱 Gélules vegan\u003c\/h3\u003e\n        \u003cp\u003eEnveloppe d'origine végétale, faciles à avaler au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n        \u003cp\u003eMatière recyclée et recyclable pour réduire l'empreinte écologique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e📅 Cure complète 50 jours\u003c\/h3\u003e\n        \u003cp\u003e150 gélules pour une cure longue durée, renouvelable selon besoin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e💪 Sportifs \u0026amp; seniors\u003c\/h3\u003e\n        \u003cp\u003eUn allié polyvalent aussi bien en prévention qu'après l'effort.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003eUne synergie de 4 plantes pour vos articulations\u003c\/h2\u003e\n    \u003cdiv class=\"qba-grid\"\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌾 Harpagophytum\u003c\/h3\u003e\n        \u003cp\u003eLa \"griffe du diable\" africaine, traditionnellement utilisée pour favoriser la souplesse articulaire et le confort de mouvement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🫐 Cassis\u003c\/h3\u003e\n        \u003cp\u003eSes feuilles contiennent des flavonoïdes qui contribuent à la flexibilité articulaire et au bien-être général.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🎋 Bambou\u003c\/h3\u003e\n        \u003cp\u003eNaturellement riche en silice organique, un oligo-élément essentiel à la structure du cartilage et des tissus conjonctifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌱 Ortie\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour soutenir le drainage de l'organisme et participer à l'équilibre articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qba-tip\"\u003e\n      \u003cspan class=\"qba-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCette association ciblée fait de ce complément un allié polyvalent, aussi bien pour les personnes actives que pour celles qui ressentent les premiers signes d'inconfort liés à l'âge.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003eComposition détaillée (pour 3 gélules)\u003c\/h2\u003e\n    \u003cdiv class=\"qba-grid-compact\"\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌾 Harpagophytum\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e\u003cbr\u003eExtrait bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🌱 Ortie\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e\u003cbr\u003ePoudre bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🫐 Cassis\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e225 mg\u003c\/strong\u003e\u003cbr\u003ePoudre bio\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-card\"\u003e\n        \u003ch3\u003e🎋 Bambou\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e120 mg\u003c\/strong\u003e\u003cbr\u003eExtrait bio\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qba-disclaimer\"\u003eEnveloppe de la gélule : hydroxypropylméthylcellulose (origine végétale).\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"qba-timeline\"\u003e\n      \u003cdiv class=\"qba-timeline-item\"\u003e\n        \u003cdiv class=\"qba-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qba-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e3 gélules par jour, à prendre au cours des repas avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-timeline-item\"\u003e\n        \u003cdiv class=\"qba-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qba-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n          \u003cp\u003e1 à 3 mois en continu, renouvelable si besoin selon vos ressentis.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qba-timeline-item\"\u003e\n        \u003cdiv class=\"qba-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qba-timeline-content\"\u003e\n          \u003ch3\u003eRespectez la dose\u003c\/h3\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qba-tip\"\u003e\n      \u003cspan class=\"qba-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eConseil Naturellement Bio :\u003c\/strong\u003e associez votre cure à une activité physique douce (marche, natation, yoga), une bonne hydratation et une alimentation riche en oméga-3 pour démultiplier les bénéfices sur vos articulations.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qba-accordion\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdetails class=\"qba-accordion-item\"\u003e\n        \u003csummary class=\"qba-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement anticoagulant ou souffrant de troubles digestifs (ulcères). Demandez conseil à votre médecin ou pharmacien en cas de doute.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"qba-accordion\"\u003e\n      \u003cdetails class=\"qba-accordion-item\"\u003e\n        \u003csummary class=\"qba-accordion-header\"\u003eCe complément convient-il aux sportifs ?\u003c\/summary\u003e\n        \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, il est particulièrement adapté aux personnes actives qui sollicitent fortement leurs articulations au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qba-accordion-item\"\u003e\n        \u003csummary class=\"qba-accordion-header\"\u003ePeut-on le donner à un chien ?\u003c\/summary\u003e\n        \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon, ce produit est formulé pour l'humain. Pour un complément articulation chien, tournez-vous vers une formule vétérinaire spécifique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qba-accordion-item\"\u003e\n        \u003csummary class=\"qba-accordion-header\"\u003eEst-il 100 % naturel ?\u003c\/summary\u003e\n        \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, tous les ingrédients sont issus de l'agriculture biologique, certifiés ECOCERT, et fabriqués en France.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qba-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"qba-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos articulations la force de 4 plantes bio d'exception. Souplesse, mobilité et confort retrouvés — naturellement, jour après jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qba-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qba-cream: #f5f1e8;\n  --qba-white: #ffffff;\n  --qba-primary: #5a7a3a;\n  --qba-primary-dark: #3d5624;\n  --qba-primary-light: #e8efd9;\n  --qba-secondary: #8b2a2a;\n  --qba-accent: #c9a961;\n  --qba-text: #2a2a1f;\n  --qba-text-light: #5a5a4f;\n  --qba-border: #e0dcc8;\n  --qba-shadow: 0 4px 24px rgba(61,86,36,.08);\n  --qba-shadow-lg: 0 12px 48px rgba(61,86,36,.18);\n  --qba-radius: 20px;\n  --qba-radius-sm: 12px;\n}\n\n.qba-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qba-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--qba-text);\n  line-height: 1.6;\n}\n\n.qba-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d5624 0%, #5a7a3a 50%, #7a9b4a 100%);\n  border-radius: var(--qba-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--qba-shadow-lg);\n}\n\n.qba-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(201,169,97,.2) 0%, transparent 40%);\n  opacity: .6;\n}\n\n.qba-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qba-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.qba-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.qba-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.3vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.qba-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qba-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qba-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qba-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.qba-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qba-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qba-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.qba-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--qba-primary), var(--qba-accent));\n  border-radius: 2px;\n}\n\n.qba-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qba-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.qba-card {\n  background: var(--qba-white);\n  border-radius: var(--qba-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qba-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qba-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qba-shadow-lg);\n  border-color: var(--qba-primary);\n}\n\n.qba-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qba-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qba-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qba-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qba-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.qba-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qba-grid-compact .qba-card {\n  padding: 1rem;\n}\n\n.qba-grid-compact .qba-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qba-grid-compact .qba-card p {\n  font-size: 13px;\n}\n\n.qba-grid-compact .qba-card strong {\n  color: var(--qba-primary-dark);\n  font-size: 16px;\n}\n\n.qba-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qba-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qba-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qba-primary), var(--qba-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(61,86,36,.25);\n}\n\n.qba-timeline-content {\n  flex: 1;\n  background: var(--qba-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qba-radius-sm);\n  box-shadow: var(--qba-shadow);\n}\n\n.qba-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qba-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qba-timeline-content p {\n  font-size: 14px;\n  color: var(--qba-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.qba-accordion {\n  background: var(--qba-white);\n  border-radius: var(--qba-radius);\n  box-shadow: var(--qba-shadow);\n  overflow: hidden;\n}\n\n.qba-accordion-item {\n  border-bottom: 1px solid var(--qba-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qba-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qba-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qba-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.qba-accordion-header:hover {\n  background: var(--qba-primary-light);\n}\n\n.qba-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qba-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--qba-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.qba-accordion-item[open] .qba-accordion-header::after {\n  content: '−';\n}\n\n.qba-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qba-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qba-accordion-content p {\n  margin: 0;\n}\n\n.qba-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qba-primary-light);\n  border-radius: var(--qba-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--qba-primary);\n}\n\n.qba-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qba-tip p {\n  font-size: 14px;\n  color: var(--qba-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qba-cta-box {\n  background: linear-gradient(135deg, var(--qba-primary) 0%, var(--qba-primary-dark) 100%);\n  border-radius: var(--qba-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--qba-shadow-lg);\n}\n\n.qba-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -20%;\n  width: 300px;\n  height: 300px;\n  background: radial-gradient(circle, rgba(201,169,97,.25) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.qba-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.qba-disclaimer {\n  font-size: 12px;\n  color: var(--qba-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .qba-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .qba-card {\n    padding: 1.125rem;\n  }\n  .qba-section {\n    margin-bottom: 1.75rem;\n  }\n  .qba-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qba-radius-sm);\n  }\n  .qba-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .qba-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .qba-grid-compact {\n    gap: .625rem;\n  }\n  .qba-grid-compact .qba-card {\n    padding: .75rem;\n  }\n  .qba-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .qba-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .qba-timeline-content h3 {\n    font-size: 14px;\n  }\n  .qba-timeline-content p {\n    font-size: 13px;\n  }\n  .qba-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .qba-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .qba-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .qba-card:nth-child(1) { animation-delay: .05s; }\n  .qba-card:nth-child(2) { animation-delay: .1s; }\n  .qba-card:nth-child(3) { animation-delay: .15s; }\n  .qba-card:nth-child(4) { animation-delay: .2s; }\n  .qba-card:nth-child(5) { animation-delay: .25s; }\n  .qba-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .qba-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754711834781,"sku":"NBAISUP0026","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor_articulations_bio_150_gelules_superdiet.jpg?v=1776408586"},{"product_id":"ginkgo-biloba-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Ginkgo Biloba Bio - Coffret 20 Ampoules de 15ml - Superdiet","description":"\u003cdiv class=\"gkb-premium\"\u003e\n  \u003cdiv class=\"gkb-hero\"\u003e\n    \u003cdiv class=\"gkb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gkb-hero-content\"\u003e\n      \u003cdiv class=\"gkb-badges-top\"\u003e\n        \u003cspan class=\"gkb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"gkb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"gkb-badge\"\u003e💧 20 ampoules de 15ml\u003c\/span\u003e\n        \u003cspan class=\"gkb-badge\"\u003e🧠 Mémoire \u0026amp; Circulation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gkb-hero-title\"\u003eGinkgo Biloba Bio Superdiet\u003c\/span\u003e\n      \u003cp class=\"gkb-subtitle\"\u003eL'arbre aux mille écus en ampoules buvables\u003c\/p\u003e\n      \u003cp class=\"gkb-description\"\u003eSoutenez naturellement votre \u003cstrong\u003emémoire\u003c\/strong\u003e et votre \u003cstrong\u003ecirculation sanguine\u003c\/strong\u003e grâce à la puissance du Ginkgo Biloba cultivé en France selon les normes de l'Agriculture Biologique. Une cure de 20 jours, 100 % végétale, sans alcool ni conservateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Ginkgo Biloba Bio Superdiet ?\u003c\/h2\u003e\n    \u003cp class=\"gkb-section-intro\"\u003eLe \u003cstrong\u003eginkgo biloba\u003c\/strong\u003e est l'une des plantes les plus étudiées en naturopathie. Ses feuilles, riches en flavonoïdes et en ginkgolides, sont traditionnellement reconnues pour soutenir les \u003cstrong\u003eperformances intellectuelles\u003c\/strong\u003e et la \u003cstrong\u003emicrocirculation\u003c\/strong\u003e. Superdiet a choisi une fabrication française à partir de feuilles issues de l'agriculture biologique, récoltées à maturité, pour préserver un maximum de principes actifs.\u003c\/p\u003e\n    \u003cdiv class=\"gkb-grid-compact\"\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique, gage de qualité et de traçabilité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🚫 Ultra pur\u003c\/h3\u003e\n        \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e💧 Ampoule buvable\u003c\/h3\u003e\n        \u003cp\u003eFormat pratique, à assimilation rapide\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Savoir-faire français\u003c\/h3\u003e\n        \u003cp\u003eFabrication française dans le respect de la plante\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003eLes bienfaits du ginkgo biloba bio\u003c\/h2\u003e\n    \u003cp class=\"gkb-section-intro\"\u003ePlébiscité pour ses effets sur la \u003cstrong\u003emémoire et la concentration\u003c\/strong\u003e, ce végétal d'exception apporte un soutien précieux à plusieurs niveaux.\u003c\/p\u003e\n    \u003cdiv class=\"gkb-grid\"\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🧠 Mémoire \u0026amp; fonctions cognitives\u003c\/h3\u003e\n        \u003cp\u003eLe ginkgo biloba contribue à entretenir la mémoire, notamment au fil du vieillissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🎯 Concentration \u0026amp; clarté mentale\u003c\/h3\u003e\n        \u003cp\u003eIdéal pendant les périodes de travail intense, d'examens ou de surcharge intellectuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e❤️ Circulation sanguine\u003c\/h3\u003e\n        \u003cp\u003eIl favorise la microcirculation, notamment au niveau cérébral et des extrémités (jambes lourdes, mains froides).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e👂 Confort auditif\u003c\/h3\u003e\n        \u003cp\u003eSouvent recherché pour accompagner le bien-être en cas d'acouphènes légers, grâce à son action vasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gkb-tip\"\u003e\n      \u003cspan class=\"gkb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLes avis sur le ginkgo biloba soulignent régulièrement son intérêt en cure régulière, \u003cstrong\u003eparticulièrement dès 40 ans\u003c\/strong\u003e, pour soutenir vitalité intellectuelle et vigilance.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003eComposition d'une ampoule de 15 ml\u003c\/h2\u003e\n    \u003cdiv class=\"gkb-grid-compact\"\u003e\n      \u003cdiv class=\"gkb-card gkb-card-highlight\"\u003e\n        \u003ch3\u003e🌱 Extrait de Ginkgo biloba bio*\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e d'extrait hydro-glycériné de feuilles (\u003cem\u003eGinkgo biloba L.\u003c\/em\u003e), soit l'équivalent de \u003cstrong\u003e300 mg de feuilles sèches\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e💧 Base végétale\u003c\/h3\u003e\n        \u003cp\u003eEau de source \u0026amp; glycérine végétale bio*\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gkb-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003eComment prendre le Ginkgo Biloba Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"gkb-timeline\"\u003e\n      \u003cdiv class=\"gkb-timeline-item\"\u003e\n        \u003cdiv class=\"gkb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gkb-timeline-content\"\u003e\n          \u003ch3\u003eAgitez avant ouverture\u003c\/h3\u003e\n          \u003cp\u003eSecouez bien l'ampoule pour homogénéiser l'extrait végétal.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-timeline-item\"\u003e\n        \u003cdiv class=\"gkb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gkb-timeline-content\"\u003e\n          \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin, diluée dans un demi-verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-timeline-item\"\u003e\n        \u003cdiv class=\"gkb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gkb-timeline-content\"\u003e\n          \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eUne cure complète correspond à 20 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-timeline-item\"\u003e\n        \u003cdiv class=\"gkb-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gkb-timeline-content\"\u003e\n          \u003ch3\u003eRésultats optimaux\u003c\/h3\u003e\n          \u003cp\u003ePour des effets optimaux sur la mémoire et la concentration, une cure de plusieurs semaines est généralement conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gkb-accordion\"\u003e\n      \u003cdetails class=\"gkb-accordion-item\"\u003e\n        \u003csummary class=\"gkb-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"gkb-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e et aux enfants. Ne pas consommer en cas d'allergie connue au ginkgo biloba.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gkb-accordion-item\"\u003e\n        \u003csummary class=\"gkb-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"gkb-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ éviter en cas de \u003cstrong\u003eprise d'anticoagulants\u003c\/strong\u003e, de traitement antiplaquettaire ou avant une intervention chirurgicale. Demandez conseil à votre médecin ou pharmacien en cas de traitement médical en cours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gkb-accordion-item\"\u003e\n        \u003csummary class=\"gkb-accordion-header\"\u003e📋 Dosage\u003c\/summary\u003e\n        \u003cdiv class=\"gkb-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"gkb-grid-compact\"\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n        \u003cp\u003e20 ampoules de 15 ml\u003cbr\u003e(300 ml au total)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e⏱️ Durée de cure\u003c\/h3\u003e\n        \u003cp\u003e20 jours\u003cbr\u003e1 ampoule \/ jour\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🏷️ Label\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique (AB)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🧊 Conservation\u003c\/h3\u003e\n        \u003cp\u003eÀ l'abri de la lumière, de la chaleur et de l'humidité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gkb-card\"\u003e\n        \u003ch3\u003e🌱 Composition\u003c\/h3\u003e\n        \u003cp\u003e100 % végétal\u003cbr\u003eSans alcool ni additif\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gkb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"gkb-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre mémoire et à votre circulation tout le savoir-faire de Superdiet avec ce \u003cstrong\u003eGinkgo Biloba Bio\u003c\/strong\u003e en ampoules, 100 % naturel et respectueux de la plante. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --gkb-cream: #f9f7f2;\n    --gkb-white: #ffffff;\n    --gkb-primary: #2d7a3e;\n    --gkb-primary-dark: #1e5a2c;\n    --gkb-primary-light: #e8f3ea;\n    --gkb-secondary: #c8342e;\n    --gkb-accent: #e8a84a;\n    --gkb-text: #1a1a1a;\n    --gkb-text-light: #5a5a5a;\n    --gkb-border: #e0e0e0;\n    --gkb-shadow: 0 4px 24px rgba(0,0,0,.08);\n    --gkb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n    --gkb-radius: 20px;\n    --gkb-radius-sm: 12px;\n  }\n\n  .gkb-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--gkb-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--gkb-text);\n  }\n\n  \/* HERO *\/\n  .gkb-hero {\n    position: relative;\n    background: linear-gradient(135deg, #2d7a3e 0%, #3d9a52 50%, #1e5a2c 100%);\n    border-radius: var(--gkb-radius);\n    padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n    margin-bottom: clamp(2.5rem, 5vw, 4rem);\n    overflow: hidden;\n    box-shadow: var(--gkb-shadow-lg);\n  }\n\n  .gkb-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%);\n    opacity: .6;\n  }\n\n  .gkb-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .gkb-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(28px, 7vw, 52px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.2);\n    line-height: 1.1;\n  }\n\n  .gkb-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(16px, 3vw, 22px);\n    font-weight: 600;\n    margin: 0 0 1.5rem 0;\n    font-style: italic;\n  }\n\n  .gkb-description {\n    color: rgba(255,255,255,.92);\n    font-size: clamp(14px, 2.3vw, 17px);\n    line-height: 1.7;\n    margin: 0 auto;\n    max-width: 720px;\n  }\n\n  .gkb-description strong {\n    color: white;\n    font-weight: 700;\n  }\n\n  \/* BADGES *\/\n  .gkb-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .gkb-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    background: rgba(255,255,255,.95);\n    backdrop-filter: blur(10px);\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--gkb-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .gkb-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  \/* SECTIONS *\/\n  .gkb-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .gkb-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--gkb-primary-dark);\n    margin-bottom: clamp(1.25rem, 3vw, 2rem);\n    text-align: center;\n    letter-spacing: -.03em;\n    position: relative;\n    padding-bottom: 1rem;\n    line-height: 1.2;\n  }\n\n  .gkb-premium h2::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 4px;\n    background: linear-gradient(90deg, var(--gkb-primary), var(--gkb-secondary));\n    border-radius: 2px;\n  }\n\n  .gkb-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--gkb-text-light);\n    margin: 0 auto 1.75rem;\n    max-width: 720px;\n    line-height: 1.7;\n  }\n\n  .gkb-section-intro strong {\n    color: var(--gkb-primary-dark);\n  }\n\n  \/* CARDS *\/\n  .gkb-card {\n    background: var(--gkb-white);\n    border-radius: var(--gkb-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--gkb-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .gkb-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--gkb-shadow-lg);\n    border-color: var(--gkb-primary);\n  }\n\n  .gkb-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--gkb-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .gkb-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--gkb-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .gkb-card-highlight {\n    background: linear-gradient(135deg, var(--gkb-primary-light) 0%, #ffffff 100%);\n    border-color: var(--gkb-primary);\n  }\n\n  \/* GRILLES *\/\n  .gkb-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .gkb-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .gkb-grid-compact .gkb-card {\n    padding: 1rem;\n  }\n\n  .gkb-grid-compact .gkb-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .gkb-grid-compact .gkb-card p {\n    font-size: 12px;\n  }\n\n  \/* TIMELINE *\/\n  .gkb-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  .gkb-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .gkb-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--gkb-primary), var(--gkb-secondary));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(45,122,62,.3);\n  }\n\n  .gkb-timeline-content {\n    flex: 1;\n    background: var(--gkb-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--gkb-radius-sm);\n    box-shadow: var(--gkb-shadow);\n  }\n\n  .gkb-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--gkb-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .gkb-timeline-content p {\n    font-size: 14px;\n    color: var(--gkb-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  \/* ACCORDÉON *\/\n  .gkb-accordion {\n    background: var(--gkb-white);\n    border-radius: var(--gkb-radius);\n    box-shadow: var(--gkb-shadow);\n    overflow: hidden;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .gkb-accordion-item {\n    border-bottom: 1px solid var(--gkb-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .gkb-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .gkb-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--gkb-primary-dark);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    list-style: none;\n    transition: background .2s ease;\n    background: transparent;\n    border: none;\n    margin: 0;\n  }\n\n  .gkb-accordion-header:hover {\n    background: var(--gkb-primary-light);\n  }\n\n  .gkb-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .gkb-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--gkb-primary);\n    transition: transform .2s ease;\n  }\n\n  .gkb-accordion-item[open] .gkb-accordion-header::after {\n    content: '−';\n  }\n\n  .gkb-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--gkb-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .gkb-accordion-content p {\n    margin: 0;\n  }\n\n  .gkb-accordion-content strong {\n    color: var(--gkb-primary-dark);\n  }\n\n  \/* TIP *\/\n  .gkb-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--gkb-primary-light);\n    border-left: 4px solid var(--gkb-primary);\n    border-radius: var(--gkb-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.5rem;\n  }\n\n  .gkb-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .gkb-tip p {\n    font-size: 14px;\n    color: var(--gkb-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .gkb-tip strong {\n    color: var(--gkb-primary-dark);\n  }\n\n  \/* CTA *\/\n  .gkb-cta-box {\n    background: linear-gradient(135deg, var(--gkb-primary) 0%, var(--gkb-primary-dark) 100%);\n    border-radius: var(--gkb-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--gkb-shadow-lg);\n  }\n\n  .gkb-cta-box::before {\n    content: '';\n    position: absolute;\n    top: -50%;\n    right: -20%;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n    pointer-events: none;\n  }\n\n  .gkb-cta-box p {\n    color: white;\n    font-size: clamp(15px, 2.5vw, 19px);\n    line-height: 1.7;\n    font-weight: 600;\n    text-shadow: 0 2px 12px rgba(0,0,0,.1);\n    margin: 0;\n    position: relative;\n    z-index: 1;\n  }\n\n  .gkb-cta-box strong {\n    color: #ffe8a8;\n  }\n\n  \/* DISCLAIMER *\/\n  .gkb-disclaimer {\n    font-size: 12px;\n    color: var(--gkb-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 767px) {\n    .gkb-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .gkb-card {\n      padding: 1.125rem;\n    }\n    .gkb-section {\n      margin-bottom: 1.75rem;\n    }\n    .gkb-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--gkb-radius-sm);\n    }\n    .gkb-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .gkb-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .gkb-grid-compact {\n      gap: .625rem;\n    }\n    .gkb-grid-compact .gkb-card {\n      padding: .75rem;\n    }\n    .gkb-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .gkb-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .gkb-timeline-content h3 {\n      font-size: 14px;\n    }\n    .gkb-timeline-content p {\n      font-size: 13px;\n    }\n    .gkb-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .gkb-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  \/* ANIMATIONS *\/\n  @media (prefers-reduced-motion: no-preference) {\n    .gkb-card {\n      animation: gkbFadeInUp .5s ease backwards;\n    }\n    .gkb-card:nth-child(1) { animation-delay: .05s; }\n    .gkb-card:nth-child(2) { animation-delay: .1s; }\n    .gkb-card:nth-child(3) { animation-delay: .15s; }\n    .gkb-card:nth-child(4) { animation-delay: .2s; }\n    .gkb-card:nth-child(5) { animation-delay: .25s; }\n    .gkb-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes gkbFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .gkb-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754712260765,"sku":"NBAISUP0018","price":18.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginkgo-biloba-bio-coffret-20-ampoules-de-15ml-superdiet-packshothd.webp?v=1776358852"},{"product_id":"quatuor-sommeil-paisible-bio-20-ampoules-superdiet","title":"Quatuor Sommeil Paisible Bio 20 Ampoules - Superdiet","description":"\u003cdiv class=\"sp-premium\"\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🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e🇫🇷 Plantes françaises\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e🌙 Sans mélatonine\u003c\/span\u003e\n        \u003cspan class=\"sp-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sp-hero-title\"\u003eQuatuor Sommeil Paisible Bio\u003c\/span\u003e\n      \u003cp class=\"sp-subtitle\"\u003e20 ampoules buvables — Superdiet\u003c\/p\u003e\n      \u003cp class=\"sp-description\"\u003eRetrouvez des nuits apaisées grâce à la synergie de 4 plantes biologiques françaises, concentrées selon la méthode Canopée pour une efficacité renforcée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003cp class=\"sp-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire sommeil\u003c\/strong\u003e efficace, naturel et sans mélatonine ? Le \u003cstrong\u003eQuatuor Sommeil Paisible Bio de Superdiet\u003c\/strong\u003e associe la force de quatre plantes françaises biologiques, soigneusement sélectionnées pour favoriser un \u003cstrong\u003esommeil réparateur\u003c\/strong\u003e et des nuits apaisées. Présenté en ampoules buvables, il offre une formule concentrée et une assimilation rapide, idéale pour retrouver un rythme nocturne harmonieux.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complément alimentaire pour le sommeil ?\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003eLes nuits agitées, les difficultés d'endormissement ou les réveils fréquents peuvent vite impacter votre qualité de vie. Ce \u003cstrong\u003ecomplément alimentaire naturel sommeil\u003c\/strong\u003e a été pensé pour celles et ceux qui souhaitent une alternative douce, 100 % végétale et \u003cstrong\u003esans mélatonine\u003c\/strong\u003e. Grâce à la méthode Canopée de Superdiet, la formule contient +125 % d'actifs par rapport à une formule classique, pour une efficacité renforcée à chaque prise.\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid-compact\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌿 100% plantes bio\u003c\/h3\u003e\n        \u003cp\u003ePlantes françaises issues de l'agriculture biologique certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌱 Vegan \u0026amp; pur\u003c\/h3\u003e\n        \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eÉlaboré dans les Hauts-de-France par Superdiet\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e📅 Cure de 20 jours\u003c\/h3\u003e\n        \u003cp\u003e20 ampoules buvables de 10 ml — 1 par jour\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eComposition : 4 plantes bio aux vertus reconnues\u003c\/h2\u003e\n    \u003cp class=\"sp-section-intro\"\u003ePour chaque ampoule de 10 ml, vous bénéficiez d'un dosage concentré en extraits de plantes :\u003c\/p\u003e\n    \u003cdiv class=\"sp-grid\"\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌾 Angélique Bio — 490 mg\u003c\/h3\u003e\n        \u003cp\u003ePlante traditionnellement utilisée pour favoriser la détente et le bien-être nocturne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌸 Passiflore Bio — 340 mg\u003c\/h3\u003e\n        \u003cp\u003eReconnue pour ses propriétés relaxantes, elle contribue à un \u003cstrong\u003esommeil profond\u003c\/strong\u003e et à la réduction de la nervosité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌼 Eschscholtzia Bio — 300 mg\u003c\/h3\u003e\n        \u003cp\u003eAussi appelée pavot de Californie, elle aide à favoriser l'endormissement en douceur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sp-card\"\u003e\n        \u003ch3\u003e🌺 Aubépine Bio — 150 mg\u003c\/h3\u003e\n        \u003cp\u003ePlante apaisante, elle soutient la relaxation avant le coucher.\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\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e eau, jus concentré de raisin bio, jus concentré de citron bio.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eConseils 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\u003eAgitez l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eSecouez bien votre ampoule avant emploi pour homogénéiser la formule.\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\u003eCassez aux deux extrémités\u003c\/h3\u003e\n          \u003cp\u003eOuvrez l'ampoule délicatement aux deux bouts pour en faciliter l'écoulement.\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\u003eVersez \u0026amp; dégustez\u003c\/h3\u003e\n          \u003cp\u003eDirectement en bouche ou dilué dans un peu d'eau, 30 minutes avant le coucher.\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\u003eSuivez une cure complète\u003c\/h3\u003e\n          \u003cp\u003e1 ampoule par jour pendant 20 jours, renouvelable si besoin pour des résultats optimaux.\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\u003ePrécautions :\u003c\/strong\u003e ne pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes, allaitantes et aux enfants de moins de 12 ans. Demandez l'avis de votre médecin en cas de traitement médicamenteux. Ce \u003cstrong\u003ecomplément sommeil\u003c\/strong\u003e ne se substitue pas à une alimentation variée, é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\n  \u003csection class=\"sp-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"sp-accordion\"\u003e\n      \u003cdetails class=\"sp-accordion-item\"\u003e\n        \u003csummary class=\"sp-accordion-header\"\u003e🌙 Ce complément contient-il de la mélatonine ?\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eNon, il s'agit d'un \u003cstrong\u003ecomplément alimentaire sommeil sans mélatonine\u003c\/strong\u003e, composé uniquement de plantes biologiques françaises.\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⏱️ Au bout de combien de temps voit-on des résultats ?\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes effets varient selon chaque personne. Une cure complète de 20 jours permet généralement d'évaluer les bienfaits sur la qualité de vos nuits.\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💊 Peut-on l'associer à d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, notamment avec du magnésium en cas de stress. En cas de doute, demandez conseil à votre pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLe savoir-faire Superdiet\u003c\/h2\u003e\n    \u003cdiv class=\"sp-cta-box\"\u003e\n      \u003cp\u003eDepuis plus de 60 ans, Superdiet cultive une passion pour les plantes et le naturel. Installé dans les Hauts-de-France, le laboratoire s'engage pour votre bien-être avec des formules authentiques, respectueuses de l'environnement et issues d'une agriculture biologique certifiée. Avec le \u003cstrong\u003eQuatuor Sommeil Paisible Bio\u003c\/strong\u003e, vous bénéficiez d'un savoir-faire français reconnu pour retrouver des nuits vraiment paisibles.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sp-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée, ni un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sp-cream: #f4f1ea;\n  --sp-white: #ffffff;\n  --sp-primary: #2d4a6b;\n  --sp-primary-dark: #1e3451;\n  --sp-primary-light: #e6edf4;\n  --sp-secondary: #5a7fa3;\n  --sp-accent: #c0392b;\n  --sp-text: #1a1a1a;\n  --sp-text-light: #5a5a5a;\n  --sp-border: #e0e0e0;\n  --sp-shadow: 0 4px 24px rgba(45,74,107,.08);\n  --sp-shadow-lg: 0 12px 48px rgba(45,74,107,.18);\n  --sp-radius: 20px;\n  --sp-radius-sm: 12px;\n}\n\n.sp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--sp-text);\n  line-height: 1.6;\n}\n\n.sp-premium p { margin: 0 0 1rem 0; }\n.sp-premium p:last-child { margin-bottom: 0; }\n.sp-premium strong { color: var(--sp-primary-dark); font-weight: 700; }\n\n\/* === HERO === *\/\n.sp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d4a6b 0%, #3d5f85 50%, #5a7fa3 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,.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.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  line-height: 1.1;\n}\n\n.sp-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.sp-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\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 { transform: translateY(-2px) scale(1.05); }\n\n\/* === SECTIONS === *\/\n.sp-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\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.2;\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.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.75rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.75;\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.sp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sp-grid-compact .sp-card { padding: 1rem; }\n.sp-grid-compact .sp-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.sp-grid-compact .sp-card p { font-size: 12px; }\n\n\/* === TIMELINE === *\/\n.sp-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.sp-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.sp-timeline-number {\n  flex-shrink: 0;\n  width: 40px; 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  box-shadow: 0 4px 12px rgba(45,74,107,.3);\n}\n\n.sp-timeline-content {\n  flex: 1;\n  background: var(--sp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sp-radius-sm);\n  box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n  font-size: 14px;\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\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.5rem;\n  border-left: 4px solid var(--sp-primary);\n}\n\n.sp-tip-icon { font-size: 24px; flex-shrink: 0; line-height: 1.2; }\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 { border-bottom: 1px solid var(--sp-border); margin: 0; padding: 0; }\n.sp-accordion-item:last-child { border-bottom: none; }\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}\n\n.sp-accordion-header:hover { background: var(--sp-primary-light); }\n.sp-accordion-header::-webkit-details-marker { display: none; }\n\n.sp-accordion-header::after {\n  content: '+';\n  font-size: 24px;\n  font-weight: 400;\n  color: var(--sp-primary);\n  transition: transform .2s ease;\n  margin-left: 1rem;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after { content: '−'; }\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}\n\n.sp-accordion-content p { margin: 0; }\n.mt-3 { margin-top: 10px; }\n\n\/* === CTA === *\/\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  box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.8;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.sp-cta-box strong { color: white; font-weight: 800; }\n\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 === *\/\n@media (max-width: 767px) {\n  .sp-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .sp-card { padding: 1.125rem; }\n  .sp-section { margin-bottom: 1.75rem; }\n  .sp-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--sp-radius-sm); }\n  .sp-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .sp-premium h2::after { width: 40px; height: 3px; }\n  .sp-grid-compact { gap: .625rem; }\n  .sp-grid-compact .sp-card { padding: .75rem; }\n  .sp-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .sp-timeline-content { padding: .875rem 1rem; }\n  .sp-timeline-content h3 { font-size: 14px; }\n  .sp-timeline-content p { font-size: 13px; }\n  .sp-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .sp-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n  .sp-tip { padding: .875rem 1rem; }\n  .sp-tip p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .sp-card { animation: fadeInUp .5s ease backwards; }\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 fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\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":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754712359069,"sku":"NBAISUP0044","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-sommeil-paisible-bio-20-ampoules-superdiet-packshothd.webp?v=1776409314"},{"product_id":"drainaflore-bio-20-ampoules-superdiet","title":"Drainaflore Bio - 20 ampoules - Superdiet","description":"\u003cdiv class=\"draina-premium\"\u003e\n  \u003cdiv class=\"draina-hero\"\u003e\n    \u003cdiv class=\"draina-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"draina-hero-content\"\u003e\n      \u003cdiv class=\"draina-badges-top\"\u003e\n        \u003cspan class=\"draina-badge\"\u003e🌿 15 plantes \u0026amp; fruits bio\u003c\/span\u003e\n        \u003cspan class=\"draina-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"draina-badge\"\u003e🏆 Meilleur Produit Bio 2022\u003c\/span\u003e\n        \u003cspan class=\"draina-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"draina-hero-title\"\u003eDrainaflore Bio Superdiet\u003c\/span\u003e\n      \u003cp class=\"draina-subtitle\"\u003eLa cure détox complète des 5 émonctoires\u003c\/p\u003e\n      \u003cp class=\"draina-description\"\u003e20 ampoules · 7 189 mg d'extraits végétaux · Nouvelle formule au meilleur goût pour une cure de 20 jours qui relance votre vitalité en douceur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"draina-section\"\u003e\n    \u003ch2\u003eDrainaflore Bio Superdiet : la cure détox naturelle des 5 émonctoires\u003c\/h2\u003e\n    \u003cp class=\"draina-section-intro\"\u003eVous cherchez un complément alimentaire de drainage efficace pour aider votre organisme à éliminer les toxines accumulées ? Drainaflore Bio de Superdiet vous propose une formule unique, réunissant \u003cstrong\u003e15 plantes et fruits biologiques\u003c\/strong\u003e soigneusement sélectionnés pour stimuler les \u003cstrong\u003e5 émonctoires\u003c\/strong\u003e : foie, reins, intestins, poumons et peau. Une véritable cure détox de 20 jours, en ampoules pratiques, pensée pour relancer votre vitalité après les excès, les changements de saison ou lorsque votre corps a besoin d'un coup de pouce.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"draina-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Drainaflore Bio Détox ?\u003c\/h2\u003e\n    \u003cp class=\"draina-section-intro\"\u003eContrairement à de nombreux produits qui ciblent un seul organe, Drainaflore Bio Détox agit en synergie sur l'ensemble des voies d'élimination du corps. Avec \u003cstrong\u003e7 189 mg d'extraits végétaux par ampoule\u003c\/strong\u003e, cette formule concentrée offre une approche globale et respectueuse du rythme naturel de l'organisme.\u003c\/p\u003e\n    \u003cdiv class=\"draina-grid\"\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🫀 Foie\u003c\/h3\u003e\n        \u003cp\u003eLa chicorée contribue à protéger le foie des toxines accumulées au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e💧 Reins\u003c\/h3\u003e\n        \u003cp\u003eLe sureau favorise l'élimination rénale de l'eau et le drainage naturel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🌾 Intestins\u003c\/h3\u003e\n        \u003cp\u003eLe fenouil soutient un bon transit intestinal et le confort digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🌬️ Poumons\u003c\/h3\u003e\n        \u003cp\u003eLe pin sylvestre participe au bien-être des voies respiratoires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e✨ Peau\u003c\/h3\u003e\n        \u003cp\u003eLa bardane et l'ortie sont reconnues pour aider au maintien d'une peau nette.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🌿 Synergie globale\u003c\/h3\u003e\n        \u003cp\u003eUne action complète et harmonieuse sur l'ensemble des voies d'élimination du corps.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"draina-tip\"\u003e\n      \u003cspan class=\"draina-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eBien qu'elle ne remplace pas une cure thermale de drainage lymphatique, cette formule reste une alternative naturelle, accessible et facile à intégrer dans votre quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"draina-section\"\u003e\n    \u003ch2\u003eComposition : 15 plantes et fruits bio\u003c\/h2\u003e\n    \u003cp class=\"draina-section-intro\"\u003eChaque ampoule de 15 ml contient un extrait aqueux concentré issu d'une sélection rigoureuse de plantes et fruits biologiques.\u003c\/p\u003e\n    \u003cdiv class=\"draina-grid-compact\"\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🌳 Bouleau\u003c\/h3\u003e\n        \u003cp\u003eFeuille · détoxification\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🌼 Chicorée\u003c\/h3\u003e\n        \u003cp\u003eRacine · protection hépatique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🫐 Sureau noir\u003c\/h3\u003e\n        \u003cp\u003eFruit · drainage rénal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🌾 Fenouil\u003c\/h3\u003e\n        \u003cp\u003eSemence · confort digestif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🌲 Pin sylvestre\u003c\/h3\u003e\n        \u003cp\u003eBourgeon · voies respiratoires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🌿 Bardane \u0026amp; Ortie\u003c\/h3\u003e\n        \u003cp\u003eRacine \u0026amp; feuille · éclat de la peau\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🌺 Artichaut \u0026amp; Pissenlit\u003c\/h3\u003e\n        \u003cp\u003eSoutien hépato-rénal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🍃 Mélisse \u0026amp; Anis vert\u003c\/h3\u003e\n        \u003cp\u003eDigestion apaisée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🌳 Aubier de tilleul\u003c\/h3\u003e\n        \u003cp\u003eDrainage naturel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-card\"\u003e\n        \u003ch3\u003e🫐 Cassis \u0026amp; Radis noir\u003c\/h3\u003e\n        \u003cp\u003eVitalité \u0026amp; purification\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"draina-tip\"\u003e\n      \u003cspan class=\"draina-tip-icon\"\u003e🏆\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans alcool, sans conservateur, sans colorant\u003c\/strong\u003e. Produit vegan, certifié Agriculture Biologique, fabriqué en France et élu \u003cstrong\u003eMeilleur Produit Bio 2022\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"draina-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"draina-timeline\"\u003e\n      \u003cdiv class=\"draina-timeline-item\"\u003e\n        \u003cdiv class=\"draina-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"draina-timeline-content\"\u003e\n          \u003ch3\u003eAgitez avant ouverture\u003c\/h3\u003e\n          \u003cp\u003eSecouez l'ampoule pour répartir uniformément les extraits végétaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-timeline-item\"\u003e\n        \u003cdiv class=\"draina-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"draina-timeline-content\"\u003e\n          \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun, diluée dans un grand verre d'eau ou une infusion tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"draina-timeline-item\"\u003e\n        \u003cdiv class=\"draina-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"draina-timeline-content\"\u003e\n          \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eLa boîte de 20 ampoules de 15 ml correspond à une cure complète, renouvelable au printemps et à l'automne.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"draina-tip\"\u003e\n      \u003cspan class=\"draina-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003ePour optimiser les résultats : buvez au moins 1,5 L d'eau par jour, privilégiez les fruits, légumes et aliments peu transformés, pratiquez une activité physique régulière et limitez l'alcool, le café et les graisses saturées.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"draina-section\"\u003e\n    \u003ch2\u003eQue pensent nos clients de Drainaflore Bio Détox ?\u003c\/h2\u003e\n    \u003cdiv class=\"draina-testimonial\"\u003e\n      \u003cp class=\"draina-testimonial-text\"\u003e\"Les utilisateurs apprécient la nouvelle formule au meilleur goût, beaucoup plus agréable que les précédentes générations de détox en ampoules. Les retours soulignent une sensation de légèreté, un meilleur confort digestif et un teint plus éclatant après quelques jours de cure.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"draina-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"draina-accordion\"\u003e\n      \u003cdetails class=\"draina-accordion-item\"\u003e\n        \u003csummary class=\"draina-accordion-header\"\u003e⚠️ Usage et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"draina-accordion-item\"\u003e\n        \u003csummary class=\"draina-accordion-header\"\u003e💊 Interactions \u0026amp; conseils médicaux\u003c\/summary\u003e\n        \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médicamenteux, demandez conseil à votre médecin ou pharmacien avant d'entamer la cure. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"draina-accordion-item\"\u003e\n        \u003csummary class=\"draina-accordion-header\"\u003e🔒 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants. Conserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"draina-disclaimer\"\u003eCe produit est un complément alimentaire et ne peut se substituer à une alimentation équilibrée et à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --draina-cream: #f4f9fc;\n    --draina-white: #ffffff;\n    --draina-primary: #2a8fbd;\n    --draina-primary-dark: #1a5f82;\n    --draina-primary-light: #e3f1f9;\n    --draina-secondary: #6ab04c;\n    --draina-accent: #e94e3a;\n    --draina-text: #1a2b3a;\n    --draina-text-light: #5a6a78;\n    --draina-border: #dce8ef;\n    --draina-shadow: 0 4px 24px rgba(26, 95, 130, .08);\n    --draina-shadow-lg: 0 12px 48px rgba(26, 95, 130, .15);\n    --draina-radius: 20px;\n    --draina-radius-sm: 12px;\n  }\n\n  .draina-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--draina-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--draina-text);\n    line-height: 1.6;\n  }\n\n  .draina-hero {\n    position: relative;\n    background: linear-gradient(135deg, #2a8fbd 0%, #3fa9c9 50%, #6ab04c 100%);\n    border-radius: var(--draina-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(--draina-shadow-lg);\n  }\n\n  .draina-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n                      radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n                      radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n    background-size: 80px 80px, 120px 120px, 40px 40px;\n    opacity: .08;\n  }\n\n  .draina-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .draina-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  .draina-subtitle {\n    color: white;\n    font-size: clamp(16px, 3vw, 22px);\n    font-weight: 600;\n    margin: 0 0 1.25rem 0;\n    opacity: .95;\n  }\n\n  .draina-description {\n    color: white;\n    font-size: clamp(14px, 2.2vw, 17px);\n    max-width: 700px;\n    margin: 0 auto;\n    opacity: .92;\n    line-height: 1.7;\n  }\n\n  .draina-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .draina-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(--draina-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .draina-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .draina-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .draina-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--draina-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  .draina-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(--draina-primary), var(--draina-secondary));\n    border-radius: 2px;\n  }\n\n  .draina-section-intro {\n    text-align: center;\n    font-size: clamp(14px, 2.3vw, 16px);\n    color: var(--draina-text-light);\n    margin-bottom: 1.75rem;\n    max-width: 760px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.75;\n  }\n\n  .draina-section-intro strong {\n    color: var(--draina-primary-dark);\n  }\n\n  .draina-card {\n    background: var(--draina-white);\n    border-radius: var(--draina-radius);\n    padding: clamp(1.25rem, 3vw, 1.75rem);\n    box-shadow: var(--draina-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .draina-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--draina-shadow-lg);\n    border-color: var(--draina-primary);\n  }\n\n  .draina-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--draina-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .draina-card p {\n    font-size: clamp(13px, 2vw, 14px);\n    color: var(--draina-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .draina-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .draina-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .draina-grid-compact .draina-card {\n    padding: 1rem;\n  }\n\n  .draina-grid-compact .draina-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .draina-grid-compact .draina-card p {\n    font-size: 12px;\n  }\n\n  .draina-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .draina-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .draina-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--draina-primary), var(--draina-secondary));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(42, 143, 189, .3);\n  }\n\n  .draina-timeline-content {\n    flex: 1;\n    background: var(--draina-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--draina-radius-sm);\n    box-shadow: var(--draina-shadow);\n  }\n\n  .draina-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--draina-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .draina-timeline-content p {\n    font-size: 14px;\n    color: var(--draina-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .draina-testimonial {\n    background: var(--draina-white);\n    border-radius: var(--draina-radius);\n    padding: clamp(1.5rem, 4vw, 2.5rem);\n    box-shadow: var(--draina-shadow);\n    border-left: 4px solid var(--draina-primary);\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .draina-testimonial-text {\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--draina-text);\n    line-height: 1.8;\n    font-style: italic;\n    margin: 0;\n  }\n\n  .draina-accordion {\n    background: var(--draina-white);\n    border-radius: var(--draina-radius);\n    box-shadow: var(--draina-shadow);\n    overflow: hidden;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n\n  .draina-accordion-item {\n    border-bottom: 1px solid var(--draina-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .draina-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .draina-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--draina-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  .draina-accordion-header:hover {\n    background: var(--draina-primary-light);\n  }\n\n  .draina-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .draina-accordion-header::after {\n    content: '+';\n    font-size: 20px;\n    font-weight: 400;\n    color: var(--draina-primary);\n    transition: transform .2s ease;\n  }\n\n  .draina-accordion-item[open] .draina-accordion-header::after {\n    content: '−';\n  }\n\n  .draina-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--draina-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .draina-accordion-content p {\n    margin: 0;\n  }\n\n  .draina-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--draina-primary-light);\n    border-radius: var(--draina-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.5rem;\n  }\n\n  .draina-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .draina-tip p {\n    font-size: 14px;\n    color: var(--draina-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .draina-disclaimer {\n    font-size: 12px;\n    color: var(--draina-text-light);\n    text-align: center;\n    margin-top: 1.25rem;\n    font-style: italic;\n  }\n\n  @media (max-width: 767px) {\n    .draina-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .draina-card { padding: 1.125rem; }\n    .draina-section { margin-bottom: 1.75rem; }\n    .draina-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--draina-radius-sm);\n    }\n    .draina-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .draina-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .draina-grid-compact {\n      gap: .625rem;\n    }\n    .draina-grid-compact .draina-card {\n      padding: .75rem;\n    }\n    .draina-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .draina-timeline-content { padding: .875rem 1rem; }\n    .draina-timeline-content h3 { font-size: 14px; }\n    .draina-timeline-content p { font-size: 13px; }\n    .draina-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .draina-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n    .draina-testimonial { padding: 1.25rem; }\n    .draina-testimonial-text { font-size: 14px; }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .draina-card {\n      animation: fadeInUp .5s ease backwards;\n    }\n    .draina-card:nth-child(1) { animation-delay: .05s; }\n    .draina-card:nth-child(2) { animation-delay: .1s; }\n    .draina-card:nth-child(3) { animation-delay: .15s; }\n    .draina-card:nth-child(4) { animation-delay: .2s; }\n    .draina-card:nth-child(5) { animation-delay: .25s; }\n    .draina-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    .draina-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":45754712785053,"sku":"NBAISUP0038","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/superdiet-drainaflore-drainage-detox.webp?v=1758627994"},{"product_id":"aubier-de-tilleul-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Aubier de Tilleul Bio - 20 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"atil-premium\"\u003e\n  \u003cdiv class=\"atil-hero\"\u003e\n    \u003cdiv class=\"atil-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"atil-hero-content\"\u003e\n      \u003cdiv class=\"atil-badges-top\"\u003e\n        \u003cspan class=\"atil-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"atil-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"atil-badge\"\u003e💧 +125% d'actifs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"atil-hero-title\"\u003eAubier de Tilleul Bio\u003c\/span\u003e\n      \u003cp class=\"atil-subtitle\"\u003e20 ampoules de 15 ml — Superdiet\u003c\/p\u003e\n      \u003cp class=\"atil-description\"\u003eEnvie de retrouver un \u003cstrong\u003econfort digestif\u003c\/strong\u003e et de soutenir naturellement les fonctions d'élimination de votre organisme ? L'Aubier de Tilleul Bio de Superdiet concentre toute la richesse de cette partie tendre et précieuse du tilleul, utilisée depuis des siècles en phytothérapie traditionnelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"atil-section\"\u003e\n    \u003ch2\u003eQu'est-ce que l'aubier de tilleul ?\u003c\/h2\u003e\n    \u003cp class=\"atil-section-intro\"\u003eL'aubier correspond à la couche de bois tendre située \u003cstrong\u003eentre l'écorce et le cœur du tronc\u003c\/strong\u003e. C'est dans cette partie que circule la sève, particulièrement riche en principes actifs.\u003c\/p\u003e\n    \u003cdiv class=\"atil-grid\"\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e🌳 Une partie précieuse\u003c\/h3\u003e\n        \u003cp\u003eLe bois tendre où circule la sève, riche en principes actifs naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e📜 Usage traditionnel\u003c\/h3\u003e\n        \u003cp\u003eConsommé en tisane ou en décoction depuis des siècles en phytothérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e🔬 Méthode Canopée\u003c\/h3\u003e\n        \u003cp\u003eExtraction soignée offrant une formule concentrée à \u003cstrong\u003e+125 % d'actifs\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"atil-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'aubier de tilleul\u003c\/h2\u003e\n    \u003cdiv class=\"atil-grid\"\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eContribue au bien-être digestif au quotidien, notamment après des repas copieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e💧 Élimination rénale\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'élimination rénale de l'eau pour un meilleur équilibre hydrique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e🍃 Drainage naturel\u003c\/h3\u003e\n        \u003cp\u003eSoutient les fonctions naturelles de drainage du foie et des reins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e✨ Purification\u003c\/h3\u003e\n        \u003cp\u003eParticipe à la purification de l'organisme et à l'élimination des toxines.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"atil-tip\"\u003e\n      \u003cspan class=\"atil-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUne solution idéale lors des \u003cstrong\u003ecures détox saisonnières\u003c\/strong\u003e, après des repas copieux ou pour accompagner un mode de vie plus sain. Contrairement à une simple tisane, le format ampoule garantit un dosage précis et une concentration optimale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"atil-section\"\u003e\n    \u003ch2\u003eComposition de l'ampoule\u003c\/h2\u003e\n    \u003cp class=\"atil-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 1 ampoule de 15 ml :\u003c\/strong\u003e extrait fluide d'aubier de tilleul* (2000 mg**), eau purifiée.\u003c\/p\u003e\n    \u003cdiv class=\"atil-grid-compact\"\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e🌱 2000 mg\u003c\/h3\u003e\n        \u003cp\u003eD'aubier de tilleul par ampoule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e🏔️ Roussillon (38)\u003c\/h3\u003e\n        \u003cp\u003eOrigine française sélectionnée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e🌿 100% Vegan\u003c\/h3\u003e\n        \u003cp\u003eSans alcool, sans conservateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"atil-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique. **Équivalence en plantes sèches.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"atil-section\"\u003e\n    \u003ch2\u003eComment prendre les ampoules d'aubier de tilleul bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"atil-timeline\"\u003e\n      \u003cdiv class=\"atil-timeline-item\"\u003e\n        \u003cdiv class=\"atil-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"atil-timeline-content\"\u003e\n          \u003ch3\u003eSecouez l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eAgitez bien avant emploi pour homogénéiser l'extrait.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-timeline-item\"\u003e\n        \u003cdiv class=\"atil-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"atil-timeline-content\"\u003e\n          \u003ch3\u003eDiluez dans un demi-verre d'eau\u003c\/h3\u003e\n          \u003cp\u003eVersez le contenu d'1 ampoule dans un peu d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-timeline-item\"\u003e\n        \u003cdiv class=\"atil-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"atil-timeline-content\"\u003e\n          \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le soir avant le coucher.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-timeline-item\"\u003e\n        \u003cdiv class=\"atil-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"atil-timeline-content\"\u003e\n          \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eRenouvelable selon vos besoins, notamment aux changements de saison.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"atil-tip\"\u003e\n      \u003cspan class=\"atil-tip-icon\"\u003e🌟\u003c\/span\u003e\n      \u003cp\u003ePour une routine bien-être complète, associez votre cure à une alimentation équilibrée, une bonne hydratation et une activité physique régulière.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"atil-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'aubier de tilleul Superdiet ?\u003c\/h2\u003e\n    \u003cdiv class=\"atil-grid-compact\"\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire reconnu depuis 1961\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e⚗️ Méthode Canopée\u003c\/h3\u003e\n        \u003cp\u003e+125 % d'actifs vs extraction classique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-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=\"atil-card\"\u003e\n        \u003ch3\u003e🏔️ Tilleul du Roussillon\u003c\/h3\u003e\n        \u003cp\u003eOrigine française d'exception\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e📅 20 jours de cure\u003c\/h3\u003e\n        \u003cp\u003e1 ampoule par jour, format pratique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"atil-card\"\u003e\n        \u003ch3\u003e💧 Assimilation rapide\u003c\/h3\u003e\n        \u003cp\u003eDosage précis et saveur authentique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"atil-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"atil-accordion\"\u003e\n      \u003cdetails class=\"atil-accordion-item\"\u003e\n        \u003csummary class=\"atil-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n        \u003cdiv class=\"atil-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. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"atil-accordion-item\"\u003e\n        \u003csummary class=\"atil-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"atil-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"atil-accordion-item\"\u003e\n        \u003csummary class=\"atil-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"atil-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médical ou de doute, demandez conseil à votre médecin ou pharmacien. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --atil-cream: #f7f3f7;\n  --atil-white: #ffffff;\n  --atil-primary: #7a3b7a;\n  --atil-primary-dark: #5a2a5a;\n  --atil-primary-light: #ede3ed;\n  --atil-secondary: #8fa84e;\n  --atil-accent: #c49a3f;\n  --atil-text: #2a1a2a;\n  --atil-text-light: #6a5a6a;\n  --atil-border: #e5dce5;\n  --atil-shadow: 0 4px 24px rgba(90,42,90,.08);\n  --atil-shadow-lg: 0 12px 48px rgba(90,42,90,.18);\n  --atil-radius: 20px;\n  --atil-radius-sm: 12px;\n}\n\n.atil-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--atil-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--atil-text);\n}\n\n.atil-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7a3b7a 0%, #8fa84e 60%, #c49a3f 100%);\n  border-radius: var(--atil-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(--atil-shadow-lg);\n}\n\n.atil-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) 2px, transparent 3px),\n                    radial-gradient(circle at 70% 60%, rgba(255,255,255,.2) 3px, transparent 4px),\n                    radial-gradient(circle at 40% 80%, rgba(255,255,255,.25) 2px, transparent 3px);\n  background-size: 120px 120px, 180px 180px, 150px 150px;\n  opacity: .4;\n}\n\n.atil-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.atil-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.atil-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n}\n\n.atil-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.atil-description strong { color: #fff; }\n\n.atil-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.atil-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(--atil-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.atil-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.atil-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.atil-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--atil-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.atil-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(--atil-primary), var(--atil-secondary));\n  border-radius: 2px;\n}\n\n.atil-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--atil-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.atil-section-intro strong { color: var(--atil-primary-dark); }\n\n.atil-card {\n  background: var(--atil-white);\n  border-radius: var(--atil-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--atil-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.atil-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--atil-shadow-lg);\n  border-color: var(--atil-primary);\n}\n\n.atil-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--atil-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.atil-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--atil-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.atil-card p strong { color: var(--atil-primary-dark); }\n\n.atil-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.atil-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.atil-grid-compact .atil-card {\n  padding: 1rem;\n}\n\n.atil-grid-compact .atil-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.atil-grid-compact .atil-card p {\n  font-size: 12px;\n}\n\n.atil-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.atil-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.atil-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--atil-primary), var(--atil-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.atil-timeline-content {\n  flex: 1;\n  background: var(--atil-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--atil-radius-sm);\n  box-shadow: var(--atil-shadow);\n}\n\n.atil-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--atil-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.atil-timeline-content p {\n  font-size: 14px;\n  color: var(--atil-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.atil-accordion {\n  background: var(--atil-white);\n  border-radius: var(--atil-radius);\n  box-shadow: var(--atil-shadow);\n  overflow: hidden;\n}\n\n.atil-accordion-item {\n  border-bottom: 1px solid var(--atil-border);\n  margin: 0;\n  padding: 0;\n}\n\n.atil-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.atil-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--atil-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.atil-accordion-header:hover {\n  background: var(--atil-primary-light);\n}\n\n.atil-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.atil-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--atil-primary);\n  transition: transform .2s ease;\n}\n\n.atil-accordion-item[open] .atil-accordion-header::after {\n  content: '−';\n}\n\n.atil-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--atil-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.atil-accordion-content p { margin: 0; }\n\n.atil-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--atil-primary-light);\n  border-radius: var(--atil-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.atil-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.atil-tip p {\n  font-size: 14px;\n  color: var(--atil-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.atil-tip p strong { color: var(--atil-primary-dark); }\n\n.atil-disclaimer {\n  font-size: 12px;\n  color: var(--atil-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .atil-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .atil-card { padding: 1.125rem; }\n  .atil-section { margin-bottom: 1.75rem; }\n  .atil-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--atil-radius-sm);\n  }\n  .atil-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .atil-premium h2::after { width: 40px; height: 3px; }\n  .atil-grid-compact { gap: .625rem; }\n  .atil-grid-compact .atil-card { padding: .75rem; }\n  .atil-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .atil-timeline-content { padding: .875rem 1rem; }\n  .atil-timeline-content h3 { font-size: 14px; }\n  .atil-timeline-content p { font-size: 13px; }\n  .atil-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .atil-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .atil-card { animation: atilFadeInUp .5s ease backwards; }\n  .atil-card:nth-child(1) { animation-delay: .05s; }\n  .atil-card:nth-child(2) { animation-delay: .1s; }\n  .atil-card:nth-child(3) { animation-delay: .15s; }\n  .atil-card:nth-child(4) { animation-delay: .2s; }\n  .atil-card:nth-child(5) { animation-delay: .25s; }\n  .atil-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes atilFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .atil-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":45754714292381,"sku":"NBAISUP0022","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aubier-de-tilleul-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776429771"},{"product_id":"desmodium-coffret-20-ampoules-de-15-ml-superdiet","title":"Desmodium - 20 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"dsm-premium\"\u003e\n  \u003cdiv class=\"dsm-hero\"\u003e\n    \u003cdiv class=\"dsm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"dsm-hero-content\"\u003e\n      \u003cdiv class=\"dsm-badges-top\"\u003e\n        \u003cspan class=\"dsm-badge\"\u003e🌿 100% plantes\u003c\/span\u003e\n        \u003cspan class=\"dsm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"dsm-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n        \u003cspan class=\"dsm-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"dsm-hero-title\"\u003eDesmodium Superdiet\u003c\/span\u003e\n      \u003cp class=\"dsm-subtitle\"\u003eBien-être du foie · 20 ampoules de 15 ml\u003c\/p\u003e\n      \u003cp class=\"dsm-description\"\u003eUne formule concentrée 100% végétale à \u003cstrong\u003e3000 mg de Desmodium par ampoule\u003c\/strong\u003e, issue de la Méthode Canopée, pour accompagner le fonctionnement hépatique normal et soutenir la détoxication naturelle de l'organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"dsm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Desmodium Superdiet ?\u003c\/h2\u003e\n    \u003cp class=\"dsm-section-intro\"\u003eLe \u003cstrong\u003eDesmodium adscendens\u003c\/strong\u003e est une plante herbacée originaire d'Afrique équatoriale, utilisée depuis des générations dans la pharmacopée traditionnelle pour son action protectrice hépatique. Superdiet a conçu une formule liquide sans alcool, sans colorant ni conservateur, pour une assimilation optimale des principes actifs.\u003c\/p\u003e\n    \u003cdiv class=\"dsm-grid-compact\"\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e🧪 +125% d'actifs\u003c\/h3\u003e\n        \u003cp\u003eFormule plus concentrée que la version précédente\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e🌿 100% plantes\u003c\/h3\u003e\n        \u003cp\u003eVegan et fabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e🍃 Méthode Canopée\u003c\/h3\u003e\n        \u003cp\u003eLe gage de qualité signé Superdiet\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e📅 Cure de 20 jours\u003c\/h3\u003e\n        \u003cp\u003e1 ampoule par jour, simple et efficace\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dsm-section\"\u003e\n    \u003ch2\u003eLes bienfaits du Desmodium pour le foie\u003c\/h2\u003e\n    \u003cp class=\"dsm-section-intro\"\u003eLe foie est un organe essentiel : il filtre, trie et transforme en permanence ce que nous ingérons. Après une période de repas copieux, d'excès ou de fatigue, il peut avoir besoin d'un coup de pouce. C'est précisément là que le \u003cstrong\u003eDesmodium pour le foie\u003c\/strong\u003e entre en jeu.\u003c\/p\u003e\n    \u003cdiv class=\"dsm-grid\"\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e🌱 Fonctionnement hépatique\u003c\/h3\u003e\n        \u003cp\u003eParticipe au fonctionnement hépatique normal de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e🛡️ Protecteur hépatique\u003c\/h3\u003e\n        \u003cp\u003eUtilisé traditionnellement comme protecteur hépatique de référence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e💧 Drainage naturel\u003c\/h3\u003e\n        \u003cp\u003eFavorise le drainage et l'élimination naturelle de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e🍽️ Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eAccompagne le confort digestif après des excès alimentaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dsm-tip\"\u003e\n      \u003cspan class=\"dsm-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUne cure de \u003cstrong\u003eDesmodium en ampoules\u003c\/strong\u003e est particulièrement appréciée au changement de saison, après les fêtes ou lors de périodes plus chargées pour votre organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dsm-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"dsm-timeline\"\u003e\n      \u003cdiv class=\"dsm-timeline-item\"\u003e\n        \u003cdiv class=\"dsm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"dsm-timeline-content\"\u003e\n          \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eAgitez bien l'ampoule avant ouverture pour homogénéiser la formule.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-timeline-item\"\u003e\n        \u003cdiv class=\"dsm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"dsm-timeline-content\"\u003e\n          \u003ch3\u003eDiluez dans un demi-verre d'eau\u003c\/h3\u003e\n          \u003cp\u003eVersez le contenu dans un demi-verre d'eau pour une prise agréable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-timeline-item\"\u003e\n        \u003cdiv class=\"dsm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"dsm-timeline-content\"\u003e\n          \u003ch3\u003e1 ampoule par jour, le soir\u003c\/h3\u003e\n          \u003cp\u003ePrenez de préférence le soir, au cours d'un repas, pendant 20 jours. Cure renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dsm-tip\"\u003e\n      \u003cspan class=\"dsm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003ePrécautions d'emploi :\u003c\/strong\u003e déconseillé aux femmes enceintes et allaitantes, aux personnes épileptiques et aux enfants de moins de 12 ans. En cas de traitement médical (notamment pour l'hypertension), demandez conseil à votre médecin ou pharmacien. Ne remplace pas une alimentation variée et équilibrée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dsm-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"dsm-section-intro\"\u003ePour une ampoule de 10 ml, une formule épurée et 100% naturelle :\u003c\/p\u003e\n    \u003cdiv class=\"dsm-grid-compact\"\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e🌿 Desmodium 3000 mg\u003c\/h3\u003e\n        \u003cp\u003eExtrait aqueux concentré de Desmodium adscendens (feuilles)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n        \u003cp\u003ePour une formulation simple et pure\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"dsm-tip\"\u003e\n      \u003cspan class=\"dsm-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans alcool · Sans conservateur · Sans colorant · Sans édulcorant.\u003c\/strong\u003e La formule est vegan et adaptée à une consommation quotidienne pendant la durée de la cure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dsm-section\"\u003e\n    \u003ch2\u003eFabrication française et qualité Superdiet\u003c\/h2\u003e\n    \u003cdiv class=\"dsm-grid\"\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eLes ampoules sont produites en France, dans le respect strict des réglementations européennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e🍃 Méthode Canopée\u003c\/h3\u003e\n        \u003cp\u003ePlantes rigoureusement sélectionnées, traçabilité complète et respect de la plante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dsm-card\"\u003e\n        \u003ch3\u003e🧪 Concentration optimale\u003c\/h3\u003e\n        \u003cp\u003eUn procédé d'extraction qui préserve la richesse en actifs naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dsm-section\"\u003e\n    \u003ch2\u003eVos interrogations sur le Desmodium\u003c\/h2\u003e\n    \u003cdiv class=\"dsm-accordion\"\u003e\n      \u003cdetails class=\"dsm-accordion-item\"\u003e\n        \u003csummary class=\"dsm-accordion-header\"\u003e🕒 Quand prendre le Desmodium ?\u003c\/summary\u003e\n        \u003cdiv class=\"dsm-accordion-content mt-3\"\u003e\n          \u003cp\u003eIdéalement le soir, au cours d'un repas, pendant 20 jours consécutifs pour profiter pleinement de la cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dsm-accordion-item\"\u003e\n        \u003csummary class=\"dsm-accordion-header\"\u003e🔁 Combien de cures par an ?\u003c\/summary\u003e\n        \u003cdiv class=\"dsm-accordion-content mt-3\"\u003e\n          \u003cp\u003e2 à 3 cures annuelles sont généralement conseillées, notamment aux changements de saison ou après des périodes d'excès.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"dsm-accordion-item\"\u003e\n        \u003csummary class=\"dsm-accordion-header\"\u003e⚠️ Le Desmodium est-il dangereux ?\u003c\/summary\u003e\n        \u003cdiv class=\"dsm-accordion-content mt-3\"\u003e\n          \u003cp\u003eAux doses recommandées et en dehors des contre-indications, il est bien toléré. En cas de doute ou de traitement en cours, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"dsm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"dsm-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre foie une cure de douceur avec le \u003cstrong\u003eDesmodium Superdiet\u003c\/strong\u003e : 20 jours, 20 ampoules concentrées à 3000 mg, pour accompagner votre bien-être au naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"dsm-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --dsm-cream: #faf7fb;\n  --dsm-white: #ffffff;\n  --dsm-primary: #6b2d5c;\n  --dsm-primary-dark: #4a1f40;\n  --dsm-primary-light: #f3e8ef;\n  --dsm-secondary: #8fa82e;\n  --dsm-accent: #c8385f;\n  --dsm-text: #1a1a1a;\n  --dsm-text-light: #5a5a5a;\n  --dsm-border: #e8dde6;\n  --dsm-shadow: 0 4px 24px rgba(74,31,64,.08);\n  --dsm-shadow-lg: 0 12px 48px rgba(74,31,64,.18);\n  --dsm-radius: 20px;\n  --dsm-radius-sm: 12px;\n}\n\n.dsm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--dsm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--dsm-text);\n  line-height: 1.6;\n}\n\n.dsm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6b2d5c 0%, #8f3b7a 50%, #a85b3f 100%);\n  border-radius: var(--dsm-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(--dsm-shadow-lg);\n}\n\n.dsm-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%, #fff 2px, transparent 2px),\n                    radial-gradient(circle at 80% 70%, #fff 2px, transparent 2px);\n  background-size: 80px 80px;\n}\n\n.dsm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.dsm-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.dsm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.dsm-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.3vw, 17px);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.dsm-description strong {\n  color: #fff;\n  font-weight: 700;\n}\n\n.dsm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.dsm-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(--dsm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.dsm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.dsm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dsm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--dsm-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.dsm-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(--dsm-primary), var(--dsm-secondary));\n  border-radius: 2px;\n}\n\n.dsm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--dsm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.dsm-section-intro strong {\n  color: var(--dsm-primary-dark);\n}\n\n.dsm-card {\n  background: var(--dsm-white);\n  border-radius: var(--dsm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--dsm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.dsm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--dsm-shadow-lg);\n  border-color: var(--dsm-primary);\n}\n\n.dsm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--dsm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.dsm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--dsm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dsm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.dsm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.dsm-grid-compact .dsm-card {\n  padding: 1rem;\n}\n\n.dsm-grid-compact .dsm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.dsm-grid-compact .dsm-card p {\n  font-size: 12px;\n}\n\n.dsm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.dsm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.dsm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--dsm-primary), var(--dsm-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(107,45,92,.3);\n}\n\n.dsm-timeline-content {\n  flex: 1;\n  background: var(--dsm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--dsm-radius-sm);\n  box-shadow: var(--dsm-shadow);\n}\n\n.dsm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--dsm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.dsm-timeline-content p {\n  font-size: 14px;\n  color: var(--dsm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.dsm-accordion {\n  background: var(--dsm-white);\n  border-radius: var(--dsm-radius);\n  box-shadow: var(--dsm-shadow);\n  overflow: hidden;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.dsm-accordion-item {\n  border-bottom: 1px solid var(--dsm-border);\n}\n\n.dsm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.dsm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--dsm-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.dsm-accordion-header:hover {\n  background: var(--dsm-primary-light);\n}\n\n.dsm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.dsm-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--dsm-primary);\n  transition: transform .2s ease;\n}\n\n.dsm-accordion-item[open] .dsm-accordion-header::after {\n  content: '−';\n}\n\n.dsm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--dsm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.dsm-accordion-content p {\n  margin: 0;\n}\n\n.dsm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--dsm-primary-light);\n  border-radius: var(--dsm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--dsm-primary);\n}\n\n.dsm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.dsm-tip p {\n  font-size: 14px;\n  color: var(--dsm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.dsm-tip p strong {\n  color: var(--dsm-primary-dark);\n}\n\n.dsm-cta-box {\n  background: linear-gradient(135deg, var(--dsm-primary) 0%, var(--dsm-primary-dark) 100%);\n  border-radius: var(--dsm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--dsm-shadow-lg);\n}\n\n.dsm-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  margin: 0;\n}\n\n.dsm-cta-box p strong {\n  color: #fff;\n  font-weight: 800;\n}\n\n.dsm-disclaimer {\n  font-size: 12px;\n  color: var(--dsm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .dsm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .dsm-card {\n    padding: 1.125rem;\n  }\n  .dsm-section {\n    margin-bottom: 1.75rem;\n  }\n  .dsm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--dsm-radius-sm);\n  }\n  .dsm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .dsm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .dsm-grid-compact {\n    gap: .625rem;\n  }\n  .dsm-grid-compact .dsm-card {\n    padding: .75rem;\n  }\n  .dsm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .dsm-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .dsm-timeline-content h3 {\n    font-size: 14px;\n  }\n  .dsm-timeline-content p {\n    font-size: 13px;\n  }\n  .dsm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .dsm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .dsm-card {\n    animation: dsmFadeInUp .5s ease backwards;\n  }\n  .dsm-card:nth-child(1) { animation-delay: .05s; }\n  .dsm-card:nth-child(2) { animation-delay: .1s; }\n  .dsm-card:nth-child(3) { animation-delay: .15s; }\n  .dsm-card:nth-child(4) { animation-delay: .2s; }\n  .dsm-card:nth-child(5) { animation-delay: .25s; }\n  .dsm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dsmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsm-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":45754714390685,"sku":"NBAISUP0023","price":22.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/desmodium-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776429550"},{"product_id":"radis-noir-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Radis Noir Bio - Coffret 20 ampoules de 10 ml - Superdiet","description":"\u003cdiv class=\"rn-premium\"\u003e\n  \u003cdiv class=\"rn-hero\"\u003e\n    \u003cdiv class=\"rn-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"rn-hero-content\"\u003e\n      \u003cdiv class=\"rn-badges-top\"\u003e\n        \u003cspan class=\"rn-badge\"\u003e🌱 Certifié Bio AB\u003c\/span\u003e\n        \u003cspan class=\"rn-badge\"\u003e🇫🇷 Origine Nord (59)\u003c\/span\u003e\n        \u003cspan class=\"rn-badge\"\u003e❄️ Pressé à froid\u003c\/span\u003e\n        \u003cspan class=\"rn-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rn-hero-title\"\u003eRadis Noir Bio Superdiet\u003c\/span\u003e\n      \u003cp class=\"rn-subtitle\" style=\"color: lightgrey;\"\u003eCoffret 20 ampoules de 10 ml\u003c\/p\u003e\n      \u003cp class=\"rn-description\" style=\"color: white;\"\u003eLe pur jus de radis noir bio, allié naturel de votre foie pour une cure détox de 20 jours. Cultivé en France, pressé à froid, sans additifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"rn-section\"\u003e\n    \u003ch2\u003eRadis Noir Bio Superdiet : l'allié naturel de votre foie en cure détox\u003c\/h2\u003e\n    \u003cp class=\"rn-section-intro\"\u003eAprès les fêtes, un excès alimentaire ou simplement au changement de saison, votre organisme a parfois besoin d'un petit coup de pouce. Le \u003cstrong\u003eRadis Noir Bio de Superdiet\u003c\/strong\u003e, en coffret de 20 ampoules de 10 ml, est une solution 100 % végétale pour soutenir naturellement votre fonction hépatique. Une \u003cstrong\u003ecure détox au radis noir\u003c\/strong\u003e idéale pour retrouver légèreté et confort digestif.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rn-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le radis noir en ampoules ?\u003c\/h2\u003e\n    \u003cdiv class=\"rn-grid\"\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e🌿 Une plante ancestrale\u003c\/h3\u003e\n        \u003cp\u003eLe \u003cem\u003eRaphanus sativus var. niger\u003c\/em\u003e est utilisé depuis l'Antiquité pour accompagner la digestion et soutenir le foie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e💧 Fonctions hépatiques\u003c\/h3\u003e\n        \u003cp\u003eSa racine concentre des composés soufrés, reconnus pour favoriser les fonctions hépatiques et biliaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e✨ Détox traditionnelle\u003c\/h3\u003e\n        \u003cp\u003eAssocié à une detox du foie après des repas riches ou une période de fatigue digestive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e⚡ Assimilation rapide\u003c\/h3\u003e\n        \u003cp\u003eLa forme ampoule buvable permet une assimilation rapide avec un dosage précis, bien plus concentré qu'une gélule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e🥬 Pur jus concentré\u003c\/h3\u003e\n        \u003cp\u003eChaque ampoule délivre un pur jus de radis noir, sans dilution superflue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e📏 Dosage précis\u003c\/h3\u003e\n        \u003cp\u003e10 ml par ampoule, un format optimal pour une cure sérieuse de 20 jours consécutifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rn-section\"\u003e\n    \u003ch2\u003eUne qualité bio tracée, du champ à l'ampoule\u003c\/h2\u003e\n    \u003cp\u003eCe qui fait la différence du \u003cstrong\u003eRadis Noir Bio Superdiet\u003c\/strong\u003e, c'est sa fabrication de proximité. Le radis noir est cultivé dans le \u003cstrong\u003eNord de la France\u003c\/strong\u003e, à seulement 20 km des ateliers Superdiet. Dès la récolte, les racines sont \u003cstrong\u003epressées à froid\u003c\/strong\u003e pour préserver tous leurs principes actifs. Résultat : un \u003cstrong\u003epur jus bio\u003c\/strong\u003e authentique, sans additifs, sans colorants, sans conservateurs.\u003c\/p\u003e\n    \u003cdiv class=\"rn-grid-compact\"\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e📍 Origine Nord (59)\u003c\/h3\u003e\n        \u003cp\u003eCultivé à seulement 20 km de l'usine Superdiet\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e❄️ Pressé à froid\u003c\/h3\u003e\n        \u003cp\u003ePour préserver tous les principes actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e🌱 Méthode Canopée\u003c\/h3\u003e\n        \u003cp\u003eUn savoir-faire unique signé Superdiet\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabricant français\u003c\/h3\u003e\n        \u003cp\u003e100 % de la filière maîtrisée en France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rn-tip\"\u003e\n      \u003cspan class=\"rn-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCôté \u003cstrong\u003eradis noir bio prix\u003c\/strong\u003e, le format 20 ampoules correspond à une cure complète, souvent plus avantageux qu'un achat unitaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rn-section\"\u003e\n    \u003ch2\u003eComposition de chaque ampoule de 10 ml\u003c\/h2\u003e\n    \u003cdiv class=\"rn-grid\"\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e🥬 Jus concentré de radis noir bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eRaphanus sativus var. niger\u003c\/em\u003e : 10 ml, issu de l'agriculture biologique française.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eSans conservateur, sans sucre ajouté, sans gluten, sans alcool.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-card\"\u003e\n        \u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eLabel Agriculture Biologique garanti, traçabilité française complète.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rn-tip\"\u003e\n      \u003cspan class=\"rn-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003eLe radis noir peut d'ailleurs être associé à l'artichaut pour une synergie intéressante : la \u003cstrong\u003edetox foie radis noir artichaut\u003c\/strong\u003e est l'une des associations les plus réputées en phytothérapie traditionnelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rn-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"rn-timeline\"\u003e\n      \u003cdiv class=\"rn-timeline-item\"\u003e\n        \u003cdiv class=\"rn-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"rn-timeline-content\"\u003e\n          \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eSecouez bien l'ampoule avant ouverture pour homogénéiser le pur jus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-timeline-item\"\u003e\n        \u003cdiv class=\"rn-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"rn-timeline-content\"\u003e\n          \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun, pure ou diluée dans un peu d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-timeline-item\"\u003e\n        \u003cdiv class=\"rn-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"rn-timeline-content\"\u003e\n          \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eSuivez le programme sur 20 jours consécutifs pour une détox complète.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rn-timeline-item\"\u003e\n        \u003cdiv class=\"rn-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"rn-timeline-content\"\u003e\n          \u003ch3\u003e2 à 3 cures par an\u003c\/h3\u003e\n          \u003cp\u003eIdéalement aux intersaisons, au printemps et en automne.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rn-tip\"\u003e\n      \u003cspan class=\"rn-tip-icon\"\u003e🍋\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour adoucir le goût prononcé du radis noir, vous pouvez le mélanger à un jus de fruits frais ou à une eau citronnée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rn-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes sur le radis noir\u003c\/h2\u003e\n    \u003cdiv class=\"rn-accordion\"\u003e\n      \u003cdetails class=\"rn-accordion-item\"\u003e\n        \u003csummary class=\"rn-accordion-header\"\u003e🌿 Quels sont les bienfaits du radis noir ?\u003c\/summary\u003e\n        \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl soutient la digestion, le confort hépatique et participe à l'élimination. Le radis noir est traditionnellement utilisé pour accompagner les fonctions hépatiques et biliaires.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rn-accordion-item\"\u003e\n        \u003csummary class=\"rn-accordion-header\"\u003e📅 Quand faire une cure ?\u003c\/summary\u003e\n        \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n          \u003cp\u003eAprès les fêtes, un excès alimentaire, ou à chaque changement de saison. Les intersaisons (printemps et automne) sont les moments privilégiés pour une cure détox.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rn-accordion-item\"\u003e\n        \u003csummary class=\"rn-accordion-header\"\u003e🌱 Peut-on l'associer à l'artichaut ?\u003c\/summary\u003e\n        \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, la \u003cstrong\u003edetox artichaut radis noir\u003c\/strong\u003e est une combinaison classique et complémentaire, très utilisée en phytothérapie traditionnelle pour un effet synergique sur le foie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rn-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"rn-accordion\"\u003e\n      \u003cdetails class=\"rn-accordion-item\"\u003e\n        \u003csummary class=\"rn-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux personnes souffrant de calculs biliaires, aux femmes enceintes ou allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rn-accordion-item\"\u003e\n        \u003csummary class=\"rn-accordion-header\"\u003e🩺 Usage responsable\u003c\/summary\u003e\n        \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe remplace pas une alimentation variée, équilibrée ni un mode de vie sain. En cas de doute, demandez conseil à votre professionnel de santé. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"rn-disclaimer\"\u003eCe produit n'est pas un médicament et ne se substitue pas à un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .rn-premium {\n    --rn-cream: #faf7f5;\n    --rn-white: #ffffff;\n    --rn-primary: #6b2c5f;\n    --rn-primary-dark: #4a1d44;\n    --rn-primary-light: #f3e8f1;\n    --rn-secondary: #c89b3c;\n    --rn-accent: #5a8a3a;\n    --rn-text: #1a1a1a;\n    --rn-text-light: #5a5a5a;\n    --rn-border: #e8dfe5;\n    --rn-shadow: 0 4px 24px rgba(74, 29, 68, .08);\n    --rn-shadow-lg: 0 12px 48px rgba(74, 29, 68, .15);\n    --rn-radius: 20px;\n    --rn-radius-sm: 12px;\n\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--rn-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--rn-text);\n    line-height: 1.6;\n  }\n\n  .rn-premium *,\n  .rn-premium *::before,\n  .rn-premium *::after {\n    box-sizing: border-box;\n  }\n\n  \/* === HERO === *\/\n  .rn-hero {\n    position: relative;\n    background: linear-gradient(135deg, #6b2c5f 0%, #4a1d44 50%, #3d1839 100%);\n    border-radius: var(--rn-radius);\n    padding: clamp(3rem, 7vw, 5rem) clamp(1.5rem, 5vw, 4rem);\n    margin-bottom: clamp(2.5rem, 5vw, 4rem);\n    overflow: hidden;\n    box-shadow: var(--rn-shadow-lg);\n  }\n\n  .rn-hero-pattern {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background-image: radial-gradient(circle at 20% 30%, var(--rn-secondary) 0%, transparent 50%),\n                      radial-gradient(circle at 80% 70%, var(--rn-accent) 0%, transparent 50%);\n    opacity: .12;\n  }\n\n  .rn-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .rn-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  .rn-subtitle {\n    color: var(--rn-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  .rn-description {\n    color: rgba(255,255,255,.92);\n    font-size: clamp(14px, 2.3vw, 17px);\n    max-width: 640px;\n    margin: 0 auto;\n    line-height: 1.7;\n  }\n\n  \/* === BADGES === *\/\n  .rn-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.75rem;\n  }\n\n  .rn-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(--rn-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .rn-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  \/* === SECTIONS === *\/\n  .rn-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .rn-premium h2 {\n    font-size: clamp(22px, 5vw, 36px);\n    font-weight: 900;\n    color: var(--rn-primary-dark);\n    margin: 0 0 clamp(1.25rem, 3vw, 2rem) 0;\n    text-align: center;\n    letter-spacing: -.03em;\n    position: relative;\n    padding-bottom: 1rem;\n    line-height: 1.25;\n  }\n\n  .rn-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(--rn-primary), var(--rn-secondary));\n    border-radius: 2px;\n  }\n\n  .rn-premium p {\n    font-size: clamp(14px, 2.3vw, 16px);\n    color: var(--rn-text);\n    line-height: 1.75;\n    margin: 0 0 1rem 0;\n  }\n\n  .rn-premium p:last-child {\n    margin-bottom: 0;\n  }\n\n  .rn-premium strong {\n    color: var(--rn-primary-dark);\n    font-weight: 700;\n  }\n\n  .rn-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px) !important;\n    color: var(--rn-text-light) !important;\n    max-width: 720px;\n    margin: 0 auto !important;\n  }\n\n  \/* === CARDS === *\/\n  .rn-card {\n    background: var(--rn-white);\n    border-radius: var(--rn-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--rn-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .rn-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--rn-shadow-lg);\n    border-color: var(--rn-primary);\n  }\n\n  .rn-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--rn-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .rn-card p {\n    font-size: clamp(13px, 2vw, 15px) !important;\n    color: var(--rn-text-light) !important;\n    margin: 0 !important;\n    line-height: 1.6;\n  }\n\n  \/* === GRILLES === *\/\n  .rn-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n\n  .rn-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n    margin-bottom: 1.25rem;\n  }\n\n  .rn-grid-compact .rn-card {\n    padding: 1rem;\n  }\n\n  .rn-grid-compact .rn-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .rn-grid-compact .rn-card p {\n    font-size: 12px !important;\n  }\n\n  \/* === TIMELINE === *\/\n  .rn-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    margin-bottom: 1.25rem;\n  }\n\n  .rn-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .rn-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--rn-primary), var(--rn-primary-dark));\n    color: white;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    font-size: 16px;\n    box-shadow: 0 4px 12px rgba(107, 44, 95, .3);\n  }\n\n  .rn-timeline-content {\n    flex: 1;\n    background: var(--rn-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--rn-radius-sm);\n    box-shadow: var(--rn-shadow);\n  }\n\n  .rn-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--rn-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .rn-timeline-content p {\n    font-size: 14px !important;\n    color: var(--rn-text-light) !important;\n    margin: 0 !important;\n    line-height: 1.5;\n  }\n\n  \/* === ACCORDÉON === *\/\n  .rn-accordion {\n    background: var(--rn-white);\n    border-radius: var(--rn-radius);\n    box-shadow: var(--rn-shadow);\n    overflow: hidden;\n  }\n\n  .rn-accordion-item {\n    border-bottom: 1px solid var(--rn-border);\n    margin: 0;\n    padding: 0;\n  }\n\n  .rn-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .rn-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--rn-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  .rn-accordion-header:hover {\n    background: var(--rn-primary-light);\n  }\n\n  .rn-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .rn-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--rn-primary);\n    transition: transform .2s ease;\n    margin-left: 1rem;\n  }\n\n  .rn-accordion-item[open] .rn-accordion-header::after {\n    content: '−';\n  }\n\n  .rn-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--rn-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .rn-accordion-content p {\n    margin: 0 !important;\n    font-size: 14px !important;\n    color: var(--rn-text-light) !important;\n  }\n\n  \/* === TIP BOX === *\/\n  .rn-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--rn-primary-light);\n    border-radius: var(--rn-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n    border-left: 4px solid var(--rn-secondary);\n  }\n\n  .rn-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n    line-height: 1;\n  }\n\n  .rn-tip p {\n    font-size: 14px !important;\n    color: var(--rn-text) !important;\n    margin: 0 !important;\n    line-height: 1.6;\n  }\n\n  \/* === DISCLAIMER === *\/\n  .rn-disclaimer {\n    font-size: 12px !important;\n    color: var(--rn-text-light) !important;\n    text-align: center;\n    margin-top: 1rem !important;\n    font-style: italic;\n  }\n\n  \/* === RESPONSIVE MOBILE === *\/\n  @media (max-width: 767px) {\n    .rn-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n\n    .rn-card {\n      padding: 1.125rem;\n    }\n\n    .rn-section {\n      margin-bottom: 1.75rem;\n    }\n\n    .rn-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--rn-radius-sm);\n    }\n\n    .rn-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n\n    .rn-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n\n    .rn-grid-compact {\n      gap: .625rem;\n    }\n\n    .rn-grid-compact .rn-card {\n      padding: .75rem;\n    }\n\n    .rn-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n\n    .rn-timeline-content {\n      padding: .875rem 1rem;\n    }\n\n    .rn-timeline-content h3 {\n      font-size: 14px;\n    }\n\n    .rn-timeline-content p {\n      font-size: 13px !important;\n    }\n\n    .rn-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n\n    .rn-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  \/* === ANIMATIONS === *\/\n  @media (prefers-reduced-motion: no-preference) {\n    .rn-card {\n      animation: rnFadeInUp .5s ease backwards;\n    }\n    .rn-card:nth-child(1) { animation-delay: .05s; }\n    .rn-card:nth-child(2) { animation-delay: .1s; }\n    .rn-card:nth-child(3) { animation-delay: .15s; }\n    .rn-card:nth-child(4) { animation-delay: .2s; }\n    .rn-card:nth-child(5) { animation-delay: .25s; }\n    .rn-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes rnFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .rn-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":45754714816669,"sku":"NBAISUP0025","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/radis_noir_20_ampoules_superdiet.jpg?v=1776358885"},{"product_id":"chardon-marie-bio-20-ampoules-de-15-ml-superdiet","title":"Chardon Marie Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"cm-premium\"\u003e\n  \u003cdiv class=\"cm-hero\"\u003e\n    \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cm-hero-content\"\u003e\n      \u003cdiv class=\"cm-badges-top\"\u003e\n        \u003cspan class=\"cm-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e💧 3250 mg \/ ampoule\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cm-hero-title\"\u003eChardon Marie Bio Superdiet\u003c\/span\u003e\n      \u003cp class=\"cm-subtitle\"\u003e20 ampoules de 15 ml — Protection du foie\u003c\/p\u003e\n      \u003cp class=\"cm-description\"\u003eEnvie de chouchouter votre foie après les excès du quotidien ? Une solution naturelle, concentrée et prête à l'emploi pour soutenir vos fonctions hépatiques grâce à la méthode d'extraction exclusive Canopée®.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Chardon Marie Bio ?\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eLe Chardon Marie (\u003cem\u003eSilybum marianum\u003c\/em\u003e) est une plante emblématique de la phytothérapie européenne, utilisée depuis l'Antiquité pour ses vertus sur la sphère hépatique. Sa richesse en \u003cstrong\u003esilymarine\u003c\/strong\u003e, un complexe de flavonoïdes antioxydants, en fait une plante de référence.\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🌱 Fonctions hépatiques\u003c\/h3\u003e\n        \u003cp\u003eSoutient les fonctions naturelles du foie au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💧 Drainage du foie\u003c\/h3\u003e\n        \u003cp\u003eContribue au drainage hépatique et à l'élimination des toxines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🍽️ Digestion confortable\u003c\/h3\u003e\n        \u003cp\u003eFavorise une digestion agréable, même après des repas copieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e✨ Actifs antioxydants\u003c\/h3\u003e\n        \u003cp\u003eApporte des flavonoïdes précieux pour lutter contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-tip\"\u003e\n      \u003cspan class=\"cm-tip-icon\"\u003e🍂\u003c\/span\u003e\n      \u003cp\u003eLa silymarine du Chardon Marie est particulièrement appréciée lors des \u003cstrong\u003echangements de saison\u003c\/strong\u003e, après les fêtes ou pendant une cure détox au printemps et à l'automne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eLa méthode Canopée® : une extraction unique\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eSuperdiet utilise sa méthode d'extraction exclusive, uniquement à base d'eau, pour obtenir une tisane concentrée de Chardon Marie bio ultra-biodisponible.\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid-compact\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💧 100% à l'eau\u003c\/h3\u003e\n        \u003cp\u003eSans alcool, extraction douce préservant les actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e⚡ +125% d'actifs\u003c\/h3\u003e\n        \u003cp\u003ePlus concentrée qu'une formule classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🌿 100% vegan\u003c\/h3\u003e\n        \u003cp\u003eSans conservateur, sans colorant, sans sucre ajouté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n        \u003cp\u003eTraçabilité exemplaire et respect total de la plante.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eIngrédients pour une ampoule de 10 ml :\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🌸 Chardon Marie bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e3250 mg\u003c\/strong\u003e d'extrait aqueux concentré (\u003cem\u003eSilybum marianum\u003c\/em\u003e, parties aériennes fleuries)*\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n        \u003cp\u003eBase pure pour une extraction douce et naturelle des principes actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e✅ Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eIngrédient issu de l'Agriculture Biologique — FR-BIO-10, Agriculture France.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-tip\"\u003e\n      \u003cspan class=\"cm-tip-icon\"\u003e🚫\u003c\/span\u003e\n      \u003cp\u003eSans alcool, sans sucre ajouté, sans gluten, sans lactose, sans OGM, sans conservateur, sans colorant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComment prendre le Chardon Marie Superdiet ?\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eUne cure recommandée de 10 à 20 jours, à raison de 1 à 2 ampoules par jour.\u003c\/p\u003e\n    \u003cdiv class=\"cm-timeline\"\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eSecouez avant ouverture pour homogénéiser la préparation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003eOuverture facile\u003c\/h3\u003e\n          \u003cp\u003ePas besoin de scie : l'ampoule s'ouvre simplement aux deux extrémités.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003eDiluez son contenu\u003c\/h3\u003e\n          \u003cp\u003eVersez dans un grand verre d'eau ou de jus de fruit.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003eLe bon moment\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun ou 15 minutes avant un repas pour favoriser l'absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-tip\"\u003e\n      \u003cspan class=\"cm-tip-icon\"\u003e🥗\u003c\/span\u003e\n      \u003cp\u003ePour un accompagnement détox complet, associez cette cure à une \u003cstrong\u003ealimentation légère\u003c\/strong\u003e, riche en légumes verts, et à une bonne hydratation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"cm-accordion\"\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e⚠️ Public non concerné\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement médicamenteux sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eDemandez conseil à votre médecin ou pharmacien avant toute cure, surtout en cas de pathologie hépatique ou biliaire. Respectez les doses journalières indiquées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"cm-accordion-item\"\u003e\n        \u003csummary class=\"cm-accordion-header\"\u003e🍽️ Rappel important\u003c\/summary\u003e\n        \u003cdiv class=\"cm-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.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis sur le Chardon Marie bio Superdiet\u003c\/h2\u003e\n    \u003cdiv class=\"cm-testimonial\"\u003e\n      \u003cp class=\"cm-testimonial-text\"\u003e\"Plébiscité pour son goût végétal doux et son format pratique, ce chardon marie silymarine en ampoules séduit autant les adeptes de phytothérapie que les novices. Une solution sérieuse, française et bio pour prendre soin de votre foie en douceur.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n      \u003cp\u003e🌿 Offrez à votre foie une cure détox naturelle, concentrée et 100% bio — la signature Superdiet.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --cm-cream: #faf7fb;\n  --cm-white: #ffffff;\n  --cm-primary: #7a2e6b;\n  --cm-primary-dark: #4d1a44;\n  --cm-primary-light: #f4e7f1;\n  --cm-secondary: #c44a9e;\n  --cm-accent: #d4a017;\n  --cm-text: #1a1a1a;\n  --cm-text-light: #5a5a5a;\n  --cm-border: #e8dde6;\n  --cm-shadow: 0 4px 24px rgba(122,46,107,.08);\n  --cm-shadow-lg: 0 12px 48px rgba(122,46,107,.18);\n  --cm-radius: 20px;\n  --cm-radius-sm: 12px;\n}\n\n.cm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--cm-text);\n}\n\n.cm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7a2e6b 0%, #a93d8a 50%, #c44a9e 100%);\n  border-radius: var(--cm-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.4) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(212,160,23,.3) 0%, transparent 45%);\n  opacity: .2;\n}\n\n.cm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.cm-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.3vw, 16px);\n  line-height: 1.7;\n  margin: 0 auto;\n  max-width: 700px;\n}\n\n.cm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cm-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cm-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cm-primary), var(--cm-secondary));\n  border-radius: 2px;\n}\n\n.cm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.cm-card {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cm-shadow-lg);\n  border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cm-grid-compact .cm-card {\n  padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n  font-size: 12px;\n}\n\n.cm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cm-primary), var(--cm-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(122,46,107,.3);\n}\n\n.cm-timeline-content {\n  flex: 1;\n  background: var(--cm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cm-radius-sm);\n  box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n  font-size: 14px;\n  color: var(--cm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cm-testimonial {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cm-shadow);\n  border-left: 4px solid var(--cm-primary);\n}\n\n.cm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cm-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.cm-accordion {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  box-shadow: var(--cm-shadow);\n  overflow: hidden;\n}\n\n.cm-accordion-item {\n  border-bottom: 1px solid var(--cm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cm-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.cm-accordion-header:hover {\n  background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cm-primary);\n  transition: transform .2s ease;\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n  content: '−';\n}\n\n.cm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cm-accordion-content p {\n  margin: 0;\n}\n\n.cm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cm-primary-light);\n  border-radius: var(--cm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cm-tip p {\n  font-size: 14px;\n  color: var(--cm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cm-cta-box {\n  background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--cm-shadow-lg);\n}\n\n.cm-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .cm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cm-card {\n    padding: 1.125rem;\n  }\n\n  .cm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cm-radius-sm);\n  }\n\n  .cm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cm-grid-compact {\n    gap: .625rem;\n  }\n\n  .cm-grid-compact .cm-card {\n    padding: .75rem;\n  }\n\n  .cm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cm-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cm-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cm-card:nth-child(1) { animation-delay: .05s; }\n  .cm-card:nth-child(2) { animation-delay: .1s; }\n  .cm-card:nth-child(3) { animation-delay: .15s; }\n  .cm-card:nth-child(4) { animation-delay: .2s; }\n  .cm-card:nth-child(5) { animation-delay: .25s; }\n  .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754716815517,"sku":"NBAISUP0057","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chardon-marie-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776436743"},{"product_id":"radis-noir-artichaut-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Radis Noir \u0026 Artichaut Bio - 20 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"rna-premium\"\u003e\n  \u003cdiv class=\"rna-hero\"\u003e\n    \u003cdiv class=\"rna-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"rna-hero-content\"\u003e\n      \u003cdiv class=\"rna-badges-top\"\u003e\n        \u003cspan class=\"rna-badge\"\u003e🌱 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"rna-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"rna-badge\"\u003e💪 +125% d'actifs\u003c\/span\u003e\n        \u003cspan class=\"rna-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rna-hero-title\"\u003eRadis Noir \u0026amp; Artichaut Bio\u003c\/span\u003e\n      \u003cp class=\"rna-subtitle\"\u003eLe duo végétal de référence pour votre digestion\u003c\/p\u003e\n      \u003cp class=\"rna-description\"\u003e20 ampoules concentrées Superdiet — Méthode Canopée exclusive pour une efficacité optimisée à chaque prise, après les repas copieux ou en cure détox.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ces ampoules de Radis Noir Artichaut ?\u003c\/h2\u003e\n    \u003cp class=\"rna-section-intro\"\u003eLourdeurs digestives, excès alimentaires, changements de saison, foie paresseux… Notre système digestif est soumis à de nombreuses sollicitations au quotidien. L'ampoule artichaut et radis noir agit comme un véritable coup de pouce naturel pour relancer votre vitalité digestive.\u003c\/p\u003e\n    \u003cdiv class=\"rna-grid\"\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🌿 Artichaut bio — 890 mg\u003c\/h3\u003e\n        \u003cp\u003eTitré à \u003cstrong\u003e3,7 mg de cynarines\u003c\/strong\u003e, il contribue au \u003cstrong\u003econfort digestif\u003c\/strong\u003e et au \u003cstrong\u003efonctionnement normal du foie\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🖤 Radis noir bio pur jus — 8,6 ml\u003c\/h3\u003e\n        \u003cp\u003eComplète harmonieusement la formule grâce à sa \u003cstrong\u003erichesse naturelle en composés soufrés\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e✨ Synergie détox\u003c\/h3\u003e\n        \u003cp\u003eSolution idéale lors des \u003cstrong\u003ecures détox\u003c\/strong\u003e de printemps ou d'automne, ou après une période de repas copieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 ampoule de 10 ml\u003c\/h2\u003e\n    \u003cdiv class=\"rna-grid-compact\"\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🖤 Radis noir bio\u003c\/h3\u003e\n        \u003cp\u003eJus pur : \u003cstrong\u003e8,6 ml\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🌿 Artichaut bio\u003c\/h3\u003e\n        \u003cp\u003eExtrait aqueux (feuilles) : \u003cstrong\u003e890 mg\u003c\/strong\u003e titré à 3,7 mg de cynarines\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n        \u003cp\u003ePour une formule \u003cstrong\u003epure et naturelle\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eFR-BIO-10\u003c\/strong\u003e — Vegan, sans alcool, sans conservateur ni colorant\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rna-tip\"\u003e\n      \u003cspan class=\"rna-tip-icon\"\u003e🏆\u003c\/span\u003e\n      \u003cp\u003eFabriqué en France par \u003cstrong\u003eSuperdiet\u003c\/strong\u003e, laboratoire reconnu pour son savoir-faire phytothérapeutique depuis plus de \u003cstrong\u003e60 ans\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003eComment prendre les ampoules Radis Noir Artichaut ?\u003c\/h2\u003e\n    \u003cdiv class=\"rna-timeline\"\u003e\n      \u003cdiv class=\"rna-timeline-item\"\u003e\n        \u003cdiv class=\"rna-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"rna-timeline-content\"\u003e\n          \u003ch3\u003eAgitez bien avant ouverture\u003c\/h3\u003e\n          \u003cp\u003eSecouez l'ampoule pour homogénéiser les actifs végétaux naturels.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-timeline-item\"\u003e\n        \u003cdiv class=\"rna-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"rna-timeline-content\"\u003e\n          \u003ch3\u003e1 à 2 ampoules par jour\u003c\/h3\u003e\n          \u003cp\u003eAdaptez la posologie selon vos besoins, sur une durée de 10 à 20 jours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-timeline-item\"\u003e\n        \u003cdiv class=\"rna-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"rna-timeline-content\"\u003e\n          \u003ch3\u003eLe soir, après le repas\u003c\/h3\u003e\n          \u003cp\u003eÀ consommer pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-timeline-item\"\u003e\n        \u003cdiv class=\"rna-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"rna-timeline-content\"\u003e\n          \u003ch3\u003eCure idéale de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eParfait lors des changements de saison ou après une période d'excès. Réservé aux adultes et adolescents de plus de 12 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003eLa méthode Canopée : une concentration inédite\u003c\/h2\u003e\n    \u003cp class=\"rna-section-intro\"\u003eSuperdiet a développé la \u003cstrong\u003eméthode Canopée\u003c\/strong\u003e, un procédé d'extraction exclusif permettant de préserver un maximum d'actifs végétaux tout en garantissant une qualité constante.\u003c\/p\u003e\n    \u003cdiv class=\"rna-grid-compact\"\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🚀 +125% d'actifs\u003c\/h3\u003e\n        \u003cp\u003eUne formule \u003cstrong\u003eplus concentrée\u003c\/strong\u003e qu'une formulation classique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🌱 Goût authentique\u003c\/h3\u003e\n        \u003cp\u003eLa \u003cstrong\u003esaveur naturelle\u003c\/strong\u003e des plantes fraîches préservée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e🔬 Qualité constante\u003c\/h3\u003e\n        \u003cp\u003eUn procédé \u003cstrong\u003eexclusif\u003c\/strong\u003e pour une efficacité régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rna-card\"\u003e\n        \u003ch3\u003e💚 Respect du végétal\u003c\/h3\u003e\n        \u003cp\u003eExtraction douce qui \u003cstrong\u003epréserve les principes actifs\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\"\u003e\n    \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"rna-accordion\"\u003e\n      \u003cdetails class=\"rna-accordion-item\"\u003e\n        \u003csummary class=\"rna-accordion-header\"\u003e⏱️ Quand ressentir les effets ?\u003c\/summary\u003e\n        \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n          \u003cp\u003eLa plupart des utilisateurs observent une \u003cstrong\u003eamélioration du confort digestif dès la première semaine de cure\u003c\/strong\u003e, avec une réduction des sensations de lourdeur après les repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rna-accordion-item\"\u003e\n        \u003csummary class=\"rna-accordion-header\"\u003e🔄 Peut-on enchaîner plusieurs cures ?\u003c\/summary\u003e\n        \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n          \u003cp\u003eOui, vous pouvez renouveler la cure \u003cstrong\u003e2 à 3 fois par an\u003c\/strong\u003e, notamment aux intersaisons. Laissez une pause d'une à deux semaines entre chaque cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rna-accordion-item\"\u003e\n        \u003csummary class=\"rna-accordion-header\"\u003e👥 Pour qui ?\u003c\/summary\u003e\n        \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément convient aux \u003cstrong\u003eadultes souhaitant soutenir leur digestion\u003c\/strong\u003e et la vitalité de leur foie de manière naturelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rna-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"rna-accordion\"\u003e\n      \u003cdetails class=\"rna-accordion-item\"\u003e\n        \u003csummary class=\"rna-accordion-header\"\u003e⚠️ Contre-indications et mises en garde\u003c\/summary\u003e\n        \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e, aux \u003cstrong\u003eenfants de moins de 12 ans\u003c\/strong\u003e et aux personnes présentant des \u003cstrong\u003ecalculs biliaires\u003c\/strong\u003e ou une \u003cstrong\u003eobstruction des voies biliaires\u003c\/strong\u003e. Ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Ce produit ne remplace en aucun cas un traitement médical : demandez l'avis de votre médecin en cas de doute ou de traitement en cours. Respectez la dose journalière recommandée. À tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"rna-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée, équilibrée et à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --rna-cream: #faf7fb;\n  --rna-white: #ffffff;\n  --rna-primary: #6b2d5c;\n  --rna-primary-dark: #4a1f3f;\n  --rna-primary-light: #f0e6ef;\n  --rna-secondary: #8fa85a;\n  --rna-accent: #d4a017;\n  --rna-text: #1a1a1a;\n  --rna-text-light: #5a5a5a;\n  --rna-border: #e6dce5;\n  --rna-shadow: 0 4px 24px rgba(74,31,63,.08);\n  --rna-shadow-lg: 0 12px 48px rgba(74,31,63,.15);\n  --rna-radius: 20px;\n  --rna-radius-sm: 12px;\n}\n\n.rna-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--rna-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--rna-text);\n  line-height: 1.6;\n}\n\n.rna-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6b2d5c 0%, #8fa85a 70%, #a8c26e 100%);\n  border-radius: var(--rna-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(--rna-shadow-lg);\n}\n\n.rna-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%, white 2px, transparent 3px),\n                    radial-gradient(circle at 70% 60%, white 1px, transparent 2px),\n                    radial-gradient(circle at 40% 80%, white 2px, transparent 3px);\n  background-size: 120px 120px, 80px 80px, 160px 160px;\n}\n\n.rna-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.rna-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.rna-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.rna-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.rna-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.rna-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(--rna-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.rna-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.rna-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rna-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--rna-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.rna-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(--rna-primary), var(--rna-secondary));\n  border-radius: 2px;\n}\n\n.rna-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--rna-text-light);\n  margin-bottom: 1.75rem;\n  max-width: 760px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.rna-card {\n  background: var(--rna-white);\n  border-radius: var(--rna-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--rna-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.rna-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--rna-shadow-lg);\n  border-color: var(--rna-primary);\n}\n\n.rna-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--rna-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.rna-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--rna-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.rna-card strong {\n  color: var(--rna-primary);\n  font-weight: 700;\n}\n\n.rna-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.rna-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.rna-grid-compact .rna-card {\n  padding: 1rem;\n}\n\n.rna-grid-compact .rna-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.rna-grid-compact .rna-card p {\n  font-size: 12px;\n}\n\n.rna-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.rna-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.rna-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--rna-primary), var(--rna-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.rna-timeline-content {\n  flex: 1;\n  background: var(--rna-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--rna-radius-sm);\n  box-shadow: var(--rna-shadow);\n}\n\n.rna-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--rna-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.rna-timeline-content p {\n  font-size: 14px;\n  color: var(--rna-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.rna-accordion {\n  background: var(--rna-white);\n  border-radius: var(--rna-radius);\n  box-shadow: var(--rna-shadow);\n  overflow: hidden;\n  max-width: 860px;\n  margin: 0 auto;\n}\n\n.rna-accordion-item {\n  border-bottom: 1px solid var(--rna-border);\n  margin: 0;\n  padding: 0;\n}\n\n.rna-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.rna-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--rna-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.rna-accordion-header:hover {\n  background: var(--rna-primary-light);\n}\n\n.rna-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.rna-accordion-header::after {\n  content: '+';\n  font-size: 24px;\n  font-weight: 400;\n  color: var(--rna-primary);\n  transition: transform .2s ease;\n  line-height: 1;\n}\n\n.rna-accordion-item[open] .rna-accordion-header::after {\n  content: '−';\n}\n\n.rna-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--rna-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.rna-accordion-content p {\n  margin: 0;\n}\n\n.rna-accordion-content strong {\n  color: var(--rna-primary-dark);\n}\n\n.rna-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--rna-primary-light);\n  border-radius: var(--rna-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.rna-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.rna-tip p {\n  font-size: 14px;\n  color: var(--rna-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.rna-tip strong {\n  color: var(--rna-primary-dark);\n}\n\n.rna-disclaimer {\n  font-size: 12px;\n  color: var(--rna-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .rna-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .rna-card {\n    padding: 1.125rem;\n  }\n  .rna-section {\n    margin-bottom: 1.75rem;\n  }\n  .rna-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--rna-radius-sm);\n  }\n  .rna-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .rna-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .rna-grid-compact {\n    gap: .625rem;\n  }\n  .rna-grid-compact .rna-card {\n    padding: .75rem;\n  }\n  .rna-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .rna-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .rna-timeline-content h3 {\n    font-size: 14px;\n  }\n  .rna-timeline-content p {\n    font-size: 13px;\n  }\n  .rna-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .rna-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .rna-card {\n    animation: rnaFadeInUp .5s ease backwards;\n  }\n  .rna-card:nth-child(1) { animation-delay: .05s; }\n  .rna-card:nth-child(2) { animation-delay: .1s; }\n  .rna-card:nth-child(3) { animation-delay: .15s; }\n  .rna-card:nth-child(4) { animation-delay: .2s; }\n  .rna-card:nth-child(5) { animation-delay: .25s; }\n  .rna-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rnaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .rna-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":45754717241501,"sku":"NBAISUP0024","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/radis-noir-artichaut-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776409841"},{"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":"quatuor-digestion-bio-20-ampoules-superdiet","title":"Quatuor bien être du foie Bio 20 Ampoules - Superdiet","description":"\u003cdiv class=\"qbf-premium\"\u003e\n  \u003cdiv class=\"qbf-hero\"\u003e\n    \u003cdiv class=\"qbf-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qbf-hero-content\"\u003e\n      \u003cdiv class=\"qbf-badges-top\"\u003e\n        \u003cspan class=\"qbf-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"qbf-badge\"\u003e🇫🇷 100% plantes françaises\u003c\/span\u003e\n        \u003cspan class=\"qbf-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n        \u003cspan class=\"qbf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qbf-hero-title\"\u003eQuatuor Bien-être du Foie Bio\u003c\/span\u003e\n      \u003cp class=\"qbf-subtitle\"\u003e20 ampoules · Superdiet\u003c\/p\u003e\n      \u003cp class=\"qbf-description\"\u003eVotre foie travaille sans relâche pour filtrer, digérer et détoxifier votre organisme. Le \u003cstrong\u003eQuatuor Bien-être du Foie Bio de Superdiet\u003c\/strong\u003e associe quatre plantes emblématiques : radis noir, artichaut, chardon-marie et romarin. Une cure de 20 jours en ampoules buvables pour soutenir votre confort digestif et votre bien-être hépatique au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"qbf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce quatuor de plantes pour votre foie ?\u003c\/h2\u003e\n    \u003cp class=\"qbf-section-intro\"\u003eLes excès alimentaires, le stress ou une alimentation déséquilibrée peuvent mettre votre foie à rude épreuve. Cette formule concentrée mise sur la complémentarité de 4 plantes traditionnellement utilisées en phytothérapie.\u003c\/p\u003e\n    \u003cdiv class=\"qbf-grid\"\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e🥬 Radis noir\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour soutenir les fonctions digestives et favoriser l'élimination naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e🌼 Artichaut\u003c\/h3\u003e\n        \u003cp\u003eContribue au confort digestif et au bon fonctionnement hépatique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e🌸 Chardon-marie\u003c\/h3\u003e\n        \u003cp\u003eRéputé pour ses vertus protectrices sur le foie grâce à la silymarine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e🌿 Romarin\u003c\/h3\u003e\n        \u003cp\u003eApprécié pour ses propriétés antioxydantes et son action sur la vésicule biliaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qbf-tip\"\u003e\n      \u003cspan class=\"qbf-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUne synergie complète qui fait de ce produit l'un des \u003cstrong\u003emeilleurs choix de detox foie\u003c\/strong\u003e parmi les formules bio disponibles en pharmacie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qbf-section\"\u003e\n    \u003ch2\u003eComposition détaillée par ampoule de 10 ml\u003c\/h2\u003e\n    \u003cdiv class=\"qbf-grid-compact\"\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e🥬 Radis noir bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e5 ml\u003c\/strong\u003e de jus pur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e🌼 Artichaut bio\u003c\/h3\u003e\n        \u003cp\u003eExtrait équivalent à \u003cstrong\u003e1500 mg\u003c\/strong\u003e de plante sèche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e🌸 Chardon-marie bio\u003c\/h3\u003e\n        \u003cp\u003eExtrait équivalent à \u003cstrong\u003e375 mg\u003c\/strong\u003e de plante sèche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e🌿 Romarin bio\u003c\/h3\u003e\n        \u003cp\u003eExtrait équivalent à \u003cstrong\u003e50 mg\u003c\/strong\u003e de plante sèche\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n        \u003cp\u003eTitré en cynarines : \u003cstrong\u003e7,3 mg\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e✅ Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique \u003cstrong\u003eFR-BIO-10\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qbf-tip\"\u003e\n      \u003cspan class=\"qbf-tip-icon\"\u003e🌱\u003c\/span\u003e\n      \u003cp\u003eFormule \u003cstrong\u003e100% plantes françaises\u003c\/strong\u003e, vegan, sans alcool, sans conservateur et sans colorant.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qbf-section\"\u003e\n    \u003ch2\u003eComment prendre le Quatuor Bien-être du Foie ?\u003c\/h2\u003e\n    \u003cdiv class=\"qbf-timeline\"\u003e\n      \u003cdiv class=\"qbf-timeline-item\"\u003e\n        \u003cdiv class=\"qbf-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qbf-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Posologie\u003c\/h3\u003e\n          \u003cp\u003e1 ampoule par jour, de préférence \u003cstrong\u003ele soir après le repas\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-timeline-item\"\u003e\n        \u003cdiv class=\"qbf-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qbf-timeline-content\"\u003e\n          \u003ch3\u003e💧 Mode d'emploi\u003c\/h3\u003e\n          \u003cp\u003eAgitez l'ampoule, ouvrez-la et diluez son contenu dans un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-timeline-item\"\u003e\n        \u003cdiv class=\"qbf-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qbf-timeline-content\"\u003e\n          \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne boîte = \u003cstrong\u003e20 jours de cure\u003c\/strong\u003e. Renouvelable selon les besoins, notamment aux changements de saison ou après une période d'excès.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qbf-tip\"\u003e\n      \u003cspan class=\"qbf-tip-icon\"\u003e🥗\u003c\/span\u003e\n      \u003cp\u003eAssociez cette cure à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e et une hydratation suffisante pour optimiser les effets. Aucun complément ne remplace une hygiène de vie adaptée : il vient en soutien, pas en substitut.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qbf-section\"\u003e\n    \u003ch2\u003eAvis et points forts du Quatuor Superdiet\u003c\/h2\u003e\n    \u003cdiv class=\"qbf-grid-compact\"\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e✨ +125% d'actifs\u003c\/h3\u003e\n        \u003cp\u003eFormule concentrée vs. version précédente\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e🌿 Méthode Canopée\u003c\/h3\u003e\n        \u003cp\u003eExtraction qui préserve la qualité des plantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e💎 Ampoules en verre\u003c\/h3\u003e\n        \u003cp\u003eOuverture facile, pratiques à emporter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qbf-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire phyto depuis +60 ans\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"qbf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"qbf-accordion\"\u003e\n      \u003cdetails class=\"qbf-accordion-item\"\u003e\n        \u003csummary class=\"qbf-accordion-header\"\u003e⚠️ Public et contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"qbf-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé aux adultes. Déconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes souffrant de troubles hépatiques ou biliaires sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qbf-accordion-item\"\u003e\n        \u003csummary class=\"qbf-accordion-header\"\u003e👶 Conservation \u0026amp; sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"qbf-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ tenir hors de portée des enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qbf-accordion-item\"\u003e\n        \u003csummary class=\"qbf-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"qbf-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée, équilibrée ni à un mode de vie sain\u003c\/strong\u003e, et ne remplace en aucun cas un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qbf-cream: #f5f6f0;\n  --qbf-white: #ffffff;\n  --qbf-primary: #2d6a3e;\n  --qbf-primary-dark: #1e4a2b;\n  --qbf-primary-light: #e8f0e4;\n  --qbf-secondary: #c9234a;\n  --qbf-accent: #8b3a8f;\n  --qbf-text: #1a1a1a;\n  --qbf-text-light: #5a5a5a;\n  --qbf-border: #e0e0e0;\n  --qbf-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --qbf-shadow-lg: 0 12px 48px rgba(45,106,62,.18);\n  --qbf-radius: 20px;\n  --qbf-radius-sm: 12px;\n}\n\n.qbf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qbf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--qbf-text);\n}\n\n.qbf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d6a3e 0%, #3d8855 50%, #1e4a2b 100%);\n  border-radius: var(--qbf-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(--qbf-shadow-lg);\n}\n\n.qbf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(201,35,74,.2) 0%, transparent 40%);\n  opacity: .6;\n}\n\n.qbf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qbf-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.qbf-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  letter-spacing: .02em;\n}\n\n.qbf-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.qbf-description strong {\n  color: white;\n  font-weight: 700;\n}\n\n.qbf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qbf-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(--qbf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qbf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.qbf-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qbf-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qbf-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.qbf-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(--qbf-primary), var(--qbf-secondary));\n  border-radius: 2px;\n}\n\n.qbf-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qbf-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.qbf-card {\n  background: var(--qbf-white);\n  border-radius: var(--qbf-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qbf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qbf-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qbf-shadow-lg);\n  border-color: var(--qbf-primary);\n}\n\n.qbf-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qbf-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qbf-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qbf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qbf-card strong {\n  color: var(--qbf-secondary);\n  font-weight: 700;\n}\n\n.qbf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.25rem;\n}\n\n.qbf-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.qbf-grid-compact .qbf-card {\n  padding: 1rem;\n}\n\n.qbf-grid-compact .qbf-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qbf-grid-compact .qbf-card p {\n  font-size: 12.5px;\n}\n\n.qbf-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.qbf-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qbf-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qbf-primary), var(--qbf-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(45,106,62,.3);\n}\n\n.qbf-timeline-content {\n  flex: 1;\n  background: var(--qbf-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qbf-radius-sm);\n  box-shadow: var(--qbf-shadow);\n}\n\n.qbf-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qbf-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qbf-timeline-content p {\n  font-size: 14px;\n  color: var(--qbf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qbf-timeline-content strong {\n  color: var(--qbf-secondary);\n}\n\n.qbf-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qbf-primary-light);\n  border-radius: var(--qbf-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--qbf-primary);\n}\n\n.qbf-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.qbf-tip p {\n  font-size: 14px;\n  color: var(--qbf-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qbf-tip strong {\n  color: var(--qbf-primary-dark);\n}\n\n.qbf-accordion {\n  background: var(--qbf-white);\n  border-radius: var(--qbf-radius);\n  box-shadow: var(--qbf-shadow);\n  overflow: hidden;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.qbf-accordion-item {\n  border-bottom: 1px solid var(--qbf-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qbf-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qbf-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qbf-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.qbf-accordion-header:hover {\n  background: var(--qbf-primary-light);\n}\n\n.qbf-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qbf-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--qbf-primary);\n  transition: transform .2s ease;\n  margin-left: 10px;\n}\n\n.qbf-accordion-item[open] .qbf-accordion-header::after {\n  content: '−';\n}\n\n.qbf-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qbf-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qbf-accordion-content p {\n  margin: 0;\n}\n\n.qbf-accordion-content strong {\n  color: var(--qbf-primary-dark);\n}\n\n@media (max-width: 767px) {\n  .qbf-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .qbf-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  .qbf-grid-compact .qbf-card {\n    padding: .75rem;\n  }\n  .qbf-card {\n    padding: 1.125rem;\n  }\n  .qbf-section {\n    margin-bottom: 1.75rem;\n  }\n  .qbf-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qbf-radius-sm);\n  }\n  .qbf-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .qbf-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .qbf-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .qbf-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .qbf-timeline-content h3 {\n    font-size: 14px;\n  }\n  .qbf-timeline-content p {\n    font-size: 13px;\n  }\n  .qbf-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .qbf-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .qbf-card {\n    animation: qbfFadeInUp .5s ease backwards;\n  }\n  .qbf-card:nth-child(1) { animation-delay: .05s; }\n  .qbf-card:nth-child(2) { animation-delay: .1s; }\n  .qbf-card:nth-child(3) { animation-delay: .15s; }\n  .qbf-card:nth-child(4) { animation-delay: .2s; }\n  .qbf-card:nth-child(5) { animation-delay: .25s; }\n  .qbf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qbfFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .qbf-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":45754719305885,"sku":"NBAISUP0020","price":19.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-bien-etre-du-foie-bio-20-ampoules-superdiet-packshothd.webp?v=1776409519"},{"product_id":"algue-ascophyllum-nodosum-150-mg-bio-60-comprimes-vitalosmose","title":"Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés - Vitalosmose","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés\nPalette détectée:\n  - Primaire: #8B4513 (marron\/brun du texte packaging)\n  - Secondaire: #1E88A8 (bleu océan du fond)\n  - Accent: #C41E3A (rouge du texte \"Contribue à\" et logo Qualidiet)\n  - Background: #2A8B9C (turquoise océanique)\nAmbiance: Marine\/océanique, naturel\/bio, santé\/bien-être, algues et mer\nPréfixe CSS: asc\n--\u003e\n\n\u003cdiv class=\"asc-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"asc-hero\"\u003e\n    \u003cdiv class=\"asc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"asc-hero-content\"\u003e\n      \u003cdiv class=\"asc-badges-top\"\u003e\n        \u003cspan class=\"asc-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"asc-badge\"\u003e🌊 Algue de l'Atlantique Nord\u003c\/span\u003e\n        \u003cspan class=\"asc-badge\"\u003e💊 60 comprimés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"asc-hero-title\"\u003eAscophyllum Nodosum Bio\u003c\/span\u003e\n      \u003cp class=\"asc-subtitle\"\u003eVotre source naturelle d'iode pour la thyroïde\u003c\/p\u003e\n      \u003cp class=\"asc-description\"\u003eRécoltée dans les eaux froides et pures de l'Atlantique Nord, cette algue brune concentre une richesse exceptionnelle en iode et oligo-éléments essentiels à votre organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n  \u003csection class=\"asc-section\"\u003e\n    \u003ch2\u003e🎯 Les bienfaits de l'iode naturel\u003c\/h2\u003e\n    \u003cdiv class=\"asc-grid\"\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🦋 Fonction thyroïdienne normale\u003c\/h3\u003e\n        \u003cp\u003eL'iode est indispensable à la production des hormones T3 et T4, régulatrices de votre métabolisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e⚡ Métabolisme énergétique\u003c\/h3\u003e\n        \u003cp\u003eContribue à un métabolisme énergétique équilibré pour vous aider à maintenir votre vitalité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n        \u003cp\u003eSoutient les fonctions cognitives normales pour une clarté mentale optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e✨ Santé de la peau\u003c\/h3\u003e\n        \u003cp\u003eParticipe au maintien d'une peau normale grâce à son rôle dans le métabolisme cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eIode hautement biodisponible accompagné de cofacteurs naturels pour une assimilation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🔬 Hormones thyroïdiennes\u003c\/h3\u003e\n        \u003cp\u003eContribue à la production normale des hormones thyroïdiennes essentielles à l'équilibre de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"asc-section\"\u003e\n    \u003ch2\u003e🧪 Composition par comprimé\u003c\/h2\u003e\n    \u003cdiv class=\"asc-composition-box\"\u003e\n      \u003cdiv class=\"asc-ingredient-main\"\u003e\n        \u003cspan class=\"asc-ingredient-name\"\u003eAscophyllum Nodosum biologique\u003c\/span\u003e\n        \u003cspan class=\"asc-ingredient-dose\"\u003e505 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"asc-ingredient-desc\"\u003ePoudre d'algue entière issue de l'Atlantique Nord\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"asc-grid-compact\"\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🌊 Iode naturel\u003c\/h3\u003e\n        \u003cp\u003eHautement biodisponible\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🍇 Polyphénols\u003c\/h3\u003e\n        \u003cp\u003ePropriétés antioxydantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🧬 Alginates\u003c\/h3\u003e\n        \u003cp\u003eBénéfiques pour la digestion\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e💎 Minéraux\u003c\/h3\u003e\n        \u003cp\u003eFer, magnésium, zinc, sélénium\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"asc-section\"\u003e\n    \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"asc-grid\"\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🦋 Soutien thyroïdien\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant soutenir naturellement leur fonction thyroïdienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🥗 Régimes restrictifs\u003c\/h3\u003e\n        \u003cp\u003eIdéal si vous consommez peu ou pas de produits de la mer.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🌱 Végétariens \u0026amp; Végétaliens\u003c\/h3\u003e\n        \u003cp\u003eAlternative naturelle parfaitement adaptée aux régimes végétaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003ePour ceux ressentant une fatigue liée à un métabolisme ralenti.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"asc-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"asc-steps\"\u003e\n      \u003cdiv class=\"asc-step\"\u003e\n        \u003cdiv class=\"asc-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"asc-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 comprimés par jour\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-step\"\u003e\n        \u003cdiv class=\"asc-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"asc-step-content\"\u003e\n          \u003ch3\u003eAvec de l'eau\u003c\/h3\u003e\n          \u003cp\u003eAvalez avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-step\"\u003e\n        \u003cdiv class=\"asc-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"asc-step-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eDe préférence \u003cstrong\u003eau moment d'un repas\u003c\/strong\u003e pour une meilleure assimilation\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"asc-tip-box\"\u003e\n      \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Un flacon représente 1 à 2 mois de cure. Nous recommandons des cures de 2 à 3 mois, suivies d'une pause d'un mois.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ --\u003e\n  \u003csection class=\"asc-section\"\u003e\n    \u003ch2\u003e✅ Qualité et traçabilité\u003c\/h2\u003e\n    \u003cdiv class=\"asc-grid-compact\"\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003e100% végétal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eFormule pure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"asc-card\"\u003e\n        \u003ch3\u003e♻️ Récolte durable\u003c\/h3\u003e\n        \u003cp\u003eRespect des écosystèmes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n  \u003csection class=\"asc-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"asc-accordion\"\u003e\n      \u003cdetails class=\"asc-accordion-item\"\u003e\n        \u003csummary class=\"asc-accordion-header\"\u003e🏭 Fabrication et origine\u003c\/summary\u003e\n        \u003cdiv class=\"asc-accordion-content\"\u003e\n          \u003cp\u003eL'Ascophyllum Nodosum utilisé provient de zones de récolte préservées de l'Atlantique Nord, loin de toute source de pollution industrielle. Le séchage à basse température préserve tous les nutriments. Aucun solvant chimique n'est utilisé et des contrôles qualité sont effectués à chaque étape de la production.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"asc-accordion-item\"\u003e\n        \u003csummary class=\"asc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"asc-accordion-content\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la lumière et de l'humidité, à température ambiante (inférieure à 25°C). Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"asc-accordion-item\"\u003e\n        \u003csummary class=\"asc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"asc-accordion-content\"\u003e\n          \u003cp\u003eConsultez votre médecin si vous souffrez de troubles thyroïdiens (hypothyroïdie, hyperthyroïdie, nodules). Si vous prenez un traitement thyroïdien (comme le Levothyrox), demandez l'avis de votre médecin avant toute supplémentation. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"asc-accordion-item\"\u003e\n        \u003csummary class=\"asc-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n        \u003cdiv class=\"asc-accordion-content\"\u003e\n          \u003cp\u003e\u003cstrong\u003eQuelle est la différence entre Ascophyllum et kelp ?\u003c\/strong\u003e\u003cbr\u003e\n          Le terme « kelp » désigne plusieurs espèces d'algues brunes riches en iode. L'Ascophyllum Nodosum se distingue par sa croissance lente qui lui permet de concentrer davantage de nutriments. C'est l'une des sources d'iode naturel les plus qualitatives.\u003c\/p\u003e\n          \u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003eCombien de temps dure une cure ?\u003c\/strong\u003e\u003cbr\u003e\n          Une cure classique dure entre 2 et 3 mois. Pour un soutien thyroïdien régulier, vous pouvez alterner des périodes de cure et des pauses d'un mois.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"asc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"asc-cta-box\"\u003e\n      \u003cp\u003e🌊 Offrez à votre thyroïde le meilleur de la nature avec l'Ascophyllum Nodosum Bio – une source d'iode pure, naturelle et hautement assimilable directement issue des océans.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"asc-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne constitue pas un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --asc-cream: #f5f9fa;\n  --asc-white: #ffffff;\n  --asc-primary: #1E88A8;\n  --asc-primary-dark: #156378;\n  --asc-primary-light: #e8f4f7;\n  --asc-secondary: #8B5A2B;\n  --asc-accent: #C41E3A;\n  --asc-text: #1a1a1a;\n  --asc-text-light: #5a5a5a;\n  --asc-border: #d8e8ec;\n  --asc-shadow: 0 4px 24px rgba(30, 136, 168, .08);\n  --asc-shadow-lg: 0 12px 48px rgba(30, 136, 168, .15);\n  --asc-radius: 20px;\n  --asc-radius-sm: 12px;\n}\n\n.asc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--asc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.asc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #156378 0%, #1E88A8 40%, #2A9BB5 70%, #3AAFCA 100%);\n  border-radius: var(--asc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--asc-shadow-lg);\n}\n\n.asc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.asc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.asc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.asc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--asc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.asc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.asc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.asc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.asc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.asc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--asc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.asc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--asc-primary), var(--asc-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.asc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.asc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.asc-card {\n  background: var(--asc-white);\n  border-radius: var(--asc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--asc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.asc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--asc-shadow-lg);\n  border-color: var(--asc-primary);\n}\n\n.asc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--asc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.asc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--asc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.asc-grid-compact .asc-card {\n  padding: 1rem;\n}\n\n.asc-grid-compact .asc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.asc-grid-compact .asc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.asc-composition-box {\n  background: linear-gradient(135deg, var(--asc-primary-light) 0%, var(--asc-white) 100%);\n  border-radius: var(--asc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: 1.5rem;\n  border: 2px solid var(--asc-primary);\n  text-align: center;\n}\n\n.asc-ingredient-main {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: baseline;\n  gap: .75rem;\n  margin-bottom: .5rem;\n}\n\n.asc-ingredient-name {\n  font-size: clamp(18px, 4vw, 24px);\n  font-weight: 800;\n  color: var(--asc-primary-dark);\n}\n\n.asc-ingredient-dose {\n  font-size: clamp(24px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--asc-accent);\n}\n\n.asc-ingredient-desc {\n  font-size: 14px;\n  color: var(--asc-text-light);\n  margin: 0;\n}\n\n\/* === STEPS === *\/\n.asc-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.asc-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--asc-white);\n  border-radius: var(--asc-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--asc-shadow);\n}\n\n.asc-step-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--asc-primary), var(--asc-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n.asc-step-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--asc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.asc-step-content p {\n  font-size: 14px;\n  color: var(--asc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.asc-tip-box {\n  background: linear-gradient(135deg, #FFF8E7 0%, #FFF3D6 100%);\n  border-radius: var(--asc-radius-sm);\n  padding: 1.25rem;\n  border-left: 4px solid var(--asc-secondary);\n}\n\n.asc-tip-box p {\n  font-size: 14px;\n  color: var(--asc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.asc-accordion {\n  background: var(--asc-white);\n  border-radius: var(--asc-radius);\n  box-shadow: var(--asc-shadow);\n  overflow: hidden;\n}\n\n.asc-accordion-item {\n  border-bottom: 1px solid var(--asc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.asc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.asc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--asc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.asc-accordion-header:hover {\n  background: var(--asc-primary-light);\n}\n\n.asc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.asc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--asc-primary);\n  transition: transform .2s ease;\n}\n\n.asc-accordion-item[open] .asc-accordion-header::after {\n  content: '−';\n}\n\n.asc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--asc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.asc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.asc-cta-box {\n  background: linear-gradient(135deg, var(--asc-primary) 0%, var(--asc-primary-dark) 100%);\n  border-radius: var(--asc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.asc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.asc-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.asc-disclaimer {\n  text-align: center;\n  font-size: 12px;\n  color: var(--asc-text-light);\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .asc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .asc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .asc-grid-compact .asc-card {\n    padding: .75rem;\n  }\n  \n  .asc-card {\n    padding: 1.125rem;\n  }\n  \n  .asc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .asc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--asc-radius-sm);\n  }\n  \n  .asc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .asc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .asc-step {\n    padding: 1rem;\n  }\n  \n  .asc-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 16px;\n  }\n  \n  .asc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .asc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .asc-composition-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .asc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .asc-card:nth-child(1) { animation-delay: .05s; }\n  .asc-card:nth-child(2) { animation-delay: .1s; }\n  .asc-card:nth-child(3) { animation-delay: .15s; }\n  .asc-card:nth-child(4) { animation-delay: .2s; }\n  .asc-card:nth-child(5) { animation-delay: .25s; }\n  .asc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .asc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":45754725105821,"sku":"REF155","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ascophyllum-nodosum-vital-osmose-505-mg.jpg?v=1772440080"},{"product_id":"cervomax-510-mg-60-gelules-qualidiet","title":"Cervomax 510 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"cv-premium\"\u003e\n\u003cdiv class=\"cv-hero\"\u003e\n\u003cdiv class=\"cv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cv-hero-content\"\u003e\n\u003cdiv class=\"cv-badges-top\"\u003e\n\u003cspan class=\"cv-badge\"\u003e🧠 Fonctions cérébrales\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e💊 60 gélules – 510 mg\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🦐 Huile de krill \u0026amp; lécithine marine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cv-hero-title\"\u003eCervomax 510 mg\u003c\/span\u003e\n\u003cp class=\"cv-subtitle\"\u003eSoutien des fonctions cérébrales par Qualidiet\u003c\/p\u003e\n\u003cp class=\"cv-description\"\u003eComplexe synergique de lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour la mémoire, la concentration et la vivacité intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eCervomax 510 mg : votre allié naturel pour la mémoire et la concentration\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eVous ressentez des baisses de concentration, des trous de mémoire ou une fatigue intellectuelle persistante ? \u003cstrong\u003eCervomax\u003c\/strong\u003e de \u003cstrong\u003eQualidiet\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire mémoire et concentration\u003c\/strong\u003e formulé à partir d'actifs naturels soigneusement sélectionnés. Chaque gélule de 510 mg associe lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour offrir un soutien global à vos fonctions cérébrales.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003ePourquoi choisir Cervomax pour soutenir vos fonctions cognitives ?\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eContrairement à de nombreux compléments qui misent sur un seul ingrédient, Cervomax propose une \u003cstrong\u003eformulation synergique\u003c\/strong\u003e combinant plusieurs familles de nutriments essentiels au bon fonctionnement du cerveau.\u003c\/p\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides indispensables à la structure des membranes neuronales, elle favorise la transmission de l'influx nerveux et contribue au maintien de la mémoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill riche en phospholipides\u003c\/h3\u003e\n\u003cp\u003eSa forme hautement biodisponible d'oméga-3 (EPA et DHA) participe au fonctionnement normal du cerveau et aide à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eNaturellement riches en \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e (notamment B6 et B12), elles soutiennent le métabolisme énergétique et contribuent à réduire la fatigue intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eCette micro-algue apporte des protéines complètes, du fer et des antioxydants qui participent à la vitalité globale de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine riche en \u003cstrong\u003ecalcium\u003c\/strong\u003e, elle contribue à la transmission normale des messages nerveux entre les neurones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-tip\"\u003e\n\u003cspan class=\"cv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCette combinaison fait de Cervomax l'un des \u003cstrong\u003emeilleurs compléments alimentaires mémoire concentration\u003c\/strong\u003e pour les personnes souhaitant préserver leur vivacité d'esprit au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Cervomax ?\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid-compact\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n\u003cp\u003eEn période de révisions ou d'examens, pour soutenir la concentration et la mémorisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n\u003cp\u003eSoumis à une charge mentale importante, qui ressentent une fatigue cognitive en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n\u003cp\u003eSouhaitant préserver leurs capacités intellectuelles et entretenir leur mémoire avec l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e✨ Tous les profils\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un coup de pouce naturel pour retrouver clarté mentale et performance intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cv-timeline\"\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas (petit-déjeuner et déjeuner).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eProgramme de 30 jours\u003c\/h3\u003e\n\u003cp\u003eUn flacon de 60 gélules correspond à un programme de \u003cstrong\u003e30 jours\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eCure recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, nous vous recommandons une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides essentiels pour les membranes neuronales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill\u003c\/h3\u003e\n\u003cp\u003eRiche en phospholipides et oméga-3 (EPA\/DHA) hautement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eApport naturel en vitamines du groupe B pour le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eRiche en protéines complètes et en fer pour la vitalité globale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine naturellement riche en calcium pour la transmission nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n\u003cp\u003eGélatine. Poids net : 36 g — 60 gélules de 510 mg.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"cv-testimonial\"\u003e\n\u003cp class=\"cv-testimonial-text\"\u003eCervomax est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e par Qualidiet, laboratoire reconnu pour son exigence en matière de sélection des matières premières et de contrôle qualité. Le processus de fabrication respecte les normes européennes les plus strictes, garantissant un produit pur, sûr et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cv-accordion\"\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🦐 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques aux crustacés (huile de krill).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e👩⚕️ Cas particuliers\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cv-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --cv-cream: #f4f1ed;\n  --cv-white: #ffffff;\n  --cv-primary: #1a3a7a;\n  --cv-primary-dark: #0e2354;\n  --cv-primary-light: #e8edf7;\n  --cv-secondary: #c0272d;\n  --cv-accent: #8b1a1e;\n  --cv-text: #1a1a1a;\n  --cv-text-light: #5a5a5a;\n  --cv-border: #e0e0e0;\n  --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --cv-radius: 20px;\n  --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cv-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 50%, var(--cv-secondary) 100%);\n  border-radius: var(--cv-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cv-shadow-lg);\n}\n\n.cv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 60% 80%, rgba(192,39,45,.15) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.cv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cv-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cv-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cv-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.cv-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.cv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cv-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cv-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cv-primary), var(--cv-secondary));\n  border-radius: 2px;\n}\n\n.cv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.cv-card {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cv-shadow-lg);\n  border-color: var(--cv-primary);\n}\n\n.cv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n  padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n  font-size: 12px;\n}\n\n.cv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cv-primary), var(--cv-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cv-timeline-content {\n  flex: 1;\n  background: var(--cv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cv-radius-sm);\n  box-shadow: var(--cv-shadow);\n}\n\n.cv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n  font-size: 14px;\n  color: var(--cv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.cv-testimonial {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cv-shadow);\n  border-left: 4px solid var(--cv-primary);\n}\n\n.cv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.cv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cv-primary-light);\n  border-radius: var(--cv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cv-tip p {\n  font-size: 14px;\n  color: var(--cv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.cv-accordion {\n  background: var(--cv-white);\n  border-radius: var(--cv-radius);\n  box-shadow: var(--cv-shadow);\n  overflow: hidden;\n}\n\n.cv-accordion-item {\n  border-bottom: 1px solid var(--cv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cv-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cv-accordion-header:hover {\n  background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cv-primary);\n  transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n  content: '−';\n}\n\n.cv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cv-accordion-content p {\n  margin: 0;\n}\n\n.cv-disclaimer {\n  font-size: 12px;\n  color: var(--cv-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .cv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cv-card {\n    padding: 1.125rem;\n  }\n\n  .cv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cv-radius-sm);\n  }\n\n  .cv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cv-grid-compact {\n    gap: .625rem;\n  }\n\n  .cv-grid-compact .cv-card {\n    padding: .75rem;\n  }\n\n  .cv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .cv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .cv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cv-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .cv-card {\n    animation: cvFadeInUp .5s ease backwards;\n  }\n  .cv-card:nth-child(1) { animation-delay: .05s; }\n  .cv-card:nth-child(2) { animation-delay: .1s; }\n  .cv-card:nth-child(3) { animation-delay: .15s; }\n  .cv-card:nth-child(4) { animation-delay: .2s; }\n  .cv-card:nth-child(5) { animation-delay: .25s; }\n  .cv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cvFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754726973597,"sku":"REF161BIS","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cervomax-510-mg-60-gelules-vitalosmose-packshothd.webp?v=1773598761"},{"product_id":"cannelle-ecorce-350-mg-bio-100-gelules-vegetales-qualidiet","title":"Cannelle de Ceylan Bio - 100 gélules de 350 mg - Qualidiet","description":"\u003cdiv class=\"cn-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"cn-hero\"\u003e\n\u003cdiv class=\"cn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cn-hero-content\"\u003e\n\u003cdiv class=\"cn-badges-top\"\u003e\n\u003cspan class=\"cn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"cn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cn-badge\"\u003e💊 100 gélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cn-hero-title\"\u003eCannelle de Ceylan Bio\u003c\/span\u003e\n\u003cp class=\"cn-subtitle\"\u003eL'épice millénaire au service de votre bien-être\u003c\/p\u003e\n\u003cp class=\"cn-description\"\u003eDécouvrez les vertus exceptionnelles de la cannelle de Ceylan avec ces gélules végétales biologiques. Ce complément alimentaire naturel contribue à réguler la glycémie, soutient la digestion, et aide à réduire l'inflammation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POINTS CLÉS --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003cdiv class=\"cn-grid-compact\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🩸 Glycémie\u003c\/h3\u003e\n\u003cp\u003eAide à réguler naturellement le taux de sucre sanguin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🫀 Cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eSoutient la santé du cœur et de la circulation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🦠 Immunité\u003c\/h3\u003e\n\u003cp\u003eRenforce les défenses grâce à ses propriétés antimicrobiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant\u003c\/h3\u003e\n\u003cp\u003eProtège les cellules contre le stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEIL D'UTILISATION --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cn-timeline\"\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrendre 3 à 6 gélules de cannelle de Ceylan par jour, selon votre besoin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, de préférence au moment des repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eCadre d'utilisation\u003c\/h3\u003e\n\u003cp\u003eDans le cadre d'une alimentation équilibrée pour bénéficier pleinement des bienfaits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INGRÉDIENTS CLÉS ET LEURS BIENFAITS --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eIngrédients clés et leurs bienfaits\u003c\/h2\u003e\n\u003cdiv class=\"cn-ingredient-hero\"\u003e\n\u003cdiv class=\"cn-ingredient-badge\"\u003e350 mg\u003c\/div\u003e\n\u003ch3\u003ePoudre d'écorce de cannelle de Ceylan bio\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-grid\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e💓 Fonctions vitales\u003c\/h3\u003e\n\u003cp\u003eStimule les fonctions circulatoire, cardiaque et respiratoire grâce à ses propriétés toniques naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🍽️ Digestion harmonieuse\u003c\/h3\u003e\n\u003cp\u003eSoutient les sécrétions digestives et aide à réduire les inconforts comme les ballonnements et coliques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003eRiche en polyphénols antioxydants, elle neutralise les radicaux libres et protège vos cellules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🦠 Bouclier naturel\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes et antifongiques, alliée contre les infections et états grippaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-tip\"\u003e\n\u003cspan class=\"cn-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eGélule d'origine végétale :\u003c\/strong\u003e adaptée aux végétariens et vegans, elle garantit une absorption rapide et un dosage pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ORIGINE ET FABRICATION --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cdiv class=\"cn-grid-compact\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française avec respect des normes bio et écologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🏝️ Origine Ceylan\u003c\/h3\u003e\n\u003cp\u003eCannelle de la région de Ceylan, qualité supérieure reconnue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🔬 Tests qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot minutieusement testé pour pureté et efficacité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n\u003cp\u003eStrict respect des normes de production biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGAGEMENTS DE VITALOSMOSE --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eEngagements de Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"cn-commitment-box\"\u003e\n\u003cdiv class=\"cn-commitment-grid\"\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🌿\u003c\/span\u003e \u003cspan\u003e100% biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🚫\u003c\/span\u003e \u003cspan\u003eSans OGM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🇪🇺\u003c\/span\u003e \u003cspan\u003eConforme normes UE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003eÉco-responsable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cn-commitment-text\"\u003eNotre approche est guidée par une responsabilité environnementale et sociale, visant à soutenir votre santé tout en préservant la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"cn-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"cn-accordion\"\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire à la cannelle de Ceylan ne doit pas remplacer une alimentation diversifiée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e👶 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eIl est important de le conserver hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e💊 Traitement médical\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant de commencer la supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cn-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --cn-cream: #FDF8F3;\n  --cn-white: #ffffff;\n  --cn-primary: #D2691E;\n  --cn-primary-dark: #8B4513;\n  --cn-primary-light: #FFF5EB;\n  --cn-secondary: #228B22;\n  --cn-accent: #CD853F;\n  --cn-text: #1a1a1a;\n  --cn-text-light: #5a5a5a;\n  --cn-border: #e8ddd4;\n  --cn-shadow: 0 4px 24px rgba(139,69,19,.08);\n  --cn-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n  --cn-radius: 20px;\n  --cn-radius-sm: 12px;\n}\n\n.cn-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cn-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cn-hero {\n  position: relative;\n  background: linear-gradient(135deg, #D2691E 0%, #CD853F 50%, #8B4513 100%);\n  border-radius: var(--cn-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cn-shadow-lg);\n}\n\n.cn-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.cn-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.cn-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cn-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cn-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cn-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.cn-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cn-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n}\n\n.cn-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cn-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cn-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cn-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cn-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cn-primary), var(--cn-accent));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cn-card {\n  background: var(--cn-white);\n  border-radius: var(--cn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cn-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cn-shadow-lg);\n  border-color: var(--cn-primary);\n}\n\n.cn-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cn-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cn-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.cn-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.cn-grid-compact .cn-card {\n  padding: 1rem;\n}\n\n.cn-grid-compact .cn-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cn-grid-compact .cn-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cn-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cn-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cn-primary), var(--cn-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cn-timeline-content {\n  flex: 1;\n  background: var(--cn-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cn-radius-sm);\n  box-shadow: var(--cn-shadow);\n}\n\n.cn-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cn-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cn-timeline-content p {\n  font-size: 14px;\n  color: var(--cn-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === INGREDIENT HERO === *\/\n.cn-ingredient-hero {\n  background: linear-gradient(135deg, var(--cn-primary-light) 0%, #fff 100%);\n  border-radius: var(--cn-radius);\n  padding: 1.5rem 2rem;\n  text-align: center;\n  margin-bottom: 1.5rem;\n  border: 2px solid var(--cn-primary);\n  position: relative;\n}\n\n.cn-ingredient-badge {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: linear-gradient(135deg, var(--cn-primary), var(--cn-primary-dark));\n  color: white;\n  padding: 6px 20px;\n  border-radius: 999px;\n  font-weight: 800;\n  font-size: 14px;\n  box-shadow: 0 4px 12px rgba(210,105,30,.3);\n}\n\n.cn-ingredient-hero h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  color: var(--cn-primary-dark);\n  margin: .5rem 0 0 0;\n}\n\n\/* === TIP BOX === *\/\n.cn-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cn-primary-light);\n  border-radius: var(--cn-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--cn-secondary);\n}\n\n.cn-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cn-tip p {\n  font-size: 14px;\n  color: var(--cn-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMMITMENT BOX === *\/\n.cn-commitment-box {\n  background: var(--cn-white);\n  border-radius: var(--cn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cn-shadow);\n  text-align: center;\n}\n\n.cn-commitment-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.cn-commitment-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .5rem;\n}\n\n.cn-commitment-icon {\n  font-size: 28px;\n}\n\n.cn-commitment-item span:last-child {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cn-primary-dark);\n}\n\n.cn-commitment-text {\n  font-size: 15px;\n  color: var(--cn-text-light);\n  line-height: 1.7;\n  margin: 0;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === ACCORDÉON === *\/\n.cn-accordion {\n  background: var(--cn-white);\n  border-radius: var(--cn-radius);\n  box-shadow: var(--cn-shadow);\n  overflow: hidden;\n}\n\n.cn-accordion-item {\n  border-bottom: 1px solid var(--cn-border);\n  margin: 0;\n  padding: 0;\n}\n\n.cn-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.cn-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--cn-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.cn-accordion-header:hover {\n  background: var(--cn-primary-light);\n}\n\n.cn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.cn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--cn-primary);\n  transition: transform .2s ease;\n}\n\n.cn-accordion-item[open] .cn-accordion-header::after {\n  content: '−';\n}\n\n.cn-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--cn-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.cn-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cn-disclaimer {\n  font-size: 12px;\n  color: var(--cn-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cn-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .cn-card {\n    padding: 1.125rem;\n  }\n  \n  .cn-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .cn-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cn-radius-sm);\n  }\n  \n  .cn-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .cn-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .cn-grid-compact {\n    gap: .625rem;\n  }\n  \n  .cn-grid-compact .cn-card {\n    padding: .75rem;\n  }\n  \n  .cn-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .cn-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .cn-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .cn-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .cn-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .cn-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .cn-commitment-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .75rem;\n  }\n  \n  .cn-commitment-icon {\n    font-size: 24px;\n  }\n  \n  .cn-commitment-item span:last-child {\n    font-size: 11px;\n  }\n  \n  .cn-ingredient-hero {\n    padding: 1.25rem 1rem;\n  }\n  \n  .cn-ingredient-badge {\n    font-size: 12px;\n    padding: 5px 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cn-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .cn-card:nth-child(1) { animation-delay: .05s; }\n  .cn-card:nth-child(2) { animation-delay: .1s; }\n  .cn-card:nth-child(3) { animation-delay: .15s; }\n  .cn-card:nth-child(4) { animation-delay: .2s; }\n  .cn-card:nth-child(5) { animation-delay: .25s; }\n  .cn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .cn-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754727399581,"sku":"VO4765","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cannelle-de-ceylan-bio-100-gelules-de-350-mg-qualidiet-packshothd.webp?v=1786018392"},{"product_id":"akba-300-mg-60-gelules-qualidiet","title":"Akba 30 Extrait de Boswellia serrata 335 mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"ak-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ak-hero\"\u003e\n    \u003cdiv class=\"ak-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ak-hero-content\"\u003e\n      \u003cdiv class=\"ak-badges-top\"\u003e\n        \u003cspan class=\"ak-badge\"\u003e🌿 Boswellia serrata\u003c\/span\u003e\n        \u003cspan class=\"ak-badge\"\u003e💪 30 % d'AKBA\u003c\/span\u003e\n        \u003cspan class=\"ak-badge\"\u003e🇫🇷 Qualidiet\u003c\/span\u003e\n        \u003cspan class=\"ak-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ak-hero-title\"\u003eAKBA 30 : Extrait de Boswellia serrata\u003c\/span\u003e\n      \u003cp class=\"ak-subtitle\"\u003eLe plus haut dosage en AKBA du marché : 30 %, soit 10× plus que les extraits standards\u003c\/p\u003e\n      \u003cp class=\"ak-description\"\u003eBien-être articulaire, souplesse et mobilité — enrichi en vitamine D3 naturelle et magnésium marin pour une action complète sur le cartilage, les os et les muscles.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ak-section\"\u003e\n    \u003ch2\u003eAKBA30 de Qualidiet : l'extrait de Boswellia serrata le plus concentré en AKBA\u003c\/h2\u003e\n    \u003cp class=\"ak-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire pour les articulations\u003c\/strong\u003e réellement efficace et naturel ?\u003c\/p\u003e\n    \u003cdiv class=\"ak-grid-compact\"\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🏆 Titrage exceptionnel\u003c\/h3\u003e\n        \u003cp\u003e30 % d'AKBA (Acide 3-Acétyl-11-Kéto-β-Boswellique), soit \u003cstrong\u003edix fois plus\u003c\/strong\u003e que les extraits standards du marché.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🌿 Résine millénaire\u003c\/h3\u003e\n        \u003cp\u003eChaque gélule concentre le meilleur de cette résine utilisée depuis toujours en \u003cstrong\u003emédecine ayurvédique\u003c\/strong\u003e pour le confort articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🔬 Actif le plus étudié\u003c\/h3\u003e\n        \u003cp\u003eL'AKBA est l'acide boswellique qui fait l'objet du \u003cstrong\u003eplus grand nombre d'études scientifiques\u003c\/strong\u003e sur la santé articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n        \u003cp\u003eGélule végétale, antiagglomérant d'origine naturelle, \u003cstrong\u003esans additifs controversés\u003c\/strong\u003e. Une formulation propre et responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ak-section\"\u003e\n    \u003ch2\u003ePourquoi l'AKBA est-il si important pour vos articulations ?\u003c\/h2\u003e\n    \u003cdiv class=\"ak-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eBoswellia serrata\u003c\/strong\u003e contient plusieurs acides boswelliques, mais l'AKBA est reconnu comme le \u003cstrong\u003eplus actif\u003c\/strong\u003e d'entre eux. C'est précisément cet actif qui fait l'objet du plus grand nombre d'études scientifiques concernant le maintien de la \u003cstrong\u003eflexibilité articulaire\u003c\/strong\u003e et le soutien du cartilage.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ak-grid\"\u003e\n      \u003cdiv class=\"ak-card ak-card-stat\"\u003e\n        \u003ch3\u003e💊 52,5 mg d'AKBA\u003c\/h3\u003e\n        \u003cp\u003ePar gélule — une concentration qu'aucun extrait classique ne peut égaler.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card ak-card-stat\"\u003e\n        \u003ch3\u003e🔟 10× plus concentré\u003c\/h3\u003e\n        \u003cp\u003eComparé aux extraits standards de Boswellia serrata disponibles sur le marché.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card ak-card-stat\"\u003e\n        \u003ch3\u003e✅ Reconnu par l'EFSA\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003e« Le Boswellia serrata aide au maintien de la santé articulaire et de la flexibilité des articulations. »\u003c\/em\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ak-tip\"\u003e\n      \u003cspan class=\"ak-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour quiconque se demande \u003cstrong\u003equel est le meilleur complément alimentaire pour les articulations\u003c\/strong\u003e, cette concentration en AKBA constitue un critère de choix décisif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ak-section\"\u003e\n    \u003ch2\u003eUne formule enrichie en vitamine D3 et magnésium marin\u003c\/h2\u003e\n    \u003cp class=\"ak-section-intro\"\u003eAKBA30 ne se limite pas au Boswellia. Sa formule associe \u003cstrong\u003etrois actifs complémentaires\u003c\/strong\u003e pour une approche globale du bien-être articulaire et musculaire.\u003c\/p\u003e\n    \u003cdiv class=\"ak-grid\"\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e☀️ Vitamine D3 naturelle\u003c\/h3\u003e\n        \u003cp\u003eIssue du lichen, elle contribue au maintien d'une \u003cstrong\u003eossature normale\u003c\/strong\u003e et d'une fonction musculaire saine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n        \u003cp\u003eAide à \u003cstrong\u003eréduire la fatigue musculaire\u003c\/strong\u003e et soutient le bon fonctionnement neuromusculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🍃 Poudre de feuille de cassis\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée pour le \u003cstrong\u003econfort des articulations\u003c\/strong\u003e, elle complète parfaitement l'action du Boswellia.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ak-tip\"\u003e\n      \u003cspan class=\"ak-tip-icon\"\u003e🤝\u003c\/span\u003e\n      \u003cp\u003eCette synergie soutient à la fois le \u003cstrong\u003ecartilage, les os et la musculature\u003c\/strong\u003e, pour une mobilité préservée au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ak-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 1 gélule de 335 mg\u003c\/h2\u003e\n    \u003cdiv class=\"ak-grid\"\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🌿 Boswellia serrata\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e175 mg\u003c\/strong\u003e — Extrait titré à 70 % d'acides boswelliques dont 30 % d'AKBA\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🍃 Feuille de cassis\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Poudre de feuille, confort articulaire traditionnel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e45 mg\u003c\/strong\u003e — Oxyde de magnésium d'origine marine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e0,33 mg\u003c\/strong\u003e — Extrait de lichen titré à 100 000 UI\/g\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ak-apports-box\"\u003e\n      \u003ch3\u003e📊 Apports pour 3 gélules (dose maximale journalière)\u003c\/h3\u003e\n      \u003cdiv class=\"ak-apports-grid\"\u003e\n        \u003cdiv class=\"ak-apport-item\"\u003e\n          \u003cspan class=\"ak-apport-value\"\u003e367 mg\u003c\/span\u003e\n          \u003cspan class=\"ak-apport-label\"\u003eAcides boswelliques dont \u003cstrong\u003e157 mg d'AKBA\u003c\/strong\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ak-apport-item\"\u003e\n          \u003cspan class=\"ak-apport-value\"\u003e75 mg\u003c\/span\u003e\n          \u003cspan class=\"ak-apport-label\"\u003eMagnésium \u003cem\u003e(25 % des VNR)\u003c\/em\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ak-apport-item\"\u003e\n          \u003cspan class=\"ak-apport-value\"\u003e99 UI\u003c\/span\u003e\n          \u003cspan class=\"ak-apport-label\"\u003eVitamine D3 — 2,5 µg \u003cem\u003e(50 % des VNR)\u003c\/em\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ak-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ak-timeline\"\u003e\n      \u003cdiv class=\"ak-timeline-item\"\u003e\n        \u003cdiv class=\"ak-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ak-timeline-content\"\u003e\n          \u003ch3\u003eCommencez doucement\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au moment d'un repas, pour observer votre ressenti.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-timeline-item\"\u003e\n        \u003cdiv class=\"ak-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ak-timeline-content\"\u003e\n          \u003ch3\u003eAjustez selon vos besoins\u003c\/h3\u003e\n          \u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e maximum, en fonction de votre confort articulaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-timeline-item\"\u003e\n        \u003cdiv class=\"ak-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ak-timeline-content\"\u003e\n          \u003ch3\u003eProfitez de votre cure\u003c\/h3\u003e\n          \u003cp\u003eLa boîte de 60 gélules offre une cure de \u003cstrong\u003e20 à 60 jours\u003c\/strong\u003e selon le dosage choisi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"ak-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse AKBA30 ?\u003c\/h2\u003e\n    \u003cdiv class=\"ak-grid-compact\"\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003ePréservez vos articulations sollicitées par l'effort et accélérez votre récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eMaintenez votre mobilité et votre souplesse articulaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n        \u003cp\u003eSoulagez les raideurs liées à la sédentarité ou aux postures prolongées.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ak-card\"\u003e\n        \u003ch3\u003e🧘 Bien-être naturel\u003c\/h3\u003e\n        \u003cp\u003eFormulation \u003cstrong\u003e100 % végétale\u003c\/strong\u003e, sans additifs controversés — une démarche responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ak-accordion\"\u003e\n      \u003cdetails class=\"ak-accordion-item\"\u003e\n        \u003csummary class=\"ak-accordion-header\"\u003e⚠️ Contre-indications et précautions\u003c\/summary\u003e\n        \u003cdiv class=\"ak-accordion-content mt-3\"\u003e\n          \u003cp\u003eConcernant le \u003cstrong\u003eBoswellia serrata et ses contre-indications\u003c\/strong\u003e, il est déconseillé aux femmes enceintes ou allaitantes. En cas de traitement médical en cours, demandez conseil à votre médecin ou pharmacien avant toute prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"ak-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ak-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos articulations le \u003cstrong\u003emeilleur extrait de Boswellia serrata\u003c\/strong\u003e du marché — 30 % d'AKBA, enrichi en vitamine D3 et magnésium marin, pour une mobilité retrouvée au naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ak-disclaimer\"\u003eRappel important : ce complément alimentaire ne remplace pas un traitement médical, une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ak-cream: #f5f5f0;\n  --ak-white: #ffffff;\n  --ak-primary: #2e7d32;\n  --ak-primary-dark: #1b5e20;\n  --ak-primary-light: #e8f5e9;\n  --ak-secondary: #4caf50;\n  --ak-accent: #c62828;\n  --ak-text: #1a1a1a;\n  --ak-text-light: #5a5a5a;\n  --ak-border: #e0e0e0;\n  --ak-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ak-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ak-radius: 20px;\n  --ak-radius-sm: 12px;\n}\n\n.ak-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ak-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ak-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ak-primary-dark) 0%, var(--ak-primary) 50%, var(--ak-secondary) 100%);\n  border-radius: var(--ak-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ak-shadow-lg);\n}\n\n.ak-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.ak-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ak-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.ak-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ak-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ak-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ak-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.ak-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ak-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ak-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ak-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ak-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.ak-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ak-primary), var(--ak-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ak-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ak-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ak-card {\n  background: var(--ak-white);\n  border-radius: var(--ak-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ak-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ak-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ak-shadow-lg);\n  border-color: var(--ak-primary);\n}\n\n.ak-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ak-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ak-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ak-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ak-card-stat {\n  border-top: 4px solid var(--ak-primary);\n}\n\n\/* === GRILLES === *\/\n.ak-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ak-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ak-grid-compact .ak-card {\n  padding: 1rem;\n}\n\n.ak-grid-compact .ak-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ak-grid-compact .ak-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ak-highlight-box {\n  background: var(--ak-primary-light);\n  border-radius: var(--ak-radius-sm);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  margin-bottom: 1.5rem;\n  border-left: 5px solid var(--ak-primary);\n}\n\n.ak-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ak-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === APPORTS BOX === *\/\n.ak-apports-box {\n  background: var(--ak-white);\n  border-radius: var(--ak-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--ak-shadow);\n  margin-top: 1.5rem;\n  border: 2px solid var(--ak-primary-light);\n}\n\n.ak-apports-box h3 {\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--ak-primary-dark);\n  text-align: center;\n  margin: 0 0 1.25rem 0;\n}\n\n.ak-apports-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.ak-apport-item {\n  text-align: center;\n  padding: 1rem;\n  background: var(--ak-primary-light);\n  border-radius: var(--ak-radius-sm);\n}\n\n.ak-apport-value {\n  display: block;\n  font-size: clamp(24px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ak-primary-dark);\n  line-height: 1.2;\n  margin-bottom: .35rem;\n}\n\n.ak-apport-label {\n  display: block;\n  font-size: clamp(12px, 2vw, 14px);\n  color: var(--ak-text-light);\n  line-height: 1.4;\n}\n\n\/* === TIMELINE === *\/\n.ak-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ak-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ak-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ak-primary), var(--ak-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ak-timeline-content {\n  flex: 1;\n  background: var(--ak-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ak-radius-sm);\n  box-shadow: var(--ak-shadow);\n}\n\n.ak-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ak-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ak-timeline-content p {\n  font-size: 14px;\n  color: var(--ak-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ak-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ak-primary-light);\n  border-radius: var(--ak-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ak-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ak-tip p {\n  font-size: 14px;\n  color: var(--ak-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ak-testimonial {\n  background: var(--ak-white);\n  border-radius: var(--ak-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ak-shadow);\n  border-left: 4px solid var(--ak-primary);\n}\n\n.ak-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ak-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ak-accordion {\n  background: var(--ak-white);\n  border-radius: var(--ak-radius);\n  box-shadow: var(--ak-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.ak-accordion-item {\n  border-bottom: 1px solid var(--ak-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ak-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ak-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ak-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ak-accordion-header:hover {\n  background: var(--ak-primary-light);\n}\n\n.ak-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ak-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ak-primary);\n  transition: transform .2s ease;\n}\n\n.ak-accordion-item[open] .ak-accordion-header::after {\n  content: '−';\n}\n\n.ak-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ak-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ak-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ak-cta-box {\n  background: linear-gradient(135deg, var(--ak-primary) 0%, var(--ak-primary-dark) 100%);\n  border-radius: var(--ak-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ak-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ak-disclaimer {\n  font-size: 12px;\n  color: var(--ak-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ak-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ak-card {\n    padding: 1.125rem;\n  }\n\n  .ak-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ak-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ak-radius-sm);\n  }\n\n  .ak-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ak-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ak-grid-compact {\n    gap: .625rem;\n  }\n\n  .ak-grid-compact .ak-card {\n    padding: .75rem;\n  }\n\n  .ak-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ak-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ak-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ak-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ak-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ak-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ak-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ak-testimonial-text {\n    font-size: 14px;\n  }\n\n  .ak-apports-grid {\n    grid-template-columns: 1fr;\n    gap: .75rem;\n  }\n\n  .ak-apport-item {\n    padding: .75rem;\n  }\n\n  .ak-apport-value {\n    font-size: 24px;\n  }\n\n  .ak-highlight-box {\n    padding: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ak-card {\n    animation: akFadeInUp .5s ease backwards;\n  }\n  .ak-card:nth-child(1) { animation-delay: .05s; }\n  .ak-card:nth-child(2) { animation-delay: .1s; }\n  .ak-card:nth-child(3) { animation-delay: .15s; }\n  .ak-card:nth-child(4) { animation-delay: .2s; }\n  .ak-card:nth-child(5) { animation-delay: .25s; }\n  .ak-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes akFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ak-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754728186013,"sku":"VO4620","price":22.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/akba-30-extrait-de-boswellia-serrata-335-mg-60-gelules-quali-packshothd_575ca2d7-30de-41b0-ab64-173650934a06.webp?v=1786018671"},{"product_id":"quercetine-anhydre-vegetale-60-gelules-qualidiet","title":"Quercétine Anhydre Végétale - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"qc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"qc-hero\"\u003e\n    \u003cdiv class=\"qc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qc-hero-content\"\u003e\n      \u003cdiv class=\"qc-badges-top\"\u003e\n        \u003cspan class=\"qc-badge\"\u003e🌿 Origine végétale\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e💊 300 mg \/ gélule\u003c\/span\u003e\n        \u003cspan class=\"qc-badge\"\u003e🧪 Forme anhydre pure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qc-hero-title\"\u003eQuercétine anhydre végétale\u003c\/span\u003e\n      \u003cp class=\"qc-subtitle\"\u003e60 gélules dosées à 300 mg — Qualidiet\u003c\/p\u003e\n      \u003cp class=\"qc-description\"\u003eUn flavonoïde puissant extrait du Sophora Japonica pour soutenir vos défenses, lutter contre le stress oxydatif et retrouver un confort au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eQuercétine anhydre d'origine végétale : un flavonoïde puissant au quotidien\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour soutenir vos défenses et lutter contre le stress oxydatif ?\u003c\/p\u003e\n    \u003cdiv class=\"qc-highlight-box\"\u003e\n      \u003cp\u003eLa \u003cstrong\u003eQuercétine Anhydre Végétale de Qualidiet\u003c\/strong\u003e vous apporte \u003cstrong\u003e300 mg de quercétine pure par gélule\u003c\/strong\u003e, extraite du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, un arbre reconnu pour sa richesse exceptionnelle en flavonoïdes. Ce polyphénol, largement étudié par la recherche scientifique, fait partie des antioxydants les plus prometteurs du règne végétal.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la quercétine pour votre organisme\u003c\/h2\u003e\n    \u003cp class=\"qc-section-intro\"\u003eLa quercétine est un flavonol naturellement présent dans certains fruits et légumes (oignons, câpres, myrtilles), mais souvent en quantités insuffisantes pour en ressentir les effets. La supplémentation permet d'atteindre des dosages réellement utiles.\u003c\/p\u003e\n    \u003cdiv class=\"qc-grid\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌸 Action antihistaminique naturelle\u003c\/h3\u003e\n        \u003cp\u003eLa quercétine est reconnue pour aider à stabiliser les mastocytes, ces cellules impliquées dans les réactions allergiques. Si vous souffrez d'allergies saisonnières, elle peut contribuer à réduire l'inconfort au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eElle neutralise les radicaux libres responsables du vieillissement cellulaire prématuré et des dommages oxydatifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003ePlusieurs études suggèrent un rôle favorable de la quercétine sur la santé des vaisseaux sanguins et la tension artérielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🫁 Quercétine et intestin\u003c\/h3\u003e\n        \u003cp\u003eCe flavonoïde contribue à maintenir l'intégrité de la barrière intestinale et à moduler la réponse inflammatoire au niveau digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n        \u003cp\u003eEn aidant à réguler la réponse immunitaire, elle participe au bon fonctionnement de vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"qc-grid-compact\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌿 Quercétine anhydre\u003c\/h3\u003e\n        \u003cp\u003e300 mg — Extraite du Sophora Japonica\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n        \u003cp\u003eHPMC — 100 % d'origine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-tip\"\u003e\n      \u003cspan class=\"qc-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans gluten, sans OGM, sans conservateur, sans colorant ni arôme artificiel.\u003c\/strong\u003e Convient aux personnes suivant un régime végétarien ou végétalien. Poids net du flacon : 23,40 g pour 60 gélules.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"qc-timeline\"\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence pendant un repas pour favoriser l'absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour une protection antioxydante de fond et un soutien immunitaire régulier.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-timeline-item\"\u003e\n        \u003cdiv class=\"qc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qc-timeline-content\"\u003e\n          \u003ch3\u003ePériode d'allergie ou de sollicitation\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e en période d'allergie saisonnière ou de sollicitation immunitaire accrue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-tip\"\u003e\n      \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eEn cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"qc-section\"\u003e\n    \u003ch2\u003eQuercétine : danger ou précautions ?\u003c\/h2\u003e\n    \u003cdiv class=\"qc-accordion\"\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eAux dosages recommandés, la quercétine ne présente pas de danger particulier pour les adultes en bonne santé. Toutefois, elle est \u003cstrong\u003edéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement anticoagulant, en raison d'interactions possibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qc-accordion-item\"\u003e\n        \u003csummary class=\"qc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir la quercétine Qualidiet ?\u003c\/h2\u003e\n    \u003cdiv class=\"qc-grid\"\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e⚗️ Forme anhydre concentrée\u003c\/h3\u003e\n        \u003cp\u003eSans molécule d'eau liée, garantissant une \u003cstrong\u003econcentration maximale en principe actif\u003c\/strong\u003e dans chaque gélule — un avantage rare face aux produits classiques en pharmacie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🌳 Source végétale de référence\u003c\/h3\u003e\n        \u003cp\u003eL'extraction est réalisée à partir du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, une source naturelle reconnue pour sa richesse exceptionnelle en quercétine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eProduit selon des \u003cstrong\u003enormes de qualité strictes\u003c\/strong\u003e, assurant une traçabilité complète du début à la fin de la production.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qc-cta-box\"\u003e\n      \u003cp\u003eSi vous recherchez un allié naturel pour vos allergies, votre confort intestinal ou simplement pour renforcer votre protection antioxydante, la \u003cstrong\u003eQuercétine Anhydre Végétale Qualidiet\u003c\/strong\u003e est un choix fiable et bien dosé.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qc-disclaimer\"\u003eComplément alimentaire — Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qc-cream: #f4f5f8;\n  --qc-white: #ffffff;\n  --qc-primary: #1e3a6e;\n  --qc-primary-dark: #122550;\n  --qc-primary-light: #e8edf5;\n  --qc-secondary: #4a6fa5;\n  --qc-accent: #8ba3cc;\n  --qc-text: #1a1a1a;\n  --qc-text-light: #5a5a5a;\n  --qc-border: #dde2ea;\n  --qc-shadow: 0 4px 24px rgba(30,58,110,.08);\n  --qc-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n  --qc-radius: 20px;\n  --qc-radius-sm: 12px;\n}\n\n.qc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #122550 0%, #1e3a6e 40%, #4a6fa5 100%);\n  border-radius: var(--qc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--qc-shadow-lg);\n}\n\n.qc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(139,163,204,.08) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.qc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.qc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.qc-description {\n  color: rgba(255,255,255,.75);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.qc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.qc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--qc-primary), var(--qc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.qc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qc-highlight-box {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qc-shadow);\n  border-left: 4px solid var(--qc-primary);\n}\n\n.qc-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--qc-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.qc-card {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qc-shadow-lg);\n  border-color: var(--qc-primary);\n}\n\n.qc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.qc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qc-grid-compact .qc-card {\n  padding: 1rem;\n}\n\n.qc-grid-compact .qc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qc-grid-compact .qc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qc-primary), var(--qc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.qc-timeline-content {\n  flex: 1;\n  background: var(--qc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qc-radius-sm);\n  box-shadow: var(--qc-shadow);\n}\n\n.qc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qc-timeline-content p {\n  font-size: 14px;\n  color: var(--qc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.qc-testimonial {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qc-shadow);\n  border-left: 4px solid var(--qc-primary);\n}\n\n.qc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.qc-accordion {\n  background: var(--qc-white);\n  border-radius: var(--qc-radius);\n  box-shadow: var(--qc-shadow);\n  overflow: hidden;\n}\n\n.qc-accordion-item {\n  border-bottom: 1px solid var(--qc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.qc-accordion-header:hover {\n  background: var(--qc-primary-light);\n}\n\n.qc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qc-primary);\n  transition: transform .2s ease;\n}\n\n.qc-accordion-item[open] .qc-accordion-header::after {\n  content: '−';\n}\n\n.qc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.qc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qc-primary-light);\n  border-radius: var(--qc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.qc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qc-tip p {\n  font-size: 14px;\n  color: var(--qc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.qc-cta-box {\n  background: linear-gradient(135deg, var(--qc-primary) 0%, var(--qc-primary-dark) 100%);\n  border-radius: var(--qc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 1.5rem;\n}\n\n.qc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qc-disclaimer {\n  font-size: 12px;\n  color: var(--qc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .qc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .qc-card {\n    padding: 1.125rem;\n  }\n\n  .qc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .qc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qc-radius-sm);\n  }\n\n  .qc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .qc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .qc-grid-compact {\n    gap: .625rem;\n  }\n\n  .qc-grid-compact .qc-card {\n    padding: .75rem;\n  }\n\n  .qc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .qc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .qc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .qc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .qc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .qc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .qc-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .qc-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qc-card {\n    animation: qcFadeInUp .5s ease backwards;\n  }\n  .qc-card:nth-child(1) { animation-delay: .05s; }\n  .qc-card:nth-child(2) { animation-delay: .1s; }\n  .qc-card:nth-child(3) { animation-delay: .15s; }\n  .qc-card:nth-child(4) { animation-delay: .2s; }\n  .qc-card:nth-child(5) { animation-delay: .25s; }\n  .qc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .qc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754731102365,"sku":"VO4616","price":16.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quercetine-anhydre-vegetale-60-gelules-qualidiet-packshothd.webp?v=1786025409"},{"product_id":"hericium-500-mg-bio-60-gelules-qualidiet","title":"Héricium bio 500 Mg - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Héricium bio 500 mg - 60 Gélules\nPalette détectée:\n  - Primaire: #1E5AAF (bleu profond du titre \"HERICIUM\")\n  - Secondaire: #4A9B4A (vert bio de \"Issu de l'Agriculture biologique\")\n  - Accent: #C8352D (rouge du logo \"QUALIDIET\")\nAmbiance: Pharmaceutique\/médical, naturel\/bio, confiance, simplicité, pureté (fond blanc du packaging)\nPréfixe CSS: hrc\n--\u003e\n\n\u003cdiv class=\"hrc-premium\"\u003e\n  \n  \u003cdiv class=\"hrc-hero\"\u003e\n    \u003cdiv class=\"hrc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hrc-hero-content\"\u003e\n      \u003cdiv class=\"hrc-badges-top\"\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🍄 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🧠 Lion's Mane\u003c\/span\u003e\n        \u003cspan class=\"hrc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hrc-hero-title\"\u003eLion's mane Héricium bio 500 mg\u003c\/span\u003e\n      \u003cp class=\"hrc-subtitle\"\u003eLe champignon de la mémoire et de la concentration\u003c\/p\u003e\n      \u003cp class=\"hrc-description\"\u003eExtrait haute concentration avec \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e pour soutenir vos fonctions cognitives naturellement.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🌟 Pourquoi choisir ce lion's mane en gélule ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e⚡ Concentration exceptionnelle\u003c\/h3\u003e\n        \u003cp\u003e60% de polysaccharides et 20% de bêta-glucanes, bien au-delà des standards du marché\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n        \u003cp\u003e500 mg par gélule, plus généreux que les formules concurrentes à 400 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n        \u003cp\u003eCultivé selon les normes bio, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🥬 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules végétales en hypromellose, adaptées aux régimes végétariens\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabrication française avec traçabilité et contrôle qualité rigoureux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n        \u003cp\u003eSans conservateurs artificiels ni additifs controversés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🍄 Qu'est-ce que le lion's mane (Hericium erinaceus) ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-info-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eHericium erinaceus\u003c\/strong\u003e, surnommé \u003cstrong\u003eLion's Mane\u003c\/strong\u003e (crinière de lion) en raison de son apparence unique, est un champignon médicinal utilisé depuis des siècles en médecine traditionnelle asiatique.\u003c\/p\u003e\n      \u003cp\u003eReconnaissable à ses longs filaments blancs, ce champignon fascine la communauté scientifique pour sa richesse en composés bioactifs spécifiques : les \u003cstrong\u003ehéricénones\u003c\/strong\u003e et les \u003cstrong\u003eérinacines\u003c\/strong\u003e. Ces molécules uniques peuvent traverser la barrière hémato-encéphalique et stimuler la production du facteur de croissance nerveux (NGF).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e💪 Les bienfaits du lion's mane sur votre organisme\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eFavorise la clarté mentale\u003c\/li\u003e\n          \u003cli\u003eSoutient la mémoire au quotidien\u003c\/li\u003e\n          \u003cli\u003eAccompagne la concentration intense\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eAccompagne face au stress\u003c\/li\u003e\n          \u003cli\u003eFavorise le bien-être mental\u003c\/li\u003e\n          \u003cli\u003eSoutient l'équilibre émotionnel\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n        \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003ePropriétés prébiotiques\u003c\/li\u003e\n          \u003cli\u003eMuqueuse gastrique saine\u003c\/li\u003e\n          \u003cli\u003eÉquilibre du microbiote\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📋 Composition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-composition-box\"\u003e\n      \u003cdiv class=\"hrc-composition-header\"\u003ePour 2 gélules (dose journalière)\u003c\/div\u003e\n      \u003cdiv class=\"hrc-composition-grid\"\u003e\n        \u003cdiv class=\"hrc-composition-item\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003eExtrait d'Hericium erinaceus bio\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e1000 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003e↳ dont polysaccharides\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e600 mg (60%)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003e↳ dont bêta-glucanes\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003e200 mg (20%)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hrc-composition-item\"\u003e\n          \u003cspan class=\"hrc-composition-label\"\u003eEnveloppe gélule végétale\u003c\/span\u003e\n          \u003cspan class=\"hrc-composition-value\"\u003eHypromellose\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-steps\"\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003ePosologie\u003c\/h3\u003e\n          \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n          \u003cp\u003eLe matin au petit-déjeuner\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eAdministration\u003c\/h3\u003e\n          \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-step\"\u003e\n        \u003cdiv class=\"hrc-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hrc-step-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003e2 à 3 mois, renouvelable\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hrc-tip\"\u003e\n      \u003cstrong\u003e💡 Astuce synergie :\u003c\/strong\u003e Associez ce complément au Reishi ou Cordyceps en alternance pour une action renforcée sur les fonctions cognitives.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e👥 À qui s'adresse ce complément à l'Héricium  ?\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n        \u003cp\u003eEn période d'examens ou de révisions intensives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n        \u003cp\u003eSoumis à une charge mentale importante\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant préserver leurs capacités cognitives\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eEn recherche d'un soutien naturel pour le système nerveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n        \u003cp\u003ePour renforcer le confort intestinal\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e🏆 Qualité et traçabilité\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-grid-compact\"\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n        \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🔬 Extraction pure\u003c\/h3\u003e\n        \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eBonnes pratiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hrc-card\"\u003e\n        \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n        \u003cp\u003eAnalyses qualité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"hrc-accordion\"\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e📦 Contenu du flacon\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003e60 gélules végétales de 500 mg, soit \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e à raison de 2 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hrc-accordion-item\"\u003e\n        \u003csummary class=\"hrc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"hrc-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière indiquée.\u003c\/p\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable. En cas de traitement médical ou de pathologie, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n          \u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical et n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hrc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"hrc-cta-box\"\u003e\n      \u003cp\u003e🍄 Offrez à votre cerveau le pouvoir ancestral du \u003cstrong\u003eLion's Mane\u003c\/strong\u003e avec une formule bio hautement concentrée. Mémoire, concentration et bien-être digestif réunis dans un seul complément d'excellence.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hrc-cream: #f8f9fa;\n  --hrc-white: #ffffff;\n  --hrc-primary: #1E5AAF;\n  --hrc-primary-dark: #14407a;\n  --hrc-primary-light: #e8f0fa;\n  --hrc-secondary: #4A9B4A;\n  --hrc-secondary-light: #e8f5e8;\n  --hrc-accent: #C8352D;\n  --hrc-text: #1a1a1a;\n  --hrc-text-light: #5a5a5a;\n  --hrc-border: #e0e0e0;\n  --hrc-shadow: 0 4px 24px rgba(30,90,175,.08);\n  --hrc-shadow-lg: 0 12px 48px rgba(30,90,175,.15);\n  --hrc-radius: 20px;\n  --hrc-radius-sm: 12px;\n}\n\n.hrc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hrc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hrc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1E5AAF 0%, #2d6fc4 40%, #4A9B4A 100%);\n  border-radius: var(--hrc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.hrc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hrc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.hrc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--hrc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hrc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.hrc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hrc-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.hrc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.hrc-description strong {\n  color: white;\n}\n\n\/* === SECTIONS === *\/\n.hrc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hrc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hrc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.hrc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--hrc-primary), var(--hrc-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hrc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hrc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hrc-card {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hrc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hrc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hrc-shadow-lg);\n  border-color: var(--hrc-primary);\n}\n\n.hrc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hrc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hrc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hrc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.hrc-card-benefit {\n  text-align: left;\n}\n\n.hrc-card-benefit ul {\n  margin: 0;\n  padding-left: 0;\n  list-style: none;\n}\n\n.hrc-card-benefit li {\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--hrc-text-light);\n  padding: .35rem 0;\n  padding-left: 1.5rem;\n  position: relative;\n}\n\n.hrc-card-benefit li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--hrc-secondary);\n  font-weight: 700;\n}\n\n.hrc-grid-compact .hrc-card {\n  padding: 1rem;\n}\n\n.hrc-grid-compact .hrc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hrc-grid-compact .hrc-card p {\n  font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.hrc-info-box {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hrc-shadow);\n  border-left: 5px solid var(--hrc-primary);\n}\n\n.hrc-info-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--hrc-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.hrc-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n.hrc-info-box strong {\n  color: var(--hrc-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.hrc-composition-box {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  overflow: hidden;\n  box-shadow: var(--hrc-shadow);\n}\n\n.hrc-composition-header {\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-primary-dark) 100%);\n  color: white;\n  padding: 1rem 1.5rem;\n  font-weight: 700;\n  font-size: clamp(14px, 2.5vw, 16px);\n  text-align: center;\n}\n\n.hrc-composition-grid {\n  padding: 1rem;\n}\n\n.hrc-composition-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1rem;\n  border-bottom: 1px solid var(--hrc-border);\n}\n\n.hrc-composition-item:last-child {\n  border-bottom: none;\n}\n\n.hrc-composition-sub {\n  background: var(--hrc-primary-light);\n  margin: 0 -1rem;\n  padding-left: 2rem;\n}\n\n.hrc-composition-label {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hrc-text);\n}\n\n.hrc-composition-value {\n  font-size: clamp(13px, 2vw, 15px);\n  font-weight: 700;\n  color: var(--hrc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.hrc-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 1.5rem;\n}\n\n.hrc-step {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  padding: 1.5rem;\n  box-shadow: var(--hrc-shadow);\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  transition: all .3s ease;\n}\n\n.hrc-step:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-step-number {\n  width: 40px;\n  height: 40px;\n  min-width: 40px;\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.hrc-step-content h3 {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--hrc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hrc-step-content p {\n  font-size: 14px;\n  color: var(--hrc-text-light);\n  margin: 0;\n}\n\n.hrc-tip {\n  background: var(--hrc-secondary-light);\n  border-radius: var(--hrc-radius-sm);\n  padding: 1rem 1.25rem;\n  font-size: clamp(13px, 2vw, 14px);\n  color: var(--hrc-text);\n  border-left: 4px solid var(--hrc-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.hrc-accordion {\n  background: var(--hrc-white);\n  border-radius: var(--hrc-radius);\n  box-shadow: var(--hrc-shadow);\n  overflow: hidden;\n}\n\n.hrc-accordion-item {\n  border-bottom: 1px solid var(--hrc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hrc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hrc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hrc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.hrc-accordion-header:hover {\n  background: var(--hrc-primary-light);\n}\n\n.hrc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hrc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hrc-primary);\n  transition: transform .2s ease;\n}\n\n.hrc-accordion-item[open] .hrc-accordion-header::after {\n  content: '−';\n}\n\n.hrc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hrc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.hrc-accordion-content p {\n  margin: 0 0 .75rem 0;\n}\n\n.hrc-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n.hrc-accordion-content em {\n  font-size: 13px;\n  color: var(--hrc-text-light);\n}\n\n\/* === CTA === *\/\n.hrc-cta-box {\n  background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n  border-radius: var(--hrc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.hrc-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.hrc-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.hrc-cta-box strong {\n  color: white;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .hrc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .hrc-card {\n    padding: 1.125rem;\n  }\n  \n  .hrc-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .hrc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hrc-radius-sm);\n  }\n  \n  .hrc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .hrc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .hrc-badges-top {\n    gap: 8px;\n  }\n  \n  .hrc-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n  \n  .hrc-grid-compact {\n    gap: .625rem;\n  }\n  \n  .hrc-grid-compact .hrc-card {\n    padding: .75rem;\n  }\n  \n  .hrc-steps {\n    grid-template-columns: 1fr 1fr;\n    gap: .75rem;\n  }\n  \n  .hrc-step {\n    padding: 1rem;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    gap: .5rem;\n  }\n  \n  .hrc-step-number {\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    font-size: 16px;\n  }\n  \n  .hrc-info-box {\n    padding: 1.25rem;\n  }\n  \n  .hrc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .hrc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .hrc-composition-item {\n    padding: .75rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n  \n  .hrc-composition-sub {\n    padding-left: 1.5rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hrc-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .hrc-card:nth-child(1) { animation-delay: .05s; }\n  .hrc-card:nth-child(2) { animation-delay: .1s; }\n  .hrc-card:nth-child(3) { animation-delay: .15s; }\n  .hrc-card:nth-child(4) { animation-delay: .2s; }\n  .hrc-card:nth-child(5) { animation-delay: .25s; }\n  .hrc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .hrc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732183709,"sku":"VO4612","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hericium-bio-500-mg-60-gelules-qualidiet-packshothd.webp?v=1786024626"},{"product_id":"reishi-500-mg-bio-60-gelules-qualidiet","title":"Reishi 500 Mg Bio - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi 500 Mg Bio - 60 Gélules\nPalette détectée:\n  - Primaire: #1E5AA8 (bleu du texte \"REISHI\" sur le packaging)\n  - Secondaire: #2E7D32 (vert \"Agriculture biologique\")\n  - Accent: #C62828 (rouge \"QUALIDIET\")\nAmbiance: Naturel\/Bio, médical, épuré, scientifique avec touches organiques\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"rei-hero\"\u003e\n    \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"rei-hero-content\"\u003e\n      \u003cdiv class=\"rei-badges-top\"\u003e\n        \u003cspan class=\"rei-badge\"\u003e🍄 Ganoderma lucidum\u003c\/span\u003e\n        \u003cspan class=\"rei-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"rei-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rei-hero-title\"\u003eReishi 500 mg bio\u003c\/span\u003e\n      \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité\u003c\/p\u003e\n      \u003cp class=\"rei-description\"\u003eExtrait hautement concentré en polysaccharides et triterpènes pour renforcer naturellement vos défenses et apaiser votre esprit\u003c\/p\u003e\n      \u003cdiv class=\"rei-hero-stats\"\u003e\n        \u003cdiv class=\"rei-stat\"\u003e\n          \u003cspan class=\"rei-stat-number\"\u003e500 mg\u003c\/span\u003e\n          \u003cspan class=\"rei-stat-label\"\u003epar gélule\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-stat\"\u003e\n          \u003cspan class=\"rei-stat-number\"\u003e60%\u003c\/span\u003e\n          \u003cspan class=\"rei-stat-label\"\u003epolysaccharides\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-stat\"\u003e\n          \u003cspan class=\"rei-stat-number\"\u003e20%\u003c\/span\u003e\n          \u003cspan class=\"rei-stat-label\"\u003ebêta-glucanes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e🌟 Les bienfaits du reishi\u003c\/h2\u003e\n    \u003cdiv class=\"rei-grid\"\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eLes bêta-glucanes stimulent naturellement le système immunitaire et aident l'organisme à mieux se défendre contre les agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eGestion du stress\u003c\/h3\u003e\n        \u003cp\u003eChampignon adaptogène par excellence, le reishi aide à réguler la réponse au stress et favorise un état d'équilibre mental.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n        \u003cp\u003eRiche en triterpènes et polysaccharides, il combat le stress oxydatif et protège les cellules du vieillissement prématuré.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e😴\u003c\/div\u003e\n        \u003ch3\u003eSommeil apaisé\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour favoriser un sommeil réparateur et améliorer la qualité du repos nocturne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e❤️\u003c\/div\u003e\n        \u003ch3\u003eBien-être cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une circulation sanguine normale et soutient la santé du système cardiovasculaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-card\"\u003e\n        \u003cdiv class=\"rei-card-icon\"\u003e🔋\u003c\/div\u003e\n        \u003ch3\u003eVitalité durable\u003c\/h3\u003e\n        \u003cp\u003eSurnommé \"champignon de l'immortalité\" en Asie, il procure une énergie constante sans stimulation excessive.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n    \u003cdiv class=\"rei-composition-wrapper\"\u003e\n      \u003cdiv class=\"rei-composition-main\"\u003e\n        \u003cdiv class=\"rei-ingredient-hero\"\u003e\n          \u003cdiv class=\"rei-ingredient-content\"\u003e\n            \u003ch3\u003e🍄 Extrait de reishi bio\u003c\/h3\u003e\n            \u003cspan class=\"rei-ingredient-latin\"\u003eGanoderma lucidum\u003c\/span\u003e\n            \u003cdiv class=\"rei-ingredient-dosage\"\u003e500 mg par gélule\u003c\/div\u003e\n            \u003cp\u003eExtrait haute concentration certifié biologique, standardisé à 60% de polysaccharides et 20% de bêta-glucanes pour une efficacité maximale.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-composition-grid\"\u003e\n        \u003cdiv class=\"rei-mini-card\"\u003e\n          \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n          \u003cspan class=\"rei-mini-label\"\u003eCellulose microcristalline bio\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-mini-card\"\u003e\n          \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n          \u003cspan class=\"rei-mini-label\"\u003eAmidon de riz bio\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"rei-usage-box\"\u003e\n      \u003cdiv class=\"rei-usage-steps\"\u003e\n        \u003cdiv class=\"rei-step\"\u003e\n          \u003cdiv class=\"rei-step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"rei-step-content\"\u003e\n            \u003ch4\u003ePosologie\u003c\/h4\u003e\n            \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e par jour selon vos besoins\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-step\"\u003e\n          \u003cdiv class=\"rei-step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"rei-step-content\"\u003e\n            \u003ch4\u003eMoment\u003c\/h4\u003e\n            \u003cp\u003eDe préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rei-step\"\u003e\n          \u003cdiv class=\"rei-step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"rei-step-content\"\u003e\n            \u003ch4\u003eDurée\u003c\/h4\u003e\n            \u003cp\u003eCure de \u003cstrong\u003eplusieurs mois\u003c\/strong\u003e recommandée pour une efficacité optimale\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-tip\"\u003e\n        \u003cspan class=\"rei-tip-icon\"\u003e💡\u003c\/span\u003e\n        \u003cp\u003eLa posologie peut être adaptée selon les recommandations de votre professionnel de santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"rei-grid rei-grid-4\"\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e🏃\u003c\/span\u003e\n        \u003ch4\u003eActifs stressés\u003c\/h4\u003e\n        \u003cp\u003eRetrouvez calme et sérénité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e🤧\u003c\/span\u003e\n        \u003ch4\u003eImmunité fragilisée\u003c\/h4\u003e\n        \u003cp\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e😓\u003c\/span\u003e\n        \u003ch4\u003eFatigue chronique\u003c\/h4\u003e\n        \u003cp\u003eRetrouvez votre vitalité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-profile-card\"\u003e\n        \u003cspan class=\"rei-profile-icon\"\u003e🧓\u003c\/span\u003e\n        \u003ch4\u003eSeniors\u003c\/h4\u003e\n        \u003cp\u003ePréservez votre bien-être global\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003ch2\u003e✨ Nos engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"rei-quality-grid\"\u003e\n      \u003cdiv class=\"rei-quality-card\"\u003e\n        \u003cdiv class=\"rei-quality-badge\"\u003e🌿\u003c\/div\u003e\n        \u003ch4\u003e100% biologique\u003c\/h4\u003e\n        \u003cp\u003eCertifié ECOCERT, sans pesticides ni agents chimiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-quality-card\"\u003e\n        \u003cdiv class=\"rei-quality-badge\"\u003e🇫🇷\u003c\/div\u003e\n        \u003ch4\u003eFabriqué en France\u003c\/h4\u003e\n        \u003cp\u003eProduction contrôlée selon les normes les plus strictes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rei-quality-card\"\u003e\n        \u003cdiv class=\"rei-quality-badge\"\u003e🔍\u003c\/div\u003e\n        \u003ch4\u003eTraçabilité totale\u003c\/h4\u003e\n        \u003cp\u003eDe la récolte à la production, chaque étape est contrôlée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"rei-section\"\u003e\n    \u003cdiv class=\"rei-warning-box\"\u003e\n      \u003cdiv class=\"rei-warning-header\"\u003e\n        \u003cspan class=\"rei-warning-icon\"\u003e⚠️\u003c\/span\u003e\n        \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n      \u003c\/div\u003e\n      \u003cul class=\"rei-warning-list\"\u003e\n        \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n        \u003cli\u003eConsultez votre médecin si vous êtes enceinte, allaitez ou êtes sous traitement médical\u003c\/li\u003e\n        \u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"rei-cta-box\"\u003e\n      \u003cdiv class=\"rei-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"rei-cta-content\"\u003e\n        \u003cspan class=\"rei-cta-emoji\"\u003e🍄\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre corps le pouvoir millénaire du reishi, le champignon sacré de la médecine traditionnelle asiatique. Une cure naturelle pour renforcer votre immunité et retrouver sérénité et vitalité.\u003c\/p\u003e\n        \u003cdiv class=\"rei-cta-badges\"\u003e\n          \u003cspan class=\"rei-cta-badge\"\u003e✓ Bio certifié\u003c\/span\u003e\n          \u003cspan class=\"rei-cta-badge\"\u003e✓ Haute concentration\u003c\/span\u003e\n          \u003cspan class=\"rei-cta-badge\"\u003e✓ Made in France\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --rei-cream: #F8F6F3;\n  --rei-white: #ffffff;\n  --rei-primary: #1E5AA8;\n  --rei-primary-dark: #164785;\n  --rei-primary-light: #E8F1FB;\n  --rei-secondary: #2E7D32;\n  --rei-secondary-light: #E8F5E9;\n  --rei-accent: #C62828;\n  --rei-text: #1a1a1a;\n  --rei-text-light: #5a5a5a;\n  --rei-border: #e0e0e0;\n  --rei-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --rei-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --rei-radius: 20px;\n  --rei-radius-sm: 12px;\n}\n\n.rei-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--rei-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--rei-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1E5AA8 0%, #164785 40%, #2E7D32 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.rei-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.rei-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.rei-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--rei-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.rei-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.rei-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rei-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.rei-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 600px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.rei-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.rei-stat {\n  text-align: center;\n  padding: 1rem 1.5rem;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border-radius: var(--rei-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.rei-stat-number {\n  display: block;\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n}\n\n.rei-stat-label {\n  font-size: 12px;\n  color: rgba(255,255,255,.8);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rei-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--rei-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.rei-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--rei-primary), var(--rei-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.rei-grid-4 {\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS BIENFAITS === *\/\n.rei-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--rei-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.rei-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--rei-shadow-lg);\n  border-color: var(--rei-primary);\n}\n\n.rei-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.rei-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.rei-card p {\n  font-size: 14px;\n  color: var(--rei-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.rei-composition-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.rei-ingredient-hero {\n  background: linear-gradient(135deg, var(--rei-primary-light) 0%, var(--rei-secondary-light) 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  display: flex;\n  align-items: center;\n  gap: 2rem;\n  border: 2px solid var(--rei-primary);\n}\n\n.rei-ingredient-icon {\n  font-size: 72px;\n  flex-shrink: 0;\n}\n\n.rei-ingredient-content h3 {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.25rem 0;\n}\n\n.rei-ingredient-latin {\n  font-style: italic;\n  color: var(--rei-secondary);\n  font-size: 14px;\n  display: block;\n  margin-bottom: 0.5rem;\n}\n\n.rei-ingredient-dosage {\n  display: inline-block;\n  background: var(--rei-primary);\n  color: white;\n  padding: 6px 16px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 1rem;\n}\n\n.rei-ingredient-content p {\n  font-size: 15px;\n  color: var(--rei-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n.rei-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.rei-mini-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius-sm);\n  padding: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  box-shadow: var(--rei-shadow);\n}\n\n.rei-mini-icon {\n  font-size: 24px;\n}\n\n.rei-mini-label {\n  font-size: 13px;\n  color: var(--rei-text-light);\n  font-weight: 500;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.rei-usage-box {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.rei-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n}\n\n.rei-step-number {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  flex-shrink: 0;\n}\n\n.rei-step-content h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.25rem 0;\n}\n\n.rei-step-content p {\n  font-size: 14px;\n  color: var(--rei-text-light);\n  margin: 0;\n}\n\n.rei-tip {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: var(--rei-secondary-light);\n  border-radius: var(--rei-radius-sm);\n  padding: 1rem 1.25rem;\n  border-left: 4px solid var(--rei-secondary);\n}\n\n.rei-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.rei-tip p {\n  font-size: 14px;\n  color: var(--rei-text);\n  margin: 0;\n}\n\n\/* === PROFILS === *\/\n.rei-profile-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--rei-shadow);\n  transition: all .3s ease;\n}\n\n.rei-profile-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-profile-icon {\n  font-size: 40px;\n  display: block;\n  margin-bottom: 0.75rem;\n}\n\n.rei-profile-card h4 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.rei-profile-card p {\n  font-size: 13px;\n  color: var(--rei-text-light);\n  margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.rei-quality-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.rei-quality-card {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius);\n  padding: 2rem;\n  text-align: center;\n  box-shadow: var(--rei-shadow);\n  transition: all .3s ease;\n  border-top: 4px solid var(--rei-secondary);\n}\n\n.rei-quality-card:hover {\n  transform: translateY(-5px);\n}\n\n.rei-quality-badge {\n  font-size: 40px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.rei-quality-card h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.rei-quality-card p {\n  font-size: 14px;\n  color: var(--rei-text-light);\n  margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.rei-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.rei-info-item {\n  background: var(--rei-white);\n  border-radius: var(--rei-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--rei-shadow);\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.rei-info-icon {\n  font-size: 28px;\n}\n\n.rei-info-label {\n  font-size: 12px;\n  color: var(--rei-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.rei-info-value {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rei-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.rei-warning-box {\n  background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid #FFB300;\n}\n\n.rei-warning-header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 1rem;\n}\n\n.rei-warning-icon {\n  font-size: 28px;\n}\n\n.rei-warning-header h4 {\n  font-size: 18px;\n  font-weight: 800;\n  color: #E65100;\n  margin: 0;\n}\n\n.rei-warning-list {\n  margin: 0;\n  padding-left: 1.5rem;\n}\n\n.rei-warning-list li {\n  font-size: 14px;\n  color: #5D4037;\n  margin-bottom: 0.5rem;\n  line-height: 1.6;\n}\n\n.rei-warning-list li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n  background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-secondary) 100%);\n  border-radius: var(--rei-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.rei-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n                    radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.rei-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.rei-cta-emoji {\n  font-size: 64px;\n  display: block;\n  margin-bottom: 1.5rem;\n}\n\n.rei-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  max-width: 700px;\n  margin: 0 auto 1.5rem auto;\n}\n\n.rei-cta-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n}\n\n.rei-cta-badge {\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.3);\n  border-radius: 999px;\n  padding: 8px 16px;\n  color: white;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .rei-grid,\n  .rei-grid-4,\n  .rei-quality-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .rei-ingredient-hero {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .rei-hero-stats {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .rei-stat {\n    width: 100%;\n    max-width: 200px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .rei-card,\n  .rei-profile-card,\n  .rei-quality-card {\n    animation: reiFadeInUp .6s ease backwards;\n  }\n  \n  .rei-card:nth-child(1), .rei-profile-card:nth-child(1), .rei-quality-card:nth-child(1) { animation-delay: .1s; }\n  .rei-card:nth-child(2), .rei-profile-card:nth-child(2), .rei-quality-card:nth-child(2) { animation-delay: .2s; }\n  .rei-card:nth-child(3), .rei-profile-card:nth-child(3), .rei-quality-card:nth-child(3) { animation-delay: .3s; }\n  .rei-card:nth-child(4), .rei-profile-card:nth-child(4), .rei-quality-card:nth-child(4) { animation-delay: .4s; }\n  .rei-card:nth-child(5) { animation-delay: .5s; }\n  .rei-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes reiFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(40px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .rei-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .rei-card,\n  .rei-profile-card,\n  .rei-quality-card {\n    border: 2px solid var(--rei-text);\n  }\n  \n  .rei-badge {\n    border: 2px solid var(--rei-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732576925,"sku":"VO4608","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi-500-mg-bio-60-gelules-qualidiet-packshothd.webp?v=1786025165"},{"product_id":"gem-chol-06-bio-15-ml-alphagem","title":"Gem-Chol 06 Bio - 15 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Chol 06 Bio - 15 ml - Alphagem\nPalette détectée:\n  - Primaire: #4a7c3f (vert feuille\/nature du logo AlphaGem)\n  - Secondaire: #a0522d (brun-rouge terreux de l'étiquette GEM-CHOL)\n  - Accent: #2e6b8a (bleu du liseré bas de l'étiquette)\n  - Brun flacon: #3d2b1a (ambiance naturelle\/apothicaire)\nAmbiance: Naturel\/bio, gemmothérapie, apothicaire végétal, santé naturelle, confiance\nPréfixe CSS: gc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Gem-Chol 06 Bio d'Alphagem : le complexe de gemmothérapie dédié à l'équilibre du cholestérol\"\n  2. \"Une synergie de 5 bourgeons et jeunes pousses biologiques\"\n  3. \"Composition détaillée\"\n  4. \"Comment prendre le Gem-Chol 06 Bio ?\"\n  5. \"Précautions d'emploi\"\n  6. \"Pourquoi choisir Alphagem ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gc-hero\"\u003e\n    \u003cdiv class=\"gc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gc-hero-content\"\u003e\n      \u003cdiv class=\"gc-badges-top\"\u003e\n        \u003cspan class=\"gc-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n        \u003cspan class=\"gc-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n        \u003cspan class=\"gc-badge\"\u003e💧 5 extraits de bourgeons\u003c\/span\u003e\n        \u003cspan class=\"gc-badge\"\u003e🫒 Équilibre lipidique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gc-hero-title\"\u003eGem-Chol 06 Bio\u003c\/span\u003e\n      \u003cp class=\"gc-subtitle\"\u003eGemmo-Complexe 06 — Cholestérol — Alphagem\u003c\/p\u003e\n      \u003cp class=\"gc-description\"\u003eUn concentré de 5 bourgeons et jeunes pousses biologiques, enrichi d'huiles essentielles, pour accompagner naturellement votre équilibre cardiovasculaire et lipidique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gc-section\"\u003e\n    \u003ch2\u003eGem-Chol 06 Bio d'Alphagem : le complexe de gemmothérapie dédié à l'équilibre du cholestérol\u003c\/h2\u003e\n    \u003cp class=\"gc-section-intro\"\u003eVous cherchez une solution naturelle pour soutenir votre taux de cholestérol ? Le \u003cstrong\u003eGem-Chol 06 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003econcentré d'extraits de bourgeons frais\u003c\/strong\u003e et de jeunes pousses, formulé spécifiquement pour favoriser le métabolisme lipidique et accompagner votre santé cardiovasculaire au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"gc-grid-compact\"\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🌱 Bourgeons frais\u003c\/h3\u003e\n        \u003cp\u003eExtraits concentrés de bourgeons et jeunes pousses récoltés au stade optimal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🔬 5 plantes synergiques\u003c\/h3\u003e\n        \u003cp\u003eFormule complète associant gemmothérapie et huiles essentielles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eAction globale sur le métabolisme lipidique et l'équilibre du cholestérol\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n        \u003cp\u003e100% des ingrédients végétaux issus de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gc-section\"\u003e\n    \u003ch2\u003eUne synergie de 5 bourgeons et jeunes pousses biologiques\u003c\/h2\u003e\n    \u003cp class=\"gc-section-intro\"\u003eChaque goutte de Gem-Chol 06 concentre le meilleur de la gemmothérapie grâce à une formule complète :\u003c\/p\u003e\n    \u003cdiv class=\"gc-grid\"\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🌿 Jeunes pousses de romarin\u003c\/h3\u003e\n        \u003cp\u003ePilier de la gemmothérapie foie-digestion, le romarin soutient la fonction hépatique et facilite l'élimination des graisses. Il contribue à une digestion saine et aide le foie dans son rôle de détoxification.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🫒 Jeunes pousses d'olivier\u003c\/h3\u003e\n        \u003cp\u003eRéputées pour leur action bénéfique sur la sphère circulatoire, elles participent au maintien d'une pression artérielle normale et favorisent un bon équilibre lipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🌳 Bourgeons de tilleul\u003c\/h3\u003e\n        \u003cp\u003eConnus pour leurs propriétés apaisantes, ils aident à réduire le stress, un facteur souvent sous-estimé dans les déséquilibres du cholestérol.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🍃 Bourgeons de bouleau\u003c\/h3\u003e\n        \u003cp\u003eVéritables alliés dépuratifs, ils stimulent l'élimination des toxines et soutiennent les fonctions d'épuration de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-card\"\u003e\n        \u003ch3\u003e🌸 Bourgeons d'amandier\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisés pour leur rôle dans le métabolisme lipidique, ils contribuent directement à l'équilibre entre bon et mauvais cholestérol.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gc-tip\"\u003e\n      \u003cspan class=\"gc-tip-icon\"\u003e🧪\u003c\/span\u003e\n      \u003cp\u003eLa formule est complétée par des \u003cstrong\u003ehuiles essentielles de menthe poivrée et de romarin\u003c\/strong\u003e, qui apportent une action tonique sur la digestion tout en offrant une saveur fraîche et agréable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gc-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"gc-accordion\"\u003e\n      \u003cdetails class=\"gc-accordion-item\" open\u003e\n        \u003csummary class=\"gc-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n        \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n          \u003cp\u003eAlcool (35% vol.), glycérine végétale, eau, extraits de jeunes pousses de romarin* (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e) et d'olivier* (\u003cem\u003eOlea europaea\u003c\/em\u003e), extraits de bourgeons de tilleul* (\u003cem\u003eTilia tomentosa\u003c\/em\u003e), de bouleau* (\u003cem\u003eBetula pubescens\u003c\/em\u003e) et d'amandier* (\u003cem\u003ePrunus amygdalus\u003c\/em\u003e), huiles essentielles de menthe poivrée* (\u003cem\u003eMentha piperita\u003c\/em\u003e) et de romarin* (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e).\u003c\/p\u003e\n          \u003cp style=\"margin-top:.5rem\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gc-accordion-item\"\u003e\n        \u003csummary class=\"gc-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n        \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n          \u003cp\u003eFlacon de 15 ml avec compte-gouttes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gc-section\"\u003e\n    \u003ch2\u003eComment prendre le Gem-Chol 06 Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"gc-timeline\"\u003e\n      \u003cdiv class=\"gc-timeline-item\"\u003e\n        \u003cdiv class=\"gc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gc-timeline-content\"\u003e\n          \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n          \u003cp\u003eAvant chaque utilisation, agitez bien le flacon pour homogénéiser les extraits de bourgeons et les huiles essentielles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-timeline-item\"\u003e\n        \u003cdiv class=\"gc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gc-timeline-content\"\u003e\n          \u003ch3\u003eDosez 5 à 15 gouttes par jour\u003c\/h3\u003e\n          \u003cp\u003eDéposez les gouttes directement sous la langue ou diluez-les dans un peu d'eau de source, idéalement en dehors des repas pour une meilleure absorption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-timeline-item\"\u003e\n        \u003cdiv class=\"gc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gc-timeline-content\"\u003e\n          \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n          \u003cp\u003eDébutez par 5 gouttes et augmentez graduellement selon vos besoins, jusqu'à 15 gouttes par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gc-timeline-item\"\u003e\n        \u003cdiv class=\"gc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gc-timeline-content\"\u003e\n          \u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n          \u003cp\u003eSuivez une cure de 3 semaines, renouvelable après une pause d'une semaine, pour des résultats optimaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"gc-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gc-accordion\"\u003e\n      \u003cdetails class=\"gc-accordion-item\"\u003e\n        \u003csummary class=\"gc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gc-accordion-item\"\u003e\n        \u003csummary class=\"gc-accordion-header\"\u003e💧 Teneur en alcool\u003c\/summary\u003e\n        \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n          \u003cp\u003eContient de l'alcool (35% vol.). Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gc-accordion-item\"\u003e\n        \u003csummary class=\"gc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de la lumière, hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gc-accordion-item\"\u003e\n        \u003csummary class=\"gc-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, une alimentation variée et équilibrée ni un mode de vie sain. En cas de cholestérol élevé diagnostiqué, consultez votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"gc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir Alphagem ?\u003c\/h2\u003e\n    \u003cdiv class=\"gc-testimonial\"\u003e\n      \u003cp class=\"gc-testimonial-text\"\u003e\"De l'arbre au flacon\" — Alphagem, laboratoire belge spécialisé en gemmothérapie, sélectionne rigoureusement ses bourgeons et jeunes pousses auprès de cueilleurs certifiés bio. Chaque macérat est préparé de manière artisanale, dans le respect des principes de la gemmothérapie concentrée, pour offrir des extraits de bourgeons frais d'une qualité irréprochable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gc-cta-box\"\u003e\n      \u003cp\u003e🌿 Le Gem-Chol 06 est \u003cstrong\u003ecertifié biologique\u003c\/strong\u003e, garantissant un produit pur, sans additif superflu — la nature au service de votre équilibre lipidique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gc-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Réservé aux adultes.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gc-cream: #f7f5f0;\n  --gc-white: #ffffff;\n  --gc-primary: #4a7c3f;\n  --gc-primary-dark: #2d5a24;\n  --gc-primary-light: #e8f0e5;\n  --gc-secondary: #a0522d;\n  --gc-accent: #2e6b8a;\n  --gc-text: #1a1a1a;\n  --gc-text-light: #5a5a5a;\n  --gc-border: #e0ddd6;\n  --gc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gc-radius: 20px;\n  --gc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gc-primary-dark) 0%, var(--gc-primary) 45%, var(--gc-secondary) 100%);\n  border-radius: var(--gc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--gc-shadow-lg);\n}\n\n.gc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(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.gc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gc-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n}\n\n.gc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--gc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.gc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--gc-primary), var(--gc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gc-card {\n  background: var(--gc-white);\n  border-radius: var(--gc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gc-shadow-lg);\n  border-color: var(--gc-primary);\n}\n\n.gc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gc-grid-compact .gc-card {\n  padding: 1rem;\n}\n\n.gc-grid-compact .gc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gc-grid-compact .gc-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gc-primary), var(--gc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.gc-timeline-content {\n  flex: 1;\n  background: var(--gc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gc-radius-sm);\n  box-shadow: var(--gc-shadow);\n}\n\n.gc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gc-timeline-content p {\n  font-size: 14px;\n  color: var(--gc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gc-testimonial {\n  background: var(--gc-white);\n  border-radius: var(--gc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gc-shadow);\n  border-left: 4px solid var(--gc-primary);\n  margin-bottom: 1.25rem;\n}\n\n.gc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gc-accordion {\n  background: var(--gc-white);\n  border-radius: var(--gc-radius);\n  box-shadow: var(--gc-shadow);\n  overflow: hidden;\n}\n\n.gc-accordion-item {\n  border-bottom: 1px solid var(--gc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.gc-accordion-header:hover {\n  background: var(--gc-primary-light);\n}\n\n.gc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gc-primary);\n  transition: transform .2s ease;\n}\n\n.gc-accordion-item[open] .gc-accordion-header::after {\n  content: '−';\n}\n\n.gc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gc-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gc-primary-light);\n  border-radius: var(--gc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gc-tip p {\n  font-size: 14px;\n  color: var(--gc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gc-cta-box {\n  background: linear-gradient(135deg, var(--gc-primary) 0%, var(--gc-primary-dark) 100%);\n  border-radius: var(--gc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gc-disclaimer {\n  font-size: 12px;\n  color: var(--gc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .gc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gc-card {\n    padding: 1.125rem;\n  }\n\n  .gc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gc-radius-sm);\n  }\n\n  .gc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gc-grid-compact {\n    gap: .625rem;\n  }\n\n  .gc-grid-compact .gc-card {\n    padding: .75rem;\n  }\n\n  .gc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gc-card {\n    animation: gcFadeInUp .5s ease backwards;\n  }\n  .gc-card:nth-child(1) { animation-delay: .05s; }\n  .gc-card:nth-child(2) { animation-delay: .1s; }\n  .gc-card:nth-child(3) { animation-delay: .15s; }\n  .gc-card:nth-child(4) { animation-delay: .2s; }\n  .gc-card:nth-child(5) { animation-delay: .25s; }\n  .gc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .gc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754883113117,"sku":"5004","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-chol-06-bio-15ml-alphagem-min.jpg?v=1731411142"},{"product_id":"gem-ko-08-bio-50-ml-alphagem","title":"Gem-Ko 08 Bio - 50 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Ko 08 Bio - 50 Ml - Alphagem\nPalette détectée:\n  - Primaire: #5a8a2f (vert olive\/nature du logo AlphaGem)\n  - Secondaire: #3d6b1e (vert foncé du bandeau \"GEM-KO\")\n  - Accent: #8db560 (vert clair de la feuille du logo)\n  - Brun: #4a3520 (couleur ambrée du flacon)\nAmbiance: Naturel\/Bio, phytothérapie, gemmothérapie, sérénité, bien-être émotionnel, laboratoire belge artisanal\nPréfixe CSS: gk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Gem-Ko 08 Bio Alphagem : le gemmo-complexe pour l'équilibre émotionnel\"\n  2. \"Une synergie de trois bourgeons aux propriétés complémentaires\"\n  3. \"Composition complète\"\n  4. \"Conseils d'utilisation et posologie\"\n  5. \"La gemmothérapie présente-t-elle un danger ?\"\n  6. \"Fabrication belge et qualité biologique certifiée\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gk-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gk-hero\"\u003e\n    \u003cdiv class=\"gk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gk-hero-content\"\u003e\n      \u003cdiv class=\"gk-badges-top\"\u003e\n        \u003cspan class=\"gk-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n        \u003cspan class=\"gk-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n        \u003cspan class=\"gk-badge\"\u003e🫙 Flacon 50 ml\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gk-hero-title\"\u003eGem-Ko 08 Bio Alphagem\u003c\/span\u003e\n      \u003cp class=\"gk-subtitle\"\u003eGemmo-Complexe 08 — Ginkgo Compositum\u003c\/p\u003e\n      \u003cp class=\"gk-description\"\u003eSynergie de 3 bourgeons bio pour retrouver sérénité et équilibre émotionnel au quotidien. 5 à 15 gouttes par jour suffisent.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gk-section\"\u003e\n    \u003ch2\u003eGem-Ko 08 Bio Alphagem : le gemmo-complexe pour l'équilibre émotionnel\u003c\/h2\u003e\n    \u003cp class=\"gk-section-intro\"\u003eUn complexe de gemmothérapie biologique associant trois macérats de bourgeons aux vertus complémentaires, pensé pour apaiser les tensions nerveuses.\u003c\/p\u003e\n    \u003cdiv class=\"gk-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eGem-Ko 08 Bio d'Alphagem\u003c\/strong\u003e est formulé sous le nom de \u003cstrong\u003eGinkgo Compositum\u003c\/strong\u003e. Ce gemmo-complexe 08 vise à soutenir votre \u003cstrong\u003eéquilibre émotionnel\u003c\/strong\u003e et à vous aider à traverser les périodes de stress avec plus de sérénité.\u003c\/p\u003e\n      \u003cp style=\"margin-top:.75rem;\"\u003eSi vous connaissez déjà la gemmothérapie à travers des bourgeons populaires comme le \u003cstrong\u003ecassis\u003c\/strong\u003e, le \u003cstrong\u003efiguier\u003c\/strong\u003e ou encore le \u003cstrong\u003eframboisier\u003c\/strong\u003e, ce complexe vous invite à découvrir une synergie différente, pensée pour apaiser les tensions nerveuses au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gk-section\"\u003e\n    \u003ch2\u003eUne synergie de trois bourgeons aux propriétés complémentaires\u003c\/h2\u003e\n    \u003cp class=\"gk-section-intro\"\u003eCe qui distingue le Gem-Ko 08 des macérats unitaires, c'est la complémentarité de ses trois bourgeons, chacun apportant une dimension spécifique.\u003c\/p\u003e\n    \u003cdiv class=\"gk-grid\"\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e🌳 Bourgeon d'orme\u003c\/h3\u003e\n        \u003cp class=\"gk-card-latin\"\u003eUlmus campestris\u003c\/p\u003e\n        \u003cp\u003eTraditionnellement utilisé pour ses propriétés \u003cstrong\u003edétoxifiantes et apaisantes\u003c\/strong\u003e, notamment sur la sphère cutanée, souvent liée au stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e🫒 Bourgeon d'olivier\u003c\/h3\u003e\n        \u003cp class=\"gk-card-latin\"\u003eOlea europaea\u003c\/p\u003e\n        \u003cp\u003eRéputé pour favoriser la \u003cstrong\u003ecirculation\u003c\/strong\u003e et contribuer à réduire la \u003cstrong\u003efatigue mentale\u003c\/strong\u003e. Il aide à retrouver de la clarté d'esprit en période de surmenage.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e🌱 Bourgeon de coriandre\u003c\/h3\u003e\n        \u003cp class=\"gk-card-latin\"\u003eCoriandrum sativum\u003c\/p\u003e\n        \u003cp\u003eConnu pour ses vertus \u003cstrong\u003ecalmantes\u003c\/strong\u003e et son action bénéfique sur la sphère digestive, souvent impactée par le stress émotionnel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gk-tip\"\u003e\n      \u003cspan class=\"gk-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement au cassissier en gemmothérapie, qui agit principalement comme adaptogène général, cette formule cible plus précisément la \u003cstrong\u003edimension émotionnelle et nerveuse\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gk-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"gk-grid-compact\"\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e🌳 Orme\u003c\/h3\u003e\n        \u003cp\u003eUlmus campestris — Bourgeons bio*\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e🫒 Olivier\u003c\/h3\u003e\n        \u003cp\u003eOlea europaea — Bourgeons bio*\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e🌱 Coriandre\u003c\/h3\u003e\n        \u003cp\u003eCoriandrum sativum — Bourgeons bio*\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e🧪 Excipients\u003c\/h3\u003e\n        \u003cp\u003eAlcool (50% vol.), eau, glycérine végétale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gk-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique. Flacon de 50 ml.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gk-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"gk-timeline\"\u003e\n      \u003cdiv class=\"gk-timeline-item\"\u003e\n        \u003cdiv class=\"gk-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gk-timeline-content\"\u003e\n          \u003ch3\u003eCommencez doucement\u003c\/h3\u003e\n          \u003cp\u003eDébutez par \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e, pures ou diluées dans un verre d'eau, de préférence en dehors des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gk-timeline-item\"\u003e\n        \u003cdiv class=\"gk-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gk-timeline-content\"\u003e\n          \u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n          \u003cp\u003eMontez jusqu'à \u003cstrong\u003e15 gouttes par jour\u003c\/strong\u003e selon vos ressentis. En cas de doute, demandez conseil à votre thérapeute ou pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gk-timeline-item\"\u003e\n        \u003cdiv class=\"gk-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gk-timeline-content\"\u003e\n          \u003ch3\u003eRespectez les cycles\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e3 semaines\u003c\/strong\u003e, suivie d'\u003cstrong\u003e1 semaine de pause\u003c\/strong\u003e, est généralement recommandée pour permettre à l'organisme de bien intégrer les principes actifs des bourgeons.\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=\"gk-section\"\u003e\n    \u003ch2\u003eLa gemmothérapie présente-t-elle un danger ?\u003c\/h2\u003e\n    \u003cp class=\"gk-section-intro\"\u003eRassurez-vous : les macérats de bourgeons sont des extraits naturels aux concentrations douces, généralement très bien tolérés.\u003c\/p\u003e\n    \u003cdiv class=\"gk-accordion\"\u003e\n      \u003cdetails class=\"gk-accordion-item\"\u003e\n        \u003csummary class=\"gk-accordion-header\"\u003e🤰 Femmes enceintes et allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"gk-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit contient de l'alcool (50 % vol.) : il est \u003cstrong\u003edéconseillé aux femmes enceintes, allaitantes et aux enfants\u003c\/strong\u003e sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gk-accordion-item\"\u003e\n        \u003csummary class=\"gk-accordion-header\"\u003e💊 Traitement médical\u003c\/summary\u003e\n        \u003cdiv class=\"gk-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe remplace en aucun cas un traitement médical ni un suivi par un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gk-accordion-item\"\u003e\n        \u003csummary class=\"gk-accordion-header\"\u003e🔒 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gk-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez hors de la portée des enfants et à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"gk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFabrication belge et qualité biologique certifiée\u003c\/h2\u003e\n    \u003cdiv class=\"gk-grid-compact\"\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e🇧🇪 Laboratoire belge\u003c\/h3\u003e\n        \u003cp\u003eAlphagem, spécialiste de la gemmothérapie depuis de nombreuses années\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e✋ Récolte manuelle\u003c\/h3\u003e\n        \u003cp\u003eBourgeons récoltés à la main au moment précis de leur développement embryonnaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e🧬 Triple macération\u003c\/h3\u003e\n        \u003cp\u003eMacérés dans un mélange d'eau, glycérine végétale et alcool pour une extraction complète\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gk-card\"\u003e\n        \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n        \u003cp\u003eAbsence de pesticides garantie et respect des écosystèmes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gk-cta-box\"\u003e\n      \u003cp\u003e🍃 Si vous cherchez une approche naturelle et douce pour mieux gérer vos émotions et retrouver un sentiment d'apaisement intérieur, le \u003cstrong\u003eGem-Ko 08 Bio Alphagem\u003c\/strong\u003e constitue un allié précieux à intégrer dans votre routine bien-être quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gk-cream: #f5f7f0;\n  --gk-white: #ffffff;\n  --gk-primary: #5a8a2f;\n  --gk-primary-dark: #3d6b1e;\n  --gk-primary-light: #eaf3e0;\n  --gk-secondary: #8db560;\n  --gk-accent: #a67c52;\n  --gk-text: #1a1a1a;\n  --gk-text-light: #5a5a5a;\n  --gk-border: #dde6d3;\n  --gk-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gk-radius: 20px;\n  --gk-radius-sm: 12px;\n}\n\n.gk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d6b1e 0%, #5a8a2f 40%, #6b9940 70%, #8db560 100%);\n  border-radius: var(--gk-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(--gk-shadow-lg);\n}\n\n.gk-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.gk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gk-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.gk-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .03em;\n  text-transform: uppercase;\n}\n\n.gk-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gk-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(--gk-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gk-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gk-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gk-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.gk-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(--gk-primary), var(--gk-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gk-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gk-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.gk-highlight-box {\n  background: var(--gk-white);\n  border-radius: var(--gk-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gk-shadow);\n  border-left: 4px solid var(--gk-secondary);\n  line-height: 1.8;\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--gk-text);\n}\n\n.gk-highlight-box p {\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.gk-card {\n  background: var(--gk-white);\n  border-radius: var(--gk-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gk-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gk-shadow-lg);\n  border-color: var(--gk-primary);\n}\n\n.gk-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gk-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gk-card-latin {\n  font-size: clamp(12px, 1.8vw, 13px);\n  color: var(--gk-secondary);\n  font-style: italic;\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.gk-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gk-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gk-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gk-grid-compact .gk-card {\n  padding: 1rem;\n}\n\n.gk-grid-compact .gk-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gk-grid-compact .gk-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gk-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gk-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gk-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gk-primary), var(--gk-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.gk-timeline-content {\n  flex: 1;\n  background: var(--gk-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gk-radius-sm);\n  box-shadow: var(--gk-shadow);\n}\n\n.gk-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gk-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gk-timeline-content p {\n  font-size: 14px;\n  color: var(--gk-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gk-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gk-primary-light);\n  border-radius: var(--gk-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gk-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gk-tip p {\n  font-size: 14px;\n  color: var(--gk-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gk-accordion {\n  background: var(--gk-white);\n  border-radius: var(--gk-radius);\n  box-shadow: var(--gk-shadow);\n  overflow: hidden;\n}\n\n.gk-accordion-item {\n  border-bottom: 1px solid var(--gk-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gk-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gk-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gk-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.gk-accordion-header:hover {\n  background: var(--gk-primary-light);\n}\n\n.gk-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gk-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gk-primary);\n  transition: transform .2s ease;\n}\n\n.gk-accordion-item[open] .gk-accordion-header::after {\n  content: '−';\n}\n\n.gk-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gk-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gk-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.gk-cta-box {\n  background: linear-gradient(135deg, var(--gk-primary) 0%, var(--gk-primary-dark) 100%);\n  border-radius: var(--gk-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.gk-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.gk-disclaimer {\n  font-size: 12px;\n  color: var(--gk-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  .gk-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gk-card {\n    padding: 1.125rem;\n  }\n\n  .gk-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gk-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gk-radius-sm);\n  }\n\n  .gk-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gk-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gk-grid-compact {\n    gap: .625rem;\n  }\n\n  .gk-grid-compact .gk-card {\n    padding: .75rem;\n  }\n\n  .gk-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gk-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gk-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gk-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gk-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gk-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gk-highlight-box {\n    padding: 1.25rem;\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gk-card {\n    animation: gkFadeInUp .5s ease backwards;\n  }\n  .gk-card:nth-child(1) { animation-delay: .05s; }\n  .gk-card:nth-child(2) { animation-delay: .1s; }\n  .gk-card:nth-child(3) { animation-delay: .15s; }\n  .gk-card:nth-child(4) { animation-delay: .2s; }\n  .gk-card:nth-child(5) { animation-delay: .25s; }\n  .gk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gkFadeInUp {\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  .gk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754884227229,"sku":"5008","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/GEM-KO-08-BIO-50-ML-535210.jpg?v=1732720440"},{"product_id":"gem-tonic-16-bio-50-ml-alphagem","title":"Gem-Tonic 16 Bio - 50 ml- Alphagem","description":"\u003cdiv class=\"gt-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gt-hero\"\u003e\n    \u003cdiv class=\"gt-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gt-hero-content\"\u003e\n      \u003cdiv class=\"gt-badges-top\"\u003e\n        \u003cspan class=\"gt-badge\"\u003e🌿 100 % Bio\u003c\/span\u003e\n        \u003cspan class=\"gt-badge\"\u003e🇧🇪 Fabrication belge\u003c\/span\u003e\n        \u003cspan class=\"gt-badge\"\u003e💧 Flacon 50 ml\u003c\/span\u003e\n        \u003cspan class=\"gt-badge\"\u003e🌱 4 bourgeons synergiques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gt-hero-title\"\u003eGem-Tonic 16 Bio Alphagem\u003c\/span\u003e\n      \u003cp class=\"gt-subtitle\"\u003eGemmo-complexe tonique aux bourgeons bio\u003c\/p\u003e\n      \u003cp class=\"gt-description\"\u003eRetrouvez énergie, tonus et clarté mentale grâce à la puissance concentrée de 4 bourgeons et jeunes pousses certifiés bio, réunis en un seul flacon.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gt-section\"\u003e\n    \u003ch2\u003eGem-Tonic 16 Bio Alphagem : le complexe gemmothérapie vitalité et tonus\u003c\/h2\u003e\n    \u003cp class=\"gt-section-intro\"\u003eVous traversez une période de fatigue persistante, de surmenage ou de baisse de tonus ? Le \u003cstrong\u003eGem-Tonic 16 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003egemmo-complexe tonique\u003c\/strong\u003e formulé à partir de bourgeons et jeunes pousses bio, spécialement sélectionnés pour leurs vertus revitalisantes.\u003c\/p\u003e\n    \u003cdiv class=\"gt-grid-compact\"\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n        \u003cp\u003eCombattez la fatigue persistante avec des bourgeons adaptogènes puissants\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n        \u003cp\u003eFavorisez concentration et vivacité intellectuelle au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eExtraits de bourgeons bio sans additif de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e💧 50 ml pratiques\u003c\/h3\u003e\n        \u003cp\u003eFlacon compte-gouttes pour un dosage précis pendant plusieurs semaines\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gt-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complexe de gemmothérapie tonique ?\u003c\/h2\u003e\n    \u003cp class=\"gt-section-intro\"\u003eLa \u003cstrong\u003egemmothérapie\u003c\/strong\u003e utilise la puissance concentrée des bourgeons et jeunes pousses, véritables réservoirs de vitalité végétale. Le Gem-Tonic 16 Bio réunit quatre extraits complémentaires pour une action globale sur votre organisme :\u003c\/p\u003e\n    \u003cdiv class=\"gt-grid\"\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e🫐 Bourgeons de cassis\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eRibes nigrum\u003c\/strong\u003e — Considéré comme l'adaptogène de la gemmothérapie, le cassis soutient l'énergie, renforce les défenses naturelles et amplifie l'action des autres bourgeons.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e🌳 Bourgeons de chêne\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eQuercus robur\u003c\/strong\u003e — Symbole de force et de longévité, le chêne contribue à lutter contre l'épuisement physique et nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e🌲 Jeunes pousses de séquoia\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eSequoiadendron giganteum\u003c\/strong\u003e — Réputé pour ses propriétés tonifiantes profondes, le séquoia apporte un soutien précieux en cas de grande fatigue ou de convalescence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e🍃 Bourgeons de charme\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eCarpinus betulus\u003c\/strong\u003e — Allié de la clarté mentale, le charme aide à surmonter la fatigue intellectuelle et favorise la concentration.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gt-tip\"\u003e\n      \u003cspan class=\"gt-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette synergie fait du Gem-Tonic un allié idéal lors des \u003cstrong\u003echangements de saison\u003c\/strong\u003e, en période d'examens, après un effort sportif intense ou simplement quand votre énergie décline. Un organisme moins fatigué gère mieux le stress et retrouve plus facilement un \u003cstrong\u003esommeil\u003c\/strong\u003e réparateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gt-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cdiv class=\"gt-composition-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau, alcool* (35 % vol.), glycérine végétale, bourgeons de cassis* \u003cem\u003e(Ribes nigrum)\u003c\/em\u003e, bourgeons de chêne* \u003cem\u003e(Quercus robur)\u003c\/em\u003e, jeunes pousses de séquoia* \u003cem\u003e(Sequoiadendron giganteum)\u003c\/em\u003e, bourgeons de charme* \u003cem\u003e(Carpinus betulus)\u003c\/em\u003e.\u003c\/p\u003e\n      \u003cp class=\"gt-bio-note\"\u003e*Ingrédients issus de l'agriculture biologique. Flacon de \u003cstrong\u003e50 ml\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gt-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"gt-timeline\"\u003e\n      \u003cdiv class=\"gt-timeline-item\"\u003e\n        \u003cdiv class=\"gt-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gt-timeline-content\"\u003e\n          \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e les premiers jours, de préférence 15 minutes avant un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-timeline-item\"\u003e\n        \u003cdiv class=\"gt-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gt-timeline-content\"\u003e\n          \u003ch3\u003eAugmentez selon votre ressenti\u003c\/h3\u003e\n          \u003cp\u003ePassez progressivement à \u003cstrong\u003e10, puis 15 gouttes par jour\u003c\/strong\u003e en fonction de vos besoins et de votre tolérance.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-timeline-item\"\u003e\n        \u003cdiv class=\"gt-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gt-timeline-content\"\u003e\n          \u003ch3\u003eAbsorption optimale\u003c\/h3\u003e\n          \u003cp\u003eDéposez les gouttes \u003cstrong\u003edirectement sous la langue\u003c\/strong\u003e ou diluez-les dans un peu d'eau de source.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-timeline-item\"\u003e\n        \u003cdiv class=\"gt-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gt-timeline-content\"\u003e\n          \u003ch3\u003eCure de 3 semaines\u003c\/h3\u003e\n          \u003cp\u003eSuivez une \u003cstrong\u003ecure de 3 semaines\u003c\/strong\u003e, puis faites une pause d'une semaine avant de renouveler si nécessaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"gt-section\"\u003e\n    \u003ch2\u003eLes points forts du Gem-Tonic 16 Bio\u003c\/h2\u003e\n    \u003cdiv class=\"gt-grid-compact\"\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n        \u003cp\u003eTous les extraits de bourgeons sont certifiés issus de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e🔬 Synergie de 4 bourgeons\u003c\/h3\u003e\n        \u003cp\u003eFormule complète agissant sur la fatigue physique, nerveuse et intellectuelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e🇧🇪 Fabrication belge\u003c\/h3\u003e\n        \u003cp\u003eAlphagem maîtrise chaque étape de production selon les principes traditionnels de la gemmothérapie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gt-card\"\u003e\n        \u003ch3\u003e💧 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eFlacon compte-gouttes de 50 ml permettant un dosage précis et plusieurs semaines de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"gt-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gt-accordion\"\u003e\n      \u003cdetails class=\"gt-accordion-item\"\u003e\n        \u003csummary class=\"gt-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"gt-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. Respectez la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gt-accordion-item\"\u003e\n        \u003csummary class=\"gt-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n          \u003cp\u003eContient de l'alcool (35 % vol.) : déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gt-accordion-item\"\u003e\n        \u003csummary class=\"gt-accordion-header\"\u003e🩺 Consultez votre médecin\u003c\/summary\u003e\n        \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de \u003cstrong\u003etrouble du sommeil\u003c\/strong\u003e persistant, d'\u003cstrong\u003eapnée du sommeil\u003c\/strong\u003e ou de fatigue chronique, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gt-accordion-item\"\u003e\n        \u003csummary class=\"gt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"gt-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"gt-cta-box\"\u003e\n      \u003cp\u003eAvec le \u003cstrong\u003eGem-Tonic 16 Bio d'Alphagem\u003c\/strong\u003e, vous faites le choix d'une approche naturelle et respectueuse pour retrouver votre vitalité. La gemmothérapie offre une réponse douce mais efficace pour accompagner votre corps dans les périodes exigeantes du quotidien. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gt-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --gt-cream: #f7f5f0;\n  --gt-white: #ffffff;\n  --gt-primary: #5a9e2f;\n  --gt-primary-dark: #3d7a1a;\n  --gt-primary-light: #eaf5e0;\n  --gt-secondary: #8B5E3C;\n  --gt-accent: #f0a500;\n  --gt-text: #1a1a1a;\n  --gt-text-light: #5a5a5a;\n  --gt-border: #e0e0e0;\n  --gt-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gt-radius: 20px;\n  --gt-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gt-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gt-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gt-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d7a1a 0%, #5a9e2f 40%, #8B5E3C 100%);\n  border-radius: var(--gt-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(--gt-shadow-lg);\n}\n\n.gt-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(240,165,0,.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.gt-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gt-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.gt-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.gt-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.gt-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gt-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(--gt-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gt-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gt-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gt-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gt-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.gt-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(--gt-primary), var(--gt-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gt-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gt-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gt-card {\n  background: var(--gt-white);\n  border-radius: var(--gt-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gt-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gt-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gt-shadow-lg);\n  border-color: var(--gt-primary);\n}\n\n.gt-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gt-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gt-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gt-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gt-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gt-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gt-grid-compact .gt-card {\n  padding: 1rem;\n}\n\n.gt-grid-compact .gt-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gt-grid-compact .gt-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gt-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gt-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gt-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gt-primary), var(--gt-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.gt-timeline-content {\n  flex: 1;\n  background: var(--gt-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gt-radius-sm);\n  box-shadow: var(--gt-shadow);\n}\n\n.gt-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gt-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gt-timeline-content p {\n  font-size: 14px;\n  color: var(--gt-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gt-composition-box {\n  background: var(--gt-white);\n  border-radius: var(--gt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gt-shadow);\n  border-left: 4px solid var(--gt-primary);\n}\n\n.gt-composition-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--gt-text);\n  line-height: 1.8;\n  margin: 0 0 .75rem 0;\n}\n\n.gt-composition-box p:last-child {\n  margin-bottom: 0;\n}\n\n.gt-bio-note {\n  font-size: clamp(13px, 2vw, 14px) !important;\n  color: var(--gt-primary-dark) !important;\n  font-weight: 600;\n  background: var(--gt-primary-light);\n  padding: .5rem .75rem;\n  border-radius: var(--gt-radius-sm);\n  display: inline-block;\n  margin-top: .5rem !important;\n}\n\n\/* === TESTIMONIAL === *\/\n.gt-testimonial {\n  background: var(--gt-white);\n  border-radius: var(--gt-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gt-shadow);\n  border-left: 4px solid var(--gt-primary);\n}\n\n.gt-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gt-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gt-accordion {\n  background: var(--gt-white);\n  border-radius: var(--gt-radius);\n  box-shadow: var(--gt-shadow);\n  overflow: hidden;\n}\n\n.gt-accordion-item {\n  border-bottom: 1px solid var(--gt-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gt-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gt-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gt-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.gt-accordion-header:hover {\n  background: var(--gt-primary-light);\n}\n\n.gt-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gt-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gt-primary);\n  transition: transform .2s ease;\n}\n\n.gt-accordion-item[open] .gt-accordion-header::after {\n  content: '−';\n}\n\n.gt-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gt-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gt-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gt-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gt-primary-light);\n  border-radius: var(--gt-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gt-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gt-tip p {\n  font-size: 14px;\n  color: var(--gt-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gt-cta-box {\n  background: linear-gradient(135deg, var(--gt-primary) 0%, var(--gt-primary-dark) 100%);\n  border-radius: var(--gt-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gt-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.gt-disclaimer {\n  font-size: 12px;\n  color: var(--gt-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  .gt-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gt-card {\n    padding: 1.125rem;\n  }\n\n  .gt-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gt-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gt-radius-sm);\n  }\n\n  .gt-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gt-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gt-grid-compact {\n    gap: .625rem;\n  }\n\n  .gt-grid-compact .gt-card {\n    padding: .75rem;\n  }\n\n  .gt-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gt-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gt-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gt-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gt-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gt-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gt-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gt-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gt-composition-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gt-card {\n    animation: gtFadeInUp .5s ease backwards;\n  }\n  .gt-card:nth-child(1) { animation-delay: .05s; }\n  .gt-card:nth-child(2) { animation-delay: .1s; }\n  .gt-card:nth-child(3) { animation-delay: .15s; }\n  .gt-card:nth-child(4) { animation-delay: .2s; }\n  .gt-card:nth-child(5) { animation-delay: .25s; }\n  .gt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gtFadeInUp {\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  .gt-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754886979741,"sku":"REF682","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/GEM-TONIC-16-BIO-50-ML.jpg?v=1721992967"},{"product_id":"top-bust-gel-60-ml-labophyto","title":"Gel Raffermissant Poitrine Naturel - Top Bust - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Top Bust Gel - Soin raffermissant poitrine Labophyto\nPalette détectée:\n  - Primaire: #7B4A9E (violet\/pourpre du packaging principal)\n  - Secondaire: #B87BBF (violet clair pour les dégradés)\n  - Accent: #E8D5F0 (lavande pâle pour les backgrounds)\n  - Neutre: #F8F5FA (fond crème\/blanc cassé)\nAmbiance: Féminin premium, élégance naturelle, bien-être, cosmétique haut de gamme\nType de produit: Cosmétique féminin spécialisé\nStyle suggéré: Premium féminin avec touches organiques et scientifiques\nPréfixe CSS: tb\n--\u003e\n\u003cdiv class=\"tb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"tb-hero\"\u003e\n\u003cdiv class=\"tb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-hero-content\"\u003e\n\u003cdiv class=\"tb-badges-top\"\u003e\n\u003cspan class=\"tb-badge\"\u003e🌸 100% naturel\u003c\/span\u003e \u003cspan class=\"tb-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"tb-badge\"\u003e♀️ Soin féminin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"tb-hero-title\"\u003eTop Bust Gel\u003c\/span\u003e\n\u003cp class=\"tb-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLe soin raffermissant nouvelle génération pour sublimer votre poitrine\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"tb-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUne formule exclusive aux extraits botaniques précieux pour tonifier, raffermir et embellir votre décolleté naturellement.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e✨ Une action complète pour votre beauté\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eRaffermit intensément\u003c\/h3\u003e\n\u003cp\u003eUne formule concentrée en actifs naturels qui tonifie et redonne fermeté à votre peau pour un décolleté visiblement plus sculpté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHydrate en profondeur\u003c\/h3\u003e\n\u003cp\u003eLa rose musquée et les huiles essentielles nourrissent intensément pour une peau durablement souple et confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eRégénère et répare\u003c\/h3\u003e\n\u003cp\u003eLa centella asiatica stimule le renouvellement cellulaire et améliore l'élasticité naturelle de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eAction anti-âge\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants puissants des pépins de raisin protègent votre peau et préservent sa jeunesse jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eTexture adoucie\u003c\/h3\u003e\n\u003cp\u003eVotre peau devient visiblement plus douce, plus lisse et retrouve tout son éclat naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e💜\u003c\/div\u003e\n\u003ch3\u003eBien-être sensoriel\u003c\/h3\u003e\n\u003cp\u003eLes huiles essentielles de lavande et géranium apportent une sensation de détente immédiate à chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🌺 Des ingrédients naturels d'exception\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-icon\"\u003e🌹\u003c\/div\u003e\n\u003ch3\u003eRose musquée\u003c\/h3\u003e\n\u003cp class=\"tb-ingredient-benefit\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eHydratation \u0026amp; régénération\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eRiche en acides gras essentiels, elle pénètre en profondeur pour nourrir intensément et favoriser la régénération cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-icon\"\u003e🍇\u003c\/div\u003e\n\u003ch3\u003ePépins de raisin\u003c\/h3\u003e\n\u003cp class=\"tb-ingredient-benefit\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eAntioxydant puissant\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eUn concentré d'actifs antioxydants qui maintient l'élasticité et la fermeté de la peau tout en luttant contre le vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eCentella asiatica\u003c\/h3\u003e\n\u003cp class=\"tb-ingredient-benefit\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eRaffermissement\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePlante reconnue depuis des millénaires pour ses propriétés réparatrices exceptionnelles et son action raffermissante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-icon\"\u003e💜\u003c\/div\u003e\n\u003ch3\u003eLavande \u0026amp; géranium\u003c\/h3\u003e\n\u003cp class=\"tb-ingredient-benefit\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eAromathérapie\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eDes huiles essentielles précieuses qui stimulent la microcirculation et procurent une sensation de bien-être immédiate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📋 Mode d'utilisation pour des résultats optimaux\u003c\/h2\u003e\n\u003cdiv class=\"tb-usage-container\"\u003e\n\u003cdiv class=\"tb-usage-step\"\u003e\n\u003cdiv class=\"tb-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"tb-step-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003eNettoyez délicatement votre décolleté avec un produit doux. Séchez en tapotant légèrement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-step\"\u003e\n\u003cdiv class=\"tb-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"tb-step-content\"\u003e\n\u003ch3\u003eDosez la quantité idéale\u003c\/h3\u003e\n\u003cp\u003ePrélevez une noisette de gel, une quantité suffisante pour couvrir l'ensemble de votre poitrine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-step\"\u003e\n\u003cdiv class=\"tb-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"tb-step-content\"\u003e\n\u003ch3\u003eAppliquez en massant\u003c\/h3\u003e\n\u003cp\u003eEffectuez des mouvements circulaires doux de bas en haut jusqu'à absorption complète du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-step\"\u003e\n\u003cdiv class=\"tb-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"tb-step-content\"\u003e\n\u003ch3\u003eRituel matin \u0026amp; soir\u003c\/h3\u003e\n\u003cp\u003eRépétez l'application 2 fois par jour pour des résultats visibles et durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-tip-box\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eConseil d'experte\u003c\/h3\u003e\n\u003cp\u003ePour maximiser l'efficacité, effectuez votre massage en remontant du bas vers le haut, de l'extérieur vers l'intérieur. Ce geste favorise la circulation et optimise la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📊 Des résultats visibles au fil du temps\u003c\/h2\u003e\n\u003cdiv class=\"tb-timeline\"\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\"\u003e\u003cspan\u003e7j\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003ePremière semaine\u003c\/h3\u003e\n\u003cp\u003eHydratation immédiate, peau plus douce et confortable. Sensation de bien-être après chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\"\u003e\u003cspan\u003e2-3 sem.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003ePremières améliorations\u003c\/h3\u003e\n\u003cp\u003eLa peau gagne en fermeté, le grain de peau s'affine. L'élasticité commence à s'améliorer visiblement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\"\u003e\u003cspan\u003e1 mois\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003eTransformation visible\u003c\/h3\u003e\n\u003cp\u003eRaffermissement notable, peau tonifiée et rebondie. Le décolleté paraît plus jeune et sculpté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\"\u003e\u003cspan\u003e2-3 mois\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003eRésultats durables\u003c\/h3\u003e\n\u003cp\u003eFermeté optimale, texture de peau transformée. Les bienfaits anti-âge sont pleinement installés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e👩 À qui s'adresse le Top Bust Gel ?\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid tb-grid-3\"\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e🤰\u003c\/div\u003e\n\u003ch3\u003eJeunes mamans\u003c\/h3\u003e\n\u003cp\u003eRetrouvez fermeté et tonicité après la grossesse et l'allaitement grâce à une formule respectueuse et naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eFemmes actives 30-50 ans\u003c\/h3\u003e\n\u003cp\u003ePrévenez les signes du temps et maintenez la beauté de votre décolleté avec un soin quotidien ciblé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eFemmes 50+ ans\u003c\/h3\u003e\n\u003cp\u003eRedonnez fermeté et élasticité à votre peau mature grâce aux actifs régénérants et raffermissants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eSportives\u003c\/h3\u003e\n\u003cp\u003eCompensez les effets des chocs répétés et maintenez la tonicité de vos tissus avec un soin adapté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eFaites confiance à une formule 100% naturelle, sans ingrédients controversés, pour prendre soin de vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eBesoin de raffermissement\u003c\/h3\u003e\n\u003cp\u003eQue ce soit après une perte de poids ou naturellement, retrouvez une poitrine tonique et rebondie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FABRICATION \u0026 QUALITÉ --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🇫🇷 L'excellence française Labophyto\u003c\/h2\u003e\n\u003cdiv class=\"tb-quality-grid\"\u003e\n\u003cdiv class=\"tb-quality-card\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🏭\u003c\/div\u003e\n\u003ch3\u003eFabrication française\u003c\/h3\u003e\n\u003cp\u003eConçu et fabriqué en France avec des contrôles qualité rigoureux à chaque étape de production.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-card\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eIngrédients bio\u003c\/h3\u003e\n\u003cp\u003eDes actifs issus de l'agriculture biologique pour respecter votre peau et préserver l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-card\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003eTests dermatologiques\u003c\/h3\u003e\n\u003cp\u003eFormule dermatologiquement testée garantissant une tolérance maximale pour tous les types de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-card\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e♻️\u003c\/div\u003e\n\u003ch3\u003eEngagement éco-responsable\u003c\/h3\u003e\n\u003cp\u003eLabophyto s'engage pour des produits respectueux de votre santé et de notre planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"tb-info-grid\"\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"tb-info-value\"\u003e60 ml\u003c\/div\u003e\n\u003cp\u003eDurée d'utilisation : environ 1 mois à raison de 2 applications quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-label\"\u003eFormat\u003c\/div\u003e\n\u003cdiv class=\"tb-info-value\"\u003eFlacon pompe\u003c\/div\u003e\n\u003cp\u003eDosage précis et hygiénique pour une application optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-label\"\u003eTexture\u003c\/div\u003e\n\u003cdiv class=\"tb-info-value\"\u003eGel frais\u003c\/div\u003e\n\u003cp\u003ePénétration rapide sans effet gras ni collant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003cdiv class=\"tb-warning-box\"\u003e\n\u003cdiv class=\"tb-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUsage externe uniquement. Éviter le contact avec les yeux.\u003c\/li\u003e\n\u003cli\u003eEn cas d'irritation, cesser l'utilisation et consulter un médecin.\u003c\/li\u003e\n\u003cli\u003eNe pas appliquer sur une peau lésée ou irritée.\u003c\/li\u003e\n\u003cli\u003eDéconseillé pendant la grossesse et l'allaitement sans avis médical.\u003c\/li\u003e\n\u003cli\u003eConserver à l'abri de la chaleur et de la lumière directe.\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\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"tb-section\"\u003e\n\u003cdiv class=\"tb-cta-box\"\u003e\n\u003cdiv class=\"tb-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-cta-content\"\u003e\n\u003cp\u003eOffrez à votre poitrine le soin qu'elle mérite avec le Top Bust Gel de Labophyto. Une formule naturelle, efficace et française pour sublimer votre féminité au quotidien. Résultats visibles dès les premières semaines d'utilisation régulière.\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  --tb-cream: #f8f5fa;\n  --tb-white: #ffffff;\n  --tb-primary: #7B4A9E;\n  --tb-primary-dark: #5a3577;\n  --tb-primary-light: #E8D5F0;\n  --tb-secondary: #B87BBF;\n  --tb-accent: #d6a8e0;\n  --tb-text: #1a1a1a;\n  --tb-text-light: #5a5a5a;\n  --tb-border: #e0d5e8;\n  --tb-shadow: 0 4px 24px rgba(123, 74, 158, 0.08);\n  --tb-shadow-lg: 0 12px 48px rgba(123, 74, 158, 0.15);\n  --tb-radius: 20px;\n  --tb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--tb-text);\n}\n\n\/* === HERO === *\/\n.tb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7B4A9E 0%, #9765b3 50%, #B87BBF 100%);\n  border-radius: var(--tb-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(--tb-shadow-lg);\n}\n\n.tb-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0.05;\n  background-image: \n    radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n    radial-gradient(circle at 60% 70%, white 2px, transparent 2px),\n    radial-gradient(circle at 80% 20%, white 1px, transparent 1px),\n    radial-gradient(circle at 40% 80%, white 1.5px, transparent 1.5px);\n  background-size: 60px 60px, 80px 80px, 40px 40px, 70px 70px;\n  background-position: 0 0, 40px 40px, 20px 20px, 60px 60px;\n}\n\n.tb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 0.75rem;\n  margin-bottom: 1.5rem;\n}\n\n.tb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--tb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.tb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.tb-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: -0.04em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.tb-subtitle {\n  color: rgba(255, 255, 255, 0.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.tb-description {\n  color: rgba(255, 255, 255, 0.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n  font-weight: 500;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.tb-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tb-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tb-primary-dark);\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}\n\n.tb-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(--tb-primary), var(--tb-secondary));\n  border-radius: 2px;\n}\n\n.tb-premium h3 {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--tb-primary-dark);\n  margin: 0 0 0.75rem 0;\n  letter-spacing: -0.02em;\n}\n\n.tb-premium p {\n  margin: 0 0 1rem 0;\n  line-height: 1.7;\n  color: var(--tb-text-light);\n}\n\n.tb-premium ul {\n  margin: 0;\n  padding-left: 1.5rem;\n  color: var(--tb-text-light);\n}\n\n.tb-premium ul li {\n  margin-bottom: 0.5rem;\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.tb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.tb-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS === *\/\n.tb-card {\n  background: var(--tb-white);\n  border-radius: var(--tb-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tb-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.tb-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tb-shadow-lg);\n  border-color: var(--tb-primary);\n}\n\n.tb-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(123, 74, 158, 0.2));\n}\n\n\/* === INGREDIENTS === *\/\n.tb-ingredient-card {\n  background: linear-gradient(135deg, var(--tb-white) 0%, var(--tb-primary-light) 100%);\n  border-radius: var(--tb-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tb-shadow);\n  border: 2px solid var(--tb-border);\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.tb-ingredient-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tb-shadow-lg);\n  border-color: var(--tb-primary);\n}\n\n.tb-ingredient-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(123, 74, 158, 0.3));\n}\n\n.tb-ingredient-benefit {\n  display: inline-block;\n  background: var(--tb-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: 0.5px;\n  margin-bottom: 0.75rem;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tb-usage-container {\n  display: grid;\n  gap: 1.5rem;\n  max-width: 800px;\n  margin: 0 auto 2rem auto;\n}\n\n.tb-usage-step {\n  background: var(--tb-white);\n  border-radius: var(--tb-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tb-shadow);\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n}\n\n.tb-usage-step:hover {\n  border-color: var(--tb-primary);\n  transform: translateX(8px);\n}\n\n.tb-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--tb-primary), var(--tb-secondary));\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(123, 74, 158, 0.3);\n}\n\n.tb-step-content h3 {\n  margin-bottom: 0.5rem;\n}\n\n.tb-step-content p {\n  margin-bottom: 0;\n  font-size: 15px;\n}\n\n.tb-tip-box {\n  background: linear-gradient(135deg, var(--tb-primary-light) 0%, var(--tb-white) 100%);\n  border-radius: var(--tb-radius);\n  padding: 1.5rem;\n  border: 2px solid var(--tb-primary);\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.tb-tip-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.tb-tip-box h3 {\n  font-size: 18px;\n  margin-bottom: 0.5rem;\n}\n\n.tb-tip-box p {\n  margin-bottom: 0;\n  font-size: 15px;\n}\n\n\/* === TIMELINE === *\/\n.tb-timeline {\n  max-width: 800px;\n  margin: 0 auto;\n  position: relative;\n  padding-left: 2rem;\n}\n\n.tb-timeline::before {\n  content: '';\n  position: absolute;\n  left: 23px;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background: linear-gradient(180deg, var(--tb-primary), var(--tb-secondary));\n  border-radius: 2px;\n}\n\n.tb-timeline-item {\n  position: relative;\n  margin-bottom: 2.5rem;\n  padding-left: 2.5rem;\n}\n\n.tb-timeline-item:last-child {\n  margin-bottom: 0;\n}\n\n.tb-timeline-marker {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--tb-primary), var(--tb-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(123, 74, 158, 0.3);\n  border: 4px solid var(--tb-cream);\n}\n\n.tb-timeline-marker span {\n  color: white;\n  font-size: 11px;\n  font-weight: 900;\n  text-align: center;\n  line-height: 1.2;\n}\n\n.tb-timeline-content {\n  background: var(--tb-white);\n  border-radius: var(--tb-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tb-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n}\n\n.tb-timeline-content:hover {\n  border-color: var(--tb-primary);\n  transform: translateX(8px);\n}\n\n.tb-timeline-content h3 {\n  margin-bottom: 0.5rem;\n}\n\n.tb-timeline-content p {\n  margin-bottom: 0;\n  font-size: 15px;\n}\n\n\/* === PROFILS === *\/\n.tb-profile-card {\n  background: var(--tb-white);\n  border-radius: var(--tb-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tb-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.tb-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tb-shadow-lg);\n  border-color: var(--tb-secondary);\n}\n\n.tb-profile-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(184, 123, 191, 0.3));\n}\n\n\/* === QUALITÉ === *\/\n.tb-quality-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.tb-quality-card {\n  background: linear-gradient(135deg, var(--tb-white) 0%, var(--tb-primary-light) 100%);\n  border-radius: var(--tb-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tb-shadow);\n  border: 2px solid var(--tb-border);\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.tb-quality-card:hover {\n  transform: translateY(-8px);\n  border-color: var(--tb-primary);\n}\n\n.tb-quality-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(123, 74, 158, 0.2));\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tb-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.tb-info-card {\n  background: var(--tb-white);\n  border-radius: var(--tb-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tb-shadow);\n  border: 2px solid var(--tb-border);\n  text-align: center;\n  transition: all 0.3s ease;\n}\n\n.tb-info-card:hover {\n  border-color: var(--tb-primary);\n  transform: translateY(-4px);\n}\n\n.tb-info-label {\n  font-size: 13px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--tb-primary);\n  margin-bottom: 0.5rem;\n}\n\n.tb-info-value {\n  font-size: 26px;\n  font-weight: 900;\n  color: var(--tb-primary-dark);\n  margin-bottom: 0.75rem;\n}\n\n.tb-info-card p {\n  margin-bottom: 0;\n  font-size: 14px;\n  color: var(--tb-text-light);\n}\n\n\/* === WARNING BOX === *\/\n.tb-warning-box {\n  background: linear-gradient(135deg, #fff8e1 0%, #fffbf0 100%);\n  border-radius: var(--tb-radius);\n  padding: 1.5rem;\n  border: 2px solid #ffc107;\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.tb-warning-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.tb-warning-content h3 {\n  color: #d97706;\n  margin-bottom: 1rem;\n}\n\n.tb-warning-content ul {\n  color: #92400e;\n  margin-bottom: 0;\n}\n\n.tb-warning-content ul li {\n  margin-bottom: 0.5rem;\n}\n\n.tb-warning-content ul li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.tb-cta-box {\n  background: linear-gradient(135deg, var(--tb-primary) 0%, var(--tb-primary-dark) 100%);\n  border-radius: var(--tb-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.tb-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0.05;\n  background-image: \n    radial-gradient(circle at 25% 25%, white 2px, transparent 2px),\n    radial-gradient(circle at 75% 75%, white 2px, transparent 2px);\n  background-size: 50px 50px;\n}\n\n.tb-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.tb-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .tb-grid,\n  .tb-grid-3,\n  .tb-quality-grid,\n  .tb-info-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-timeline {\n    padding-left: 1.5rem;\n  }\n\n  .tb-timeline::before {\n    left: 15px;\n  }\n\n  .tb-timeline-marker {\n    width: 40px;\n    height: 40px;\n  }\n\n  .tb-timeline-marker span {\n    font-size: 10px;\n  }\n\n  .tb-timeline-item {\n    padding-left: 2rem;\n  }\n\n  .tb-usage-step {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .tb-warning-box,\n  .tb-tip-box {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .tb-card,\n  .tb-ingredient-card,\n  .tb-profile-card,\n  .tb-quality-card,\n  .tb-info-card,\n  .tb-usage-step,\n  .tb-timeline-item {\n    animation: fadeInUp 0.6s ease backwards;\n  }\n\n  .tb-card:nth-child(1),\n  .tb-ingredient-card:nth-child(1),\n  .tb-profile-card:nth-child(1),\n  .tb-quality-card:nth-child(1),\n  .tb-info-card:nth-child(1) { animation-delay: 0.1s; }\n  \n  .tb-card:nth-child(2),\n  .tb-ingredient-card:nth-child(2),\n  .tb-profile-card:nth-child(2),\n  .tb-quality-card:nth-child(2),\n  .tb-info-card:nth-child(2) { animation-delay: 0.2s; }\n  \n  .tb-card:nth-child(3),\n  .tb-ingredient-card:nth-child(3),\n  .tb-profile-card:nth-child(3),\n  .tb-quality-card:nth-child(3),\n  .tb-info-card:nth-child(3) { animation-delay: 0.3s; }\n  \n  .tb-card:nth-child(4),\n  .tb-ingredient-card:nth-child(4),\n  .tb-profile-card:nth-child(4),\n  .tb-quality-card:nth-child(4),\n  .tb-info-card:nth-child(4) { animation-delay: 0.4s; }\n  \n  .tb-card:nth-child(5),\n  .tb-profile-card:nth-child(5) { animation-delay: 0.5s; }\n  \n  .tb-card:nth-child(6),\n  .tb-profile-card:nth-child(6) { animation-delay: 0.6s; }\n\n  .tb-usage-step:nth-child(1) { animation-delay: 0.1s; }\n  .tb-usage-step:nth-child(2) { animation-delay: 0.2s; }\n  .tb-usage-step:nth-child(3) { animation-delay: 0.3s; }\n  .tb-usage-step:nth-child(4) { animation-delay: 0.4s; }\n\n  .tb-timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .tb-timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .tb-timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .tb-timeline-item:nth-child(4) { animation-delay: 0.4s; }\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  .tb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .tb-card,\n  .tb-ingredient-card,\n  .tb-profile-card,\n  .tb-quality-card,\n  .tb-info-card {\n    border: 3px solid var(--tb-text);\n  }\n}\n\n\/* === PRINT === *\/\n@media print {\n  .tb-premium {\n    padding: 0;\n  }\n\n  .tb-card,\n  .tb-ingredient-card,\n  .tb-profile-card,\n  .tb-quality-card,\n  .tb-info-card {\n    box-shadow: none;\n    border: 1px solid #ccc;\n    page-break-inside: avoid;\n  }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755022999709,"sku":"REF1044","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-raffermissant-poitrine-naturel-top-bust-labophyto-packshothd.webp?v=1785940400"},{"product_id":"hot-shot-sex-booster-aphrodisiaque-3-x-20-ml-labophyto","title":"Labophyto Hot Shot Sex Booster - X Power : Aphrodisiaque 3x20 ml","description":"\u003cdiv class=\"hs-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"hs-hero\"\u003e\n    \u003cdiv class=\"hs-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hs-hero-content\"\u003e\n      \u003cdiv class=\"hs-badges-top\"\u003e\n        \u003cspan class=\"hs-badge\"\u003e🔥 Aphrodisiaque naturel\u003c\/span\u003e\n        \u003cspan class=\"hs-badge\"\u003e⚡ 3 × 20 ml\u003c\/span\u003e\n        \u003cspan class=\"hs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hs-hero-title\"\u003eHot Shot Sex Booster\u003c\/span\u003e\n      \u003cp class=\"hs-subtitle\"\u003eX Power par Labophyto\u003c\/p\u003e\n      \u003cp class=\"hs-description\"\u003eLe shot aphrodisiaque prêt à boire qui associe maca, ginseng, guarana, caféine, taurine et vitamine C pour réveiller votre désir et votre énergie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"hs-section\"\u003e\n    \u003ch2\u003eHot Shot Sex Booster X Power : l'aphrodisiaque naturel en shot prêt à boire\u003c\/h2\u003e\n    \u003cp class=\"hs-section-intro\"\u003eVous cherchez un \u003cstrong\u003eaphrodisiaque naturel\u003c\/strong\u003e efficace pour raviver la flamme ? Le \u003cstrong\u003eHot Shot Sex Booster\u003c\/strong\u003e de Labophyto est un complément alimentaire en format shot conçu pour \u003cstrong\u003ebooster la libido\u003c\/strong\u003e aussi bien chez l'homme que chez la femme. Sa formule concentrée associe des plantes reconnues — maca, ginseng, guarana — à des actifs énergisants pour vous aider à retrouver désir et vitalité avant vos moments intimes.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"hs-section\"\u003e\n    \u003ch2\u003eUne formule complète pour stimuler le désir\u003c\/h2\u003e\n    \u003cp class=\"hs-section-intro\"\u003eCe qui distingue le Hot Shot Sex Booster, c'est la synergie de ses ingrédients. Là où beaucoup de produits misent sur un seul actif, ce shot combine \u003cstrong\u003esix composants complémentaires\u003c\/strong\u003e pour agir sur plusieurs leviers à la fois : énergie, circulation, endurance et désir.\u003c\/p\u003e\n    \u003cdiv class=\"hs-grid\"\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n        \u003cp\u003eRacine péruvienne parmi les aphrodisiaques naturels les plus étudiés. Soutient le désir sexuel et l'endurance, aussi bien chez l'homme que chez la femme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e☕ Guarana\u003c\/h3\u003e\n        \u003cp\u003eNaturellement riche en caféine, il procure un regain d'énergie rapide et aide à réduire la sensation de fatigue, souvent responsable d'une baisse de libido.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e🌱 Ginseng\u003c\/h3\u003e\n        \u003cp\u003ePlante adaptogène réputée pour ses propriétés tonifiantes, le ginseng contribue à améliorer la vitalité globale et la résistance au stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e⚡ Caféine\u003c\/h3\u003e\n        \u003cp\u003eEn complément du guarana, elle renforce l'effet stimulant et favorise la vigilance pour des moments intenses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e💪 Taurine\u003c\/h3\u003e\n        \u003cp\u003eCet acide aminé soutient les fonctions métaboliques et participe à la production d'énergie cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant essentiel, elle contribue à réduire la fatigue et soutient le bon fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"hs-section\"\u003e\n    \u003ch2\u003eComment prendre le Hot Shot Sex Booster ?\u003c\/h2\u003e\n    \u003cdiv class=\"hs-timeline\"\u003e\n      \u003cdiv class=\"hs-timeline-item\"\u003e\n        \u003cdiv class=\"hs-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hs-timeline-content\"\u003e\n          \u003ch3\u003eAgitez bien le flacon\u003c\/h3\u003e\n          \u003cp\u003eAvant ouverture, secouez le shot pour garantir une bonne répartition de tous les actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-timeline-item\"\u003e\n        \u003cdiv class=\"hs-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hs-timeline-content\"\u003e\n          \u003ch3\u003eBuvez un shot de 20 ml\u003c\/h3\u003e\n          \u003cp\u003eConsommez directement environ 30 minutes avant le moment souhaité. Pas besoin d'eau ni de cuillère doseuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-timeline-item\"\u003e\n        \u003cdiv class=\"hs-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hs-timeline-content\"\u003e\n          \u003ch3\u003eProfitez de l'instant\u003c\/h3\u003e\n          \u003cp\u003eNe dépassez pas une unidose par jour. Format discret qui se glisse facilement dans un sac ou une valise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hs-tip\"\u003e\n      \u003cspan class=\"hs-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLe format en shot individuel est particulièrement pratique : discret, il se glisse facilement dans un sac ou une valise. Vous le buvez directement et c'est tout.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"hs-section\"\u003e\n    \u003ch2\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n    \u003cp class=\"hs-section-intro\"\u003eSi vous vous demandez \u003cstrong\u003ecomment booster sa libido\u003c\/strong\u003e de manière naturelle, ce shot s'adresse à vous, que vous soyez un homme ou une femme.\u003c\/p\u003e\n    \u003cdiv class=\"hs-grid\"\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e😩 Fatigue \u0026amp; stress\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour les personnes ressentant une baisse de désir liée au stress ou à la fatigue quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e🌿 Solution naturelle\u003c\/h3\u003e\n        \u003cp\u003eParfait pour celles et ceux qui souhaitent booster la libido sans recourir à des solutions médicamenteuses.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e💑 Vie de couple\u003c\/h3\u003e\n        \u003cp\u003ePour les couples qui veulent simplement pimenter leurs soirées avec un coup de pouce naturel et efficace.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"hs-section\"\u003e\n    \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"hs-testimonial\"\u003e\n      \u003cp class=\"hs-testimonial-text\"\u003eLe Hot Shot Sex Booster est fabriqué en France par Labophyto, un laboratoire spécialisé dans les compléments alimentaires dédiés au bien-être intime. La formulation respecte les réglementations européennes en vigueur et chaque ingrédient est sélectionné pour sa qualité et sa traçabilité.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hs-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire français spécialisé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e✅ Normes UE\u003c\/h3\u003e\n        \u003cp\u003eRéglementations européennes respectées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e🔬 Traçabilité\u003c\/h3\u003e\n        \u003cp\u003eIngrédients sélectionnés avec soin\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hs-card\"\u003e\n        \u003ch3\u003e📦 3 × 20 ml\u003c\/h3\u003e\n        \u003cp\u003e60 ml au total, 3 shots individuels\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"hs-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hs-accordion\"\u003e\n      \u003cdetails class=\"hs-accordion-item\"\u003e\n        \u003csummary class=\"hs-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n        \u003cdiv class=\"hs-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, de traitement médical en cours ou de pathologie particulière, consultez votre médecin avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hs-accordion-item\"\u003e\n        \u003csummary class=\"hs-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux personnes sensibles à la caféine. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hs-accordion-item\"\u003e\n        \u003csummary class=\"hs-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n        \u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eContenu :\u003c\/strong\u003e 3 shots de 20 ml chacun (60 ml au total).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hs-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hs-cream: #f5f3f0;\n  --hs-white: #ffffff;\n  --hs-primary: #c4a265;\n  --hs-primary-dark: #1a1a1a;\n  --hs-primary-light: #f7f1e6;\n  --hs-secondary: #d4b87a;\n  --hs-accent: #e63946;\n  --hs-text: #1a1a1a;\n  --hs-text-light: #5a5a5a;\n  --hs-border: #e0e0e0;\n  --hs-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --hs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --hs-radius: 20px;\n  --hs-radius-sm: 12px;\n}\n\n.hs-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hs-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hs-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 40%, #2a2218 70%, #3a2f1e 100%);\n  border-radius: var(--hs-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(--hs-shadow-lg);\n}\n\n.hs-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(196,162,101,.15) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(212,184,122,.1) 0%, transparent 50%),\n              radial-gradient(circle at 50% 50%, rgba(230,57,70,.05) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.hs-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hs-hero-title {\n  display: block;\n  color: var(--hs-primary);\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,.4);\n  text-transform: uppercase;\n}\n\n.hs-subtitle {\n  color: rgba(255,255,255,.7);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  margin: 0 0 1.5rem 0;\n}\n\n.hs-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.hs-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hs-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(196,162,101,.15);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(196,162,101,.3);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--hs-secondary);\n  box-shadow: 0 2px 12px rgba(0,0,0,.2);\n  transition: all .3s ease;\n}\n\n.hs-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  background: rgba(196,162,101,.25);\n}\n\n\/* === SECTIONS === *\/\n.hs-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hs-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hs-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.hs-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(--hs-primary), var(--hs-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.hs-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hs-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.hs-card {\n  background: var(--hs-white);\n  border-radius: var(--hs-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hs-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hs-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hs-shadow-lg);\n  border-color: var(--hs-primary);\n}\n\n.hs-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hs-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hs-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hs-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hs-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.hs-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.hs-grid-compact .hs-card {\n  padding: 1rem;\n}\n\n.hs-grid-compact .hs-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.hs-grid-compact .hs-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hs-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.hs-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hs-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hs-primary-dark), #3a2f1e);\n  color: var(--hs-primary);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  border: 2px solid var(--hs-primary);\n}\n\n.hs-timeline-content {\n  flex: 1;\n  background: var(--hs-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hs-radius-sm);\n  box-shadow: var(--hs-shadow);\n}\n\n.hs-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hs-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hs-timeline-content p {\n  font-size: 14px;\n  color: var(--hs-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hs-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hs-primary-light);\n  border-radius: var(--hs-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.hs-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hs-tip p {\n  font-size: 14px;\n  color: var(--hs-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.hs-testimonial {\n  background: var(--hs-white);\n  border-radius: var(--hs-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hs-shadow);\n  border-left: 4px solid var(--hs-primary);\n}\n\n.hs-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hs-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hs-accordion {\n  background: var(--hs-white);\n  border-radius: var(--hs-radius);\n  box-shadow: var(--hs-shadow);\n  overflow: hidden;\n}\n\n.hs-accordion-item {\n  border-bottom: 1px solid var(--hs-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hs-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hs-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hs-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.hs-accordion-header:hover {\n  background: var(--hs-primary-light);\n}\n\n.hs-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hs-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hs-primary);\n  transition: transform .2s ease;\n}\n\n.hs-accordion-item[open] .hs-accordion-header::after {\n  content: '−';\n}\n\n.hs-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hs-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hs-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hs-disclaimer {\n  font-size: 12px;\n  color: var(--hs-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  .hs-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .hs-card {\n    padding: 1.125rem;\n  }\n\n  .hs-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .hs-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hs-radius-sm);\n  }\n\n  .hs-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .hs-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .hs-grid-compact {\n    gap: .625rem;\n  }\n\n  .hs-grid-compact .hs-card {\n    padding: .75rem;\n  }\n\n  .hs-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .hs-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .hs-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .hs-timeline-content p {\n    font-size: 13px;\n  }\n\n  .hs-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .hs-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .hs-testimonial {\n    padding: 1.25rem;\n  }\n\n  .hs-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hs-card {\n    animation: hsFadeInUp .5s ease backwards;\n  }\n  .hs-card:nth-child(1) { animation-delay: .05s; }\n  .hs-card:nth-child(2) { animation-delay: .1s; }\n  .hs-card:nth-child(3) { animation-delay: .15s; }\n  .hs-card:nth-child(4) { animation-delay: .2s; }\n  .hs-card:nth-child(5) { animation-delay: .25s; }\n  .hs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hsFadeInUp {\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  .hs-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755023917213,"sku":"REF1047","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/labophyto-hot-shot-sex-booster-x-power-aphrodisiaque-3x20-ml-packshothd.webp?v=1785939551"},{"product_id":"xl-power-aphrodisiaque-10-gelules-labophyto","title":"XL Power : Aphrodisiaque 4 en 1 - 10 Gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: XL Power - Aphrodisiaque 4 en 1\nPalette détectée:\n  - Primaire: #2B68A8 (bleu professionnel\/médical du packaging)\n  - Secondaire: #5DB8E5 (bleu clair des gélules)\n  - Accent: #1A4A7A (bleu foncé pour contraste)\nAmbiance: Technique\/médical, professionnel, masculin, orienté performance\nStyle: Premium scientifique avec légitimité française (drapeau)\nPréfixe CSS: xlp\n--\u003e\n\u003cdiv class=\"xlp-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"xlp-hero\"\u003e\n\u003cdiv class=\"xlp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"xlp-hero-content\"\u003e\n\u003cdiv class=\"xlp-badges-top\"\u003e\n\u003cspan class=\"xlp-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"xlp-badge\"\u003e💊 10 gélules\u003c\/span\u003e \u003cspan class=\"xlp-badge\"\u003e⚡ Action rapide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"xlp-hero-title\"\u003eXL Power\u003c\/span\u003e\n\u003cp class=\"xlp-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eL'aphrodisiaque 4 en 1 nouvelle génération\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"xlp-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLe complément alimentaire masculin qui combine efficacité scientifique et ingrédients naturels pour booster votre libido, vos performances et votre vitalité. Résultats rapides garantis.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- LES 4 ACTIONS CLÉS --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e🎯 Les 4 actions synergiques\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid\"\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e🚀\u003c\/div\u003e\n\u003ch3\u003eÉrection favorisée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eGrâce au Tribulus\u003c\/p\u003e\n\u003cp\u003eAméliore la libido et la fonction érectile en stimulant la production naturelle de testostérone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eTestostérone augmentée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eAction hormonale naturelle\u003c\/p\u003e\n\u003cp\u003eLe Tribulus aide à augmenter le niveau de testostérone endogène pour une virilité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eQualité du sperme améliorée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eFertilité optimisée\u003c\/p\u003e\n\u003cp\u003eLe zinc et les actifs naturels contribuent à une meilleure qualité spermatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e❤️\u003c\/div\u003e\n\u003ch3\u003eCirculation sanguine améliorée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003ePiper nigrum + Melilotus\u003c\/p\u003e\n\u003cp\u003eFavorise la circulation sanguine à travers les petits vaisseaux pour une meilleure performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION PREMIUM --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e🧬 Formule scientifique exclusive\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-composition\"\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eTribulus terrestris\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eDosage optimal\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePlante légendaire qui booste la production de testostérone et améliore la libido masculine naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eMaca\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eExtrait concentré\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eRacine péruvienne reconnue pour stimuler le désir sexuel et améliorer l'endurance physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eGinseng\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eHaute concentration\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eTonifiant naturel qui augmente l'énergie physique et mentale pour des performances optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e💎\u003c\/div\u003e\n\u003ch3\u003eL-Arginine\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eAcide aminé essentiel\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePrécurseur de l'oxyde nitrique, améliore la circulation sanguine vers les organes génitaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eZinc\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e100% des apports\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eMinéral indispensable pour une fonction reproductive normale et la fertilité masculine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🌶️\u003c\/div\u003e\n\u003ch3\u003eCaféine + Arginine + Cuivre\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eSynergie énergisante\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eCombinaison pour une stimulation complète et une vitalité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi optimisé\u003c\/h2\u003e\n\u003cdiv class=\"xlp-usage-timeline\"\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eTiming parfait\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 gélule 30 minutes avant\u003c\/strong\u003e le rapport sexuel avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMaximum 1 gélule par jour.\u003c\/strong\u003e Ne pas dépasser la dose journalière indiquée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eEfficacité maximale\u003c\/h3\u003e\n\u003cp\u003eAssociez à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e et un mode de vie sain pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-benefits\"\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eDésir décuplé\u003c\/h3\u003e\n\u003cp\u003eStimulation naturelle de la libido grâce à des ingrédients aphrodisiaques reconnus depuis des siècles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003ePerformance prolongée\u003c\/h3\u003e\n\u003cp\u003eAméliorez votre endurance et la durée de vos rapports pour une satisfaction mutuelle maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eVitalité retrouvée\u003c\/h3\u003e\n\u003cp\u003ePropriétés énergisantes qui boostent votre forme générale et votre confiance en vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% naturel\u003c\/h3\u003e\n\u003cp\u003eFormule à base d'extraits de plantes, sans additifs chimiques nocifs pour votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eAction rapide\u003c\/h3\u003e\n\u003cp\u003eRésultats perceptibles dès 30 minutes après la prise pour une spontanéité préservée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eQualité française\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France selon les normes CE les plus strictes, gage de sécurité et d'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e👤 XL Power est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid\"\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eVous cherchez à booster votre libido\u003c\/h3\u003e\n\u003cp\u003eRedécouvrez un désir sexuel puissant grâce à une formule naturelle qui stimule votre appétit sensuel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e💼\u003c\/div\u003e\n\u003ch3\u003eLe stress impacte vos performances\u003c\/h3\u003e\n\u003cp\u003eRetrouvez confiance et sérénité lors de vos rapports intimes malgré un quotidien chargé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eVous souhaitez améliorer votre endurance\u003c\/h3\u003e\n\u003cp\u003eProlongez vos ébats et satisfaisez pleinement votre partenaire avec une meilleure résistance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eVous privilégiez le naturel\u003c\/h3\u003e\n\u003cp\u003eOptez pour une solution à base de plantes, sans produits chimiques agressifs pour votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003cdiv class=\"xlp-warning-box\"\u003e\n\u003cdiv class=\"xlp-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv class=\"xlp-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'usage importantes\u003c\/h3\u003e\n\u003cul class=\"xlp-warning-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéservé aux adultes.\u003c\/strong\u003e Ne pas donner aux enfants.\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée de 1 gélule.\u003c\/li\u003e\n\u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants.\u003c\/li\u003e\n\u003cli\u003eEn cas de doute ou de traitement médical, consulter un professionnel de santé.\u003c\/li\u003e\n\u003cli\u003eConserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LABOPHYTO EXPERTISE --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003cdiv class=\"xlp-brand-box\"\u003e\n\u003ch2\u003e🏆 L'expertise Labophyto\u003c\/h2\u003e\n\u003cdiv class=\"xlp-brand-content\"\u003e\n\u003cp class=\"xlp-brand-intro\"\u003eLabophyto est un \u003cstrong\u003eleader français\u003c\/strong\u003e dans le domaine des compléments alimentaires naturels dédiés au bien-être intime et à la vitalité masculine.\u003c\/p\u003e\n\u003cdiv class=\"xlp-expertise-grid\"\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eRecherche scientifique\u003c\/h4\u003e\n\u003cp\u003eFormules développées en collaboration avec des experts pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eIngrédients premium\u003c\/h4\u003e\n\u003cp\u003eSélection rigoureuse de plantes et actifs naturels pour leur qualité et leur pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e✅\u003c\/div\u003e\n\u003ch4\u003eNormes CE strictes\u003c\/h4\u003e\n\u003cp\u003eFabrication française respectant les standards de qualité et de sécurité les plus élevés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eEngagement qualité\u003c\/h4\u003e\n\u003cp\u003eDes produits sûrs, testés et efficaces pour votre bien-être et votre santé.\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!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-info\"\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e10 gélules\u003c\/strong\u003e\u003cbr\u003eFormat économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eOrigine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003cbr\u003eNormes CE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% naturelle\u003c\/strong\u003e\u003cbr\u003eExtraits de plantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003eAction\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e30 minutes\u003c\/strong\u003e\u003cbr\u003eAvant le rapport\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eUsage\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 gélule\/jour max\u003c\/strong\u003e\u003cbr\u003eSelon besoin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🏅\u003c\/div\u003e\n\u003ch3\u003eMarque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e\u003cbr\u003eExpert depuis 2008\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"xlp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"xlp-cta-box\"\u003e\n\u003cdiv class=\"xlp-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"xlp-cta-content\"\u003e\n\u003cp class=\"xlp-cta-title\"\u003eRetrouvez confiance et performance\u003c\/p\u003e\n\u003cp\u003eXL Power combine l'efficacité scientifique des actifs naturels pour vous offrir des résultats rapides et durables. Fabriqué en France avec des ingrédients premium, ce complément alimentaire 4 en 1 est votre allié pour une vie intime épanouie.\u003c\/p\u003e\n\u003cp class=\"xlp-cta-highlight\"\u003e🇫🇷 Qualité française • ⚡ Action rapide • 🌿 100% naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  \/* Couleurs principales *\/\n  --xlp-cream: #f8f9fb;\n  --xlp-white: #ffffff;\n  --xlp-primary: #2B68A8;\n  --xlp-primary-dark: #1A4A7A;\n  --xlp-primary-light: #E8F1F9;\n  --xlp-secondary: #5DB8E5;\n  --xlp-accent: #3D8BC7;\n\n  \/* Textes *\/\n  --xlp-text: #1a1a1a;\n  --xlp-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --xlp-border: #e0e6ed;\n  --xlp-shadow: 0 4px 24px rgba(43, 104, 168, 0.08);\n  --xlp-shadow-lg: 0 12px 48px rgba(43, 104, 168, 0.15);\n  --xlp-radius: 20px;\n  --xlp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.xlp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--xlp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--xlp-text);\n}\n\n\/* === HERO SECTION === *\/\n.xlp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2B68A8 0%, #3D8BC7 50%, #5DB8E5 100%);\n  border-radius: var(--xlp-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(--xlp-shadow-lg);\n}\n\n.xlp-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0.05;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n    repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.xlp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.xlp-badges-top {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-bottom: 2rem;\n}\n\n.xlp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--xlp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.xlp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.xlp-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: -0.04em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.xlp-subtitle {\n  color: rgba(255, 255, 255, 0.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, 0.15);\n}\n\n.xlp-description {\n  color: rgba(255, 255, 255, 0.9);\n  font-size: clamp(15px, 2vw, 17px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  font-weight: 500;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.xlp-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.xlp-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--xlp-primary-dark);\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}\n\n.xlp-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(--xlp-primary), var(--xlp-secondary));\n  border-radius: 2px;\n}\n\n.xlp-premium h3 {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--xlp-primary-dark);\n  margin: 0 0 0.75rem 0;\n  letter-spacing: -0.02em;\n}\n\n.xlp-premium h4 {\n  font-size: clamp(15px, 2vw, 17px);\n  font-weight: 700;\n  color: var(--xlp-primary);\n  margin: 0 0 0.5rem 0;\n}\n\n.xlp-premium p {\n  margin: 0 0 1rem 0;\n  color: var(--xlp-text-light);\n  font-size: clamp(14px, 1.8vw, 16px);\n}\n\n\/* === GRILLES === *\/\n.xlp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.xlp-grid-composition {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.xlp-grid-benefits {\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 2rem;\n}\n\n.xlp-grid-info {\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.xlp-card {\n  background: var(--xlp-white);\n  border-radius: var(--xlp-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--xlp-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n}\n\n.xlp-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--xlp-shadow-lg);\n  border-color: var(--xlp-primary);\n}\n\n\/* Cards Actions *\/\n.xlp-action-card {\n  text-align: center;\n}\n\n.xlp-icon {\n  font-size: clamp(40px, 6vw, 52px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.xlp-highlight {\n  color: var(--xlp-primary);\n  font-weight: 700;\n  font-size: clamp(13px, 1.8vw, 15px);\n  margin-bottom: 0.75rem;\n  display: block;\n}\n\n\/* Cards Ingrédients *\/\n.xlp-ingredient-card {\n  position: relative;\n  background: linear-gradient(135deg, var(--xlp-white) 0%, var(--xlp-primary-light) 100%);\n}\n\n.xlp-ingredient-icon {\n  font-size: clamp(36px, 5vw, 44px);\n  margin-bottom: 1rem;\n  display: block;\n  text-align: center;\n}\n\n.xlp-dosage {\n  background: var(--xlp-primary);\n  color: white;\n  font-size: 12px;\n  font-weight: 700;\n  padding: 4px 12px;\n  border-radius: 999px;\n  display: inline-block;\n  margin-bottom: 0.75rem;\n}\n\n\/* Cards Bénéfices *\/\n.xlp-benefit-card {\n  text-align: center;\n  background: linear-gradient(135deg, var(--xlp-white) 0%, var(--xlp-primary-light) 100%);\n}\n\n.xlp-benefit-icon {\n  font-size: clamp(44px, 6vw, 56px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n\/* Cards Cibles *\/\n.xlp-target-card {\n  border-left: 4px solid var(--xlp-primary);\n}\n\n.xlp-target-icon {\n  font-size: clamp(36px, 5vw, 44px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n\/* Cards Info *\/\n.xlp-info-card {\n  text-align: center;\n  padding: clamp(1.25rem, 2.5vw, 1.75rem);\n}\n\n.xlp-info-icon {\n  font-size: clamp(32px, 5vw, 40px);\n  margin-bottom: 0.75rem;\n  display: block;\n}\n\n.xlp-info-card h3 {\n  font-size: clamp(14px, 2vw, 16px);\n  margin-bottom: 0.5rem;\n}\n\n.xlp-info-card p {\n  font-size: clamp(13px, 1.8vw, 15px);\n  margin: 0;\n}\n\n\/* === TIMELINE MODE D'EMPLOI === *\/\n.xlp-usage-timeline {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.xlp-step {\n  display: flex;\n  gap: 2rem;\n  margin-bottom: 2.5rem;\n  align-items: flex-start;\n}\n\n.xlp-step:last-child {\n  margin-bottom: 0;\n}\n\n.xlp-step-number {\n  flex-shrink: 0;\n  width: 56px;\n  height: 56px;\n  background: linear-gradient(135deg, var(--xlp-primary), var(--xlp-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(43, 104, 168, 0.3);\n}\n\n.xlp-step-content {\n  flex: 1;\n  background: var(--xlp-white);\n  padding: clamp(1.25rem, 2.5vw, 1.75rem);\n  border-radius: var(--xlp-radius-sm);\n  box-shadow: var(--xlp-shadow);\n  border-left: 4px solid var(--xlp-primary);\n}\n\n.xlp-step-content h3 {\n  margin-bottom: 0.5rem;\n}\n\n.xlp-step-content p {\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.xlp-warning-box {\n  background: #FFF9E6;\n  border: 3px solid #FFB020;\n  border-radius: var(--xlp-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  display: flex;\n  gap: 2rem;\n  align-items: flex-start;\n}\n\n.xlp-warning-icon {\n  font-size: clamp(44px, 6vw, 56px);\n  flex-shrink: 0;\n}\n\n.xlp-warning-content h3 {\n  color: #D97706;\n  margin-bottom: 1rem;\n}\n\n.xlp-warning-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.xlp-warning-list li {\n  color: var(--xlp-text);\n  font-size: clamp(14px, 1.8vw, 16px);\n  line-height: 1.7;\n  margin-bottom: 0.75rem;\n  padding-left: 1.5rem;\n  position: relative;\n}\n\n.xlp-warning-list li::before {\n  content: '⚡';\n  position: absolute;\n  left: 0;\n  color: #FFB020;\n}\n\n\/* === BRAND BOX === *\/\n.xlp-brand-box {\n  background: linear-gradient(135deg, var(--xlp-primary-light) 0%, var(--xlp-white) 100%);\n  border-radius: var(--xlp-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  border: 2px solid var(--xlp-border);\n}\n\n.xlp-brand-box h2 {\n  margin-bottom: 1.5rem;\n}\n\n.xlp-brand-intro {\n  font-size: clamp(16px, 2vw, 19px);\n  color: var(--xlp-text);\n  font-weight: 600;\n  text-align: center;\n  margin-bottom: 2.5rem;\n  line-height: 1.7;\n}\n\n.xlp-expertise-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 2rem;\n}\n\n.xlp-expertise-item {\n  text-align: center;\n}\n\n.xlp-expertise-icon {\n  font-size: clamp(40px, 6vw, 52px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.xlp-expertise-item h4 {\n  color: var(--xlp-primary-dark);\n  margin-bottom: 0.75rem;\n}\n\n.xlp-expertise-item p {\n  margin: 0;\n  font-size: clamp(14px, 1.8vw, 15px);\n}\n\n\/* === CTA FINAL === *\/\n.xlp-cta-box {\n  background: linear-gradient(135deg, var(--xlp-primary) 0%, var(--xlp-primary-dark) 100%);\n  border-radius: var(--xlp-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--xlp-shadow-lg);\n}\n\n.xlp-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0.05;\n  background-image: radial-gradient(circle at 25% 25%, white 2%, transparent 2%),\n                    radial-gradient(circle at 75% 75%, white 2%, transparent 2%);\n  background-size: 60px 60px;\n}\n\n.xlp-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.xlp-cta-title {\n  color: white;\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.02em;\n}\n\n.xlp-cta-box p {\n  color: rgba(255, 255, 255, 0.95);\n  font-size: clamp(16px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin-bottom: 1.5rem;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.xlp-cta-highlight {\n  color: white;\n  font-size: clamp(15px, 2vw, 17px);\n  font-weight: 700;\n  margin: 0;\n  padding: 1rem 2rem;\n  background: rgba(255, 255, 255, 0.15);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  display: inline-block;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .xlp-grid,\n  .xlp-grid-composition,\n  .xlp-grid-benefits,\n  .xlp-expertise-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .xlp-grid-info {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .xlp-step {\n    gap: 1rem;\n  }\n\n  .xlp-step-number {\n    width: 44px;\n    height: 44px;\n    font-size: 20px;\n  }\n\n  .xlp-warning-box {\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .xlp-badges-top {\n    gap: 8px;\n  }\n\n  .xlp-badge {\n    font-size: 11px;\n    padding: 6px 12px;\n  }\n}\n\n@media (max-width: 480px) {\n  .xlp-grid-info {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .xlp-card {\n    animation: fadeInUp 0.6s ease backwards;\n  }\n\n  .xlp-card:nth-child(1) { animation-delay: 0.1s; }\n  .xlp-card:nth-child(2) { animation-delay: 0.2s; }\n  .xlp-card:nth-child(3) { animation-delay: 0.3s; }\n  .xlp-card:nth-child(4) { animation-delay: 0.4s; }\n  .xlp-card:nth-child(5) { animation-delay: 0.5s; }\n  .xlp-card:nth-child(6) { animation-delay: 0.6s; }\n\n  .xlp-step {\n    animation: fadeInLeft 0.6s ease backwards;\n  }\n\n  .xlp-step:nth-child(1) { animation-delay: 0.1s; }\n  .xlp-step:nth-child(2) { animation-delay: 0.3s; }\n  .xlp-step:nth-child(3) { animation-delay: 0.5s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .xlp-premium * {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .xlp-card {\n    border: 3px solid var(--xlp-primary);\n  }\n\n  .xlp-hero {\n    border: 3px solid var(--xlp-primary-dark);\n  }\n}\n\n\/* === PRINT === *\/\n@media print {\n  .xlp-premium {\n    background: white;\n  }\n\n  .xlp-card {\n    box-shadow: none;\n    border: 1px solid #000;\n    page-break-inside: avoid;\n  }\n\n  .xlp-hero {\n    background: white;\n    border: 2px solid #000;\n  }\n\n  .xlp-hero-title,\n  .xlp-subtitle,\n  .xlp-description {\n    color: #000;\n  }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024179357,"sku":"REF1048","price":32.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/xl-power-aphrodisiaque-4-en-1-10-gelules-labophyto-packshothd.webp?v=1785938871"},{"product_id":"top-desire-60-gelules-labophyto","title":"Top Desire - Stimulant Libido Femme 100% Naturel - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Top Desire - Stimulant Libido Femme\nPalette détectée:\n  - Primaire: #E91E8C (rose vif vibrant du packaging, féminin et énergique)\n  - Secondaire: #C41673 (rose fuchsia foncé pour contraste)\n  - Accent: #FF5BAE (rose clair pour backgrounds et highlights)\n  - Neutre: #2D2D2D (gris anthracite du logo)\nAmbiance: Féminin moderne, sensuel, énergique, premium lifestyle\nStyle: Intimité féminine, wellness, empowerment, romance moderne\nPréfixe CSS: td\n--\u003e\n\n\u003cdiv class=\"td-premium\"\u003e\n  \u003cdiv class=\"td-hero\"\u003e\n    \u003cdiv class=\"td-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"td-hero-content\"\u003e\n      \u003cdiv class=\"td-badges-top\"\u003e\n        \u003cspan class=\"td-badge\"\u003e💖 100% naturel\u003c\/span\u003e\n        \u003cspan class=\"td-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"td-badge\"\u003e✨ 60 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"td-hero-title\"\u003eTop Desire\u003c\/span\u003e\n      \u003cp class=\"td-subtitle\"\u003eLe stimulant libido féminin nouvelle génération\u003c\/p\u003e\n      \u003cp class=\"td-description\"\u003eRavivez votre désir et votre épanouissement intime grâce à une formule 100% naturelle enrichie en plantes adaptogènes et vitamines essentielles. Conçu par Labophyto, expert français en bien-être sexuel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"td-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Top Desire ?\u003c\/h2\u003e\n    \u003cdiv class=\"td-grid\"\u003e\n      \u003cdiv class=\"td-card\"\u003e\n        \u003cdiv class=\"td-card-icon\"\u003e🌸\u003c\/div\u003e\n        \u003cdiv class=\"td-card-title\"\u003eFormule 100% naturelle\u003c\/div\u003e\n        \u003cp\u003eUne synergie d'ingrédients puissants et naturels soigneusement sélectionnés pour stimuler votre libido sans effets secondaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-card\"\u003e\n        \u003cdiv class=\"td-card-icon\"\u003e💫\u003c\/div\u003e\n        \u003cdiv class=\"td-card-title\"\u003eStimule le désir sexuel\u003c\/div\u003e\n        \u003cp\u003eAgit sur les mécanismes naturels du désir féminin pour raviver votre envie et votre sensualité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-card\"\u003e\n        \u003cdiv class=\"td-card-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"td-card-title\"\u003eBooste l'énergie\u003c\/div\u003e\n        \u003cp\u003eCombat la fatigue et le stress qui affectent votre libido grâce aux plantes adaptogènes comme la maca et le ginseng.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-card\"\u003e\n        \u003cdiv class=\"td-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"td-card-title\"\u003eÉquilibre hormonal\u003c\/div\u003e\n        \u003cp\u003eSoutient votre équilibre hormonal naturel avec du zinc et de la vitamine B6 pour un bien-être global.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-card\"\u003e\n        \u003cdiv class=\"td-card-icon\"\u003e💕\u003c\/div\u003e\n        \u003cdiv class=\"td-card-title\"\u003eAméliore le plaisir\u003c\/div\u003e\n        \u003cp\u003eFavorise la circulation sanguine et la réceptivité sexuelle pour des moments intimes plus intenses et satisfaisants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-card\"\u003e\n        \u003cdiv class=\"td-card-icon\"\u003e🏆\u003c\/div\u003e\n        \u003cdiv class=\"td-card-title\"\u003eQualité premium\u003c\/div\u003e\n        \u003cp\u003eFabriqué en France par Labophyto selon les normes européennes les plus strictes pour votre sécurité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"td-section\"\u003e\n    \u003ch2\u003eComposition active et dosages\u003c\/h2\u003e\n    \u003cdiv class=\"td-grid\"\u003e\n      \u003cdiv class=\"td-ingredient-card\"\u003e\n        \u003cdiv class=\"td-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-name\"\u003eTribulus Terrestris\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n        \u003cp\u003eStimule puissamment le désir sexuel et favorise l'équilibre hormonal naturel chez la femme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-ingredient-card\"\u003e\n        \u003cdiv class=\"td-ingredient-icon\"\u003e💪\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-name\"\u003eL-Arginine\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-dose\"\u003e250 mg\u003c\/div\u003e\n        \u003cp\u003eAméliore la circulation sanguine vers les zones intimes, augmentant la sensibilité et la réceptivité sexuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-ingredient-card\"\u003e\n        \u003cdiv class=\"td-ingredient-icon\"\u003e🥔\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-name\"\u003eMaca\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n        \u003cp\u003ePlante adaptogène péruvienne reconnue pour réduire le stress, booster l'énergie et raviver le désir sexuel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-ingredient-card\"\u003e\n        \u003cdiv class=\"td-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-dose\"\u003e100 mg\u003c\/div\u003e\n        \u003cp\u003eAccroît l'énergie physique et mentale, améliore les performances et réduit la fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-ingredient-card\"\u003e\n        \u003cdiv class=\"td-ingredient-icon\"\u003e💊\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-dose\"\u003e1,4 mg\u003c\/div\u003e\n        \u003cp\u003eAide à la régulation hormonale et contribue à réduire la fatigue pour un équilibre optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-ingredient-card\"\u003e\n        \u003cdiv class=\"td-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-name\"\u003eZinc\u003c\/div\u003e\n        \u003cdiv class=\"td-ingredient-dose\"\u003e10 mg\u003c\/div\u003e\n        \u003cp\u003eSoutient la fertilité, maintient un taux de testostérone sain et renforce le système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"td-section\"\u003e\n    \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"td-steps\"\u003e\n      \u003cdiv class=\"td-step\"\u003e\n        \u003cdiv class=\"td-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"td-step-content\"\u003e\n          \u003cdiv class=\"td-step-title\"\u003ePosologie quotidienne\u003c\/div\u003e\n          \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-step\"\u003e\n        \u003cdiv class=\"td-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"td-step-content\"\u003e\n          \u003cdiv class=\"td-step-title\"\u003eMoment idéal\u003c\/div\u003e\n          \u003cp\u003eDe préférence le matin ou avant un repas pour une absorption optimale\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-step\"\u003e\n        \u003cdiv class=\"td-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"td-step-content\"\u003e\n          \u003cdiv class=\"td-step-title\"\u003eDurée de cure\u003c\/div\u003e\n          \u003cp\u003eMinimum 1 mois pour des résultats durables et significatifs\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-step\"\u003e\n        \u003cdiv class=\"td-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"td-step-content\"\u003e\n          \u003cdiv class=\"td-step-title\"\u003eRégularité\u003c\/div\u003e\n          \u003cp\u003eRespectez la prise quotidienne pour maximiser les effets bénéfiques\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"td-section\"\u003e\n    \u003ch2\u003ePour qui est Top Desire ?\u003c\/h2\u003e\n    \u003cdiv class=\"td-grid\"\u003e\n      \u003cdiv class=\"td-profile-card\"\u003e\n        \u003cdiv class=\"td-profile-icon\"\u003e😴\u003c\/div\u003e\n        \u003cdiv class=\"td-profile-title\"\u003eFatigue et stress\u003c\/div\u003e\n        \u003cp\u003eVous êtes épuisée par le rythme quotidien et votre libido en souffre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-profile-card\"\u003e\n        \u003cdiv class=\"td-profile-icon\"\u003e🔄\u003c\/div\u003e\n        \u003cdiv class=\"td-profile-title\"\u003eFluctuations hormonales\u003c\/div\u003e\n        \u003cp\u003eVos hormones jouent au yo-yo et affectent votre désir sexuel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-profile-card\"\u003e\n        \u003cdiv class=\"td-profile-icon\"\u003e💔\u003c\/div\u003e\n        \u003cdiv class=\"td-profile-title\"\u003eBaisse de libido\u003c\/div\u003e\n        \u003cp\u003eVous ressentez une diminution de votre envie et de votre sensualité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-profile-card\"\u003e\n        \u003cdiv class=\"td-profile-icon\"\u003e💑\u003c\/div\u003e\n        \u003cdiv class=\"td-profile-title\"\u003eVie de couple\u003c\/div\u003e\n        \u003cp\u003eVous souhaitez raviver la flamme et renforcer vos relations intimes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-profile-card\"\u003e\n        \u003cdiv class=\"td-profile-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"td-profile-title\"\u003eSolution naturelle\u003c\/div\u003e\n        \u003cp\u003eVous cherchez une approche saine sans recourir aux médicaments\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-profile-card\"\u003e\n        \u003cdiv class=\"td-profile-icon\"\u003e✨\u003c\/div\u003e\n        \u003cdiv class=\"td-profile-title\"\u003eÉpanouissement\u003c\/div\u003e\n        \u003cp\u003eVous voulez retrouver votre confiance et votre bien-être intime\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"td-section\"\u003e\n    \u003ch2\u003eLes bénéfices attendus\u003c\/h2\u003e\n    \u003cdiv class=\"td-benefits\"\u003e\n      \u003cdiv class=\"td-benefit-card\"\u003e\n        \u003cdiv class=\"td-benefit-timeline\"\u003eSemaine 1-2\u003c\/div\u003e\n        \u003cdiv class=\"td-benefit-content\"\u003e\n          \u003cdiv class=\"td-benefit-title\"\u003e🌱 Phase d'adaptation\u003c\/div\u003e\n          \u003cp\u003eVotre corps s'habitue aux actifs naturels. Vous commencez à ressentir plus d'énergie et moins de fatigue au quotidien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-benefit-card\"\u003e\n        \u003cdiv class=\"td-benefit-timeline\"\u003eSemaine 3-4\u003c\/div\u003e\n        \u003cdiv class=\"td-benefit-content\"\u003e\n          \u003cdiv class=\"td-benefit-title\"\u003e💫 Premiers effets\u003c\/div\u003e\n          \u003cp\u003eLe désir sexuel commence à se réveiller. Vous ressentez une amélioration de votre humeur et de votre réceptivité sensuelle.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-benefit-card\"\u003e\n        \u003cdiv class=\"td-benefit-timeline\"\u003eMois 2-3\u003c\/div\u003e\n        \u003cdiv class=\"td-benefit-content\"\u003e\n          \u003cdiv class=\"td-benefit-title\"\u003e🔥 Résultats optimaux\u003c\/div\u003e\n          \u003cp\u003eVotre libido est pleinement stimulée. Vous retrouvez votre sensualité, votre confiance et profitez pleinement de votre intimité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"td-section\"\u003e\n    \u003ch2\u003eLabophyto : expertise française\u003c\/h2\u003e\n    \u003cdiv class=\"td-brand-box\"\u003e\n      \u003cdiv class=\"td-brand-content\"\u003e\n        \u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e est une marque française spécialisée dans les compléments alimentaires naturels pour le bien-être intime et sexuel. Depuis sa création, la marque s'engage à proposer des solutions efficaces, sûres et respectueuses de votre corps.\u003c\/p\u003e\n        \u003cdiv class=\"td-brand-values\"\u003e\n          \u003cdiv class=\"td-brand-value\"\u003e\n            \u003cdiv class=\"td-brand-value-icon\"\u003e🇫🇷\u003c\/div\u003e\n            \u003cdiv class=\"td-brand-value-text\"\u003e\n              \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n              \u003cspan\u003eProduit en France selon les normes européennes les plus strictes\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"td-brand-value\"\u003e\n            \u003cdiv class=\"td-brand-value-icon\"\u003e🔬\u003c\/div\u003e\n            \u003cdiv class=\"td-brand-value-text\"\u003e\n              \u003cstrong\u003eContrôles rigoureux\u003c\/strong\u003e\n              \u003cspan\u003eChaque lot est testé pour garantir pureté et efficacité\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"td-brand-value\"\u003e\n            \u003cdiv class=\"td-brand-value-icon\"\u003e🌿\u003c\/div\u003e\n            \u003cdiv class=\"td-brand-value-text\"\u003e\n              \u003cstrong\u003eIngrédients premium\u003c\/strong\u003e\n              \u003cspan\u003eSources responsables et respectueuses de l'environnement\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"td-brand-value\"\u003e\n            \u003cdiv class=\"td-brand-value-icon\"\u003e✅\u003c\/div\u003e\n            \u003cdiv class=\"td-brand-value-text\"\u003e\n              \u003cstrong\u003eQualité garantie\u003c\/strong\u003e\n              \u003cspan\u003eFormules développées avec des experts en phytothérapie\u003c\/span\u003e\n            \u003c\/div\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=\"td-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"td-grid\"\u003e\n      \u003cdiv class=\"td-info-card\"\u003e\n        \u003cdiv class=\"td-info-icon\"\u003e💊\u003c\/div\u003e\n        \u003cdiv class=\"td-info-title\"\u003eContenance\u003c\/div\u003e\n        \u003cdiv class=\"td-info-value\"\u003e60 gélules\u003c\/div\u003e\n        \u003cp\u003e1 mois de cure complète\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-info-card\"\u003e\n        \u003cdiv class=\"td-info-icon\"\u003e⚖️\u003c\/div\u003e\n        \u003cdiv class=\"td-info-title\"\u003ePoids net\u003c\/div\u003e\n        \u003cdiv class=\"td-info-value\"\u003e32,8 g\u003c\/div\u003e\n        \u003cp\u003eFormat compact et pratique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-info-card\"\u003e\n        \u003cdiv class=\"td-info-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"td-info-title\"\u003eComposition\u003c\/div\u003e\n        \u003cdiv class=\"td-info-value\"\u003e100% naturelle\u003c\/div\u003e\n        \u003cp\u003ePlantes et vitamines\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-info-card\"\u003e\n        \u003cdiv class=\"td-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv class=\"td-info-title\"\u003eOrigine\u003c\/div\u003e\n        \u003cdiv class=\"td-info-value\"\u003eFrance\u003c\/div\u003e\n        \u003cp\u003eLabophyto, expert en pleasure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-info-card\"\u003e\n        \u003cdiv class=\"td-info-icon\"\u003e📋\u003c\/div\u003e\n        \u003cdiv class=\"td-info-title\"\u003eRéférence\u003c\/div\u003e\n        \u003cdiv class=\"td-info-value\"\u003eREF1049\u003c\/div\u003e\n        \u003cp\u003eProduit certifié\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"td-info-card\"\u003e\n        \u003cdiv class=\"td-info-icon\"\u003e♀️\u003c\/div\u003e\n        \u003cdiv class=\"td-info-title\"\u003eDestiné à\u003c\/div\u003e\n        \u003cdiv class=\"td-info-value\"\u003eFemmes adultes\u003c\/div\u003e\n        \u003cp\u003eSpécialement formulé\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"td-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"td-warning-box\"\u003e\n      \u003cdiv class=\"td-warning-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv class=\"td-warning-content\"\u003e\n        \u003cul class=\"td-warning-list\"\u003e\n          \u003cli\u003eNe pas dépasser la dose journalière recommandée de 2 gélules par jour\u003c\/li\u003e\n          \u003cli\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n          \u003cli\u003eDéconseillé aux femmes enceintes, allaitantes et aux personnes sous traitement médical sans avis médical\u003c\/li\u003e\n          \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n          \u003cli\u003eConserver dans un endroit sec, frais et à l'abri de la lumière\u003c\/li\u003e\n          \u003cli\u003eEn cas de doute, consultez un professionnel de santé avant utilisation\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"td-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"td-cta-box\"\u003e\n      \u003cdiv class=\"td-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"td-cta-content\"\u003e\n        \u003cspan class=\"td-cta-title\"\u003eRedécouvrez votre désir\u003c\/span\u003e\n        \u003cp\u003eOptez pour Top Desire et retrouvez une libido épanouie, naturellement. Avec sa formule premium 100% naturelle et sa fabrication française, Top Desire est votre allié pour raviver la flamme et renforcer votre bien-être intime.\u003c\/p\u003e\n        \u003cp\u003e\u003cstrong\u003eFaites le choix d'une sexualité épanouie et d'un bien-être durable !\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --td-cream: #fafafa;\n  --td-white: #ffffff;\n  --td-primary: #E91E8C;\n  --td-primary-dark: #C41673;\n  --td-primary-light: #FFE5F3;\n  --td-secondary: #FF5BAE;\n  --td-accent: #2D2D2D;\n  --td-text: #1a1a1a;\n  --td-text-light: #5a5a5a;\n  --td-border: #e0e0e0;\n  --td-shadow: 0 4px 24px rgba(233, 30, 140, 0.08);\n  --td-shadow-lg: 0 12px 48px rgba(233, 30, 140, 0.15);\n  --td-radius: 20px;\n  --td-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.td-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--td-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--td-text);\n}\n\n\/* === HERO === *\/\n.td-hero {\n  position: relative;\n  background: linear-gradient(135deg, #E91E8C 0%, #C41673 50%, #FF5BAE 100%);\n  border-radius: var(--td-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(--td-shadow-lg);\n}\n\n.td-hero-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 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),\n    repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.td-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.td-badges-top {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-bottom: 2rem;\n}\n\n.td-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 20px;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--td-primary-dark);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.td-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);\n}\n\n.td-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(38px, 8vw, 60px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -0.04em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n  text-transform: uppercase;\n}\n\n.td-subtitle {\n  color: rgba(255, 255, 255, 0.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, 0.15);\n}\n\n.td-description {\n  color: rgba(255, 255, 255, 0.9);\n  font-size: clamp(15px, 2vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.td-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.td-premium h2 {\n  font-size: clamp(28px, 5vw, 38px);\n  font-weight: 900;\n  color: var(--td-primary-dark);\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}\n\n.td-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 80px;\n  height: 5px;\n  background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n  border-radius: 3px;\n}\n\n\/* === GRILLES === *\/\n.td-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.td-card {\n  background: var(--td-white);\n  border-radius: var(--td-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--td-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.td-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--td-shadow-lg);\n  border-color: var(--td-primary);\n}\n\n.td-card-icon {\n  font-size: clamp(40px, 6vw, 56px);\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(233, 30, 140, 0.2));\n}\n\n.td-card-title {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--td-primary-dark);\n  margin-bottom: 0.75rem;\n  letter-spacing: -0.02em;\n}\n\n.td-card p {\n  color: var(--td-text-light);\n  font-size: clamp(14px, 1.8vw, 16px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.td-ingredient-card {\n  background: linear-gradient(135deg, var(--td-white) 0%, var(--td-primary-light) 100%);\n  border-radius: var(--td-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--td-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.td-ingredient-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n}\n\n.td-ingredient-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--td-shadow-lg);\n  border-color: var(--td-primary);\n}\n\n.td-ingredient-icon {\n  font-size: clamp(36px, 5vw, 48px);\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(233, 30, 140, 0.2));\n}\n\n.td-ingredient-name {\n  font-size: clamp(17px, 2.3vw, 20px);\n  font-weight: 800;\n  color: var(--td-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.td-ingredient-dose {\n  display: inline-block;\n  padding: 6px 16px;\n  background: var(--td-primary);\n  color: white;\n  border-radius: 999px;\n  font-size: clamp(13px, 1.6vw, 15px);\n  font-weight: 700;\n  margin-bottom: 1rem;\n}\n\n.td-ingredient-card p {\n  color: var(--td-text-light);\n  font-size: clamp(13px, 1.7vw, 15px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === STEPS === *\/\n.td-steps {\n  display: grid;\n  gap: 1.5rem;\n}\n\n.td-step {\n  display: flex;\n  gap: 1.5rem;\n  background: var(--td-white);\n  border-radius: var(--td-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--td-shadow);\n  transition: all 0.3s ease;\n  border-left: 4px solid var(--td-primary);\n}\n\n.td-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--td-shadow-lg);\n}\n\n.td-step-number {\n  flex-shrink: 0;\n  width: 56px!important;\n  height: 56px!important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n  color: white;\n  border-radius: 50%;\n  font-size: 24px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(233, 30, 140, 0.3);\n}\n\n.td-step-content {\n  flex: 1;\n}\n\n.td-step-title {\n  font-size: clamp(17px, 2.3vw, 20px);\n  font-weight: 800;\n  color: var(--td-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.td-step-content p {\n  color: var(--td-text-light);\n  font-size: clamp(14px, 1.8vw, 16px);\n  margin: 0;\n}\n\n\/* === PROFILE CARDS === *\/\n.td-profile-card {\n  background: var(--td-white);\n  border-radius: var(--td-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--td-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.td-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--td-shadow-lg);\n  border-color: var(--td-secondary);\n}\n\n.td-profile-icon {\n  font-size: clamp(40px, 6vw, 56px);\n  margin-bottom: 1rem;\n}\n\n.td-profile-title {\n  font-size: clamp(17px, 2.3vw, 20px);\n  font-weight: 800;\n  color: var(--td-primary-dark);\n  margin-bottom: 0.75rem;\n}\n\n.td-profile-card p {\n  color: var(--td-text-light);\n  font-size: clamp(13px, 1.7vw, 15px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.td-benefits {\n  display: grid;\n  gap: 1.5rem;\n}\n\n.td-benefit-card {\n  display: flex;\n  gap: 1.5rem;\n  background: var(--td-white);\n  border-radius: var(--td-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--td-shadow);\n  transition: all 0.3s ease;\n  border-top: 4px solid var(--td-primary);\n}\n\n.td-benefit-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--td-shadow-lg);\n}\n\n.td-benefit-timeline {\n  flex-shrink: 0;\n  padding: 12px 20px;\n  background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n  color: white;\n  border-radius: var(--td-radius-sm);\n  font-size: clamp(13px, 1.7vw, 15px);\n  font-weight: 800;\n  text-align: center;\n  white-space: nowrap;\n  height: fit-content;\n}\n\n.td-benefit-content {\n  flex: 1;\n}\n\n.td-benefit-title {\n  font-size: clamp(17px, 2.3vw, 20px);\n  font-weight: 800;\n  color: var(--td-primary-dark);\n  margin-bottom: 0.75rem;\n}\n\n.td-benefit-content p {\n  color: var(--td-text-light);\n  font-size: clamp(14px, 1.8vw, 16px);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === BRAND BOX === *\/\n.td-brand-box {\n  background: linear-gradient(135deg, var(--td-primary-light) 0%, var(--td-white) 100%);\n  border-radius: var(--td-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--td-shadow);\n  border: 2px solid var(--td-primary);\n}\n\n.td-brand-content \u003e p {\n  color: var(--td-text);\n  font-size: clamp(15px, 2vw, 17px);\n  line-height: 1.7;\n  margin-bottom: 2rem;\n  text-align: center;\n}\n\n.td-brand-values {\n  display: grid;\n  gap: 1.5rem;\n}\n\n.td-brand-value {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  background: var(--td-white);\n  border-radius: var(--td-radius-sm);\n  padding: 1.5rem;\n  transition: all 0.3s ease;\n}\n\n.td-brand-value:hover {\n  transform: translateX(8px);\n  box-shadow: var(--td-shadow);\n}\n\n.td-brand-value-icon {\n  flex-shrink: 0;\n  font-size: 32px;\n}\n\n.td-brand-value-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n\n.td-brand-value-text strong {\n  font-size: clamp(16px, 2.2vw, 18px);\n  font-weight: 800;\n  color: var(--td-primary-dark);\n}\n\n.td-brand-value-text span {\n  color: var(--td-text-light);\n  font-size: clamp(13px, 1.7vw, 15px);\n}\n\n\/* === INFO CARDS === *\/\n.td-info-card {\n  background: var(--td-white);\n  border-radius: var(--td-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--td-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.td-info-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--td-shadow-lg);\n  border-color: var(--td-primary);\n}\n\n.td-info-icon {\n  font-size: clamp(36px, 5vw, 48px);\n  margin-bottom: 1rem;\n}\n\n.td-info-title {\n  font-size: clamp(14px, 1.9vw, 16px);\n  font-weight: 700;\n  color: var(--td-text-light);\n  margin-bottom: 0.5rem;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.td-info-value {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 900;\n  color: var(--td-primary-dark);\n  margin-bottom: 0.5rem;\n}\n\n.td-info-card p {\n  color: var(--td-text-light);\n  font-size: clamp(13px, 1.7vw, 14px);\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.td-warning-box {\n  display: flex;\n  gap: 1.5rem;\n  background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);\n  border-radius: var(--td-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  border-left: 6px solid #FF9800;\n  box-shadow: var(--td-shadow);\n}\n\n.td-warning-icon {\n  flex-shrink: 0;\n  font-size: 48px;\n}\n\n.td-warning-content {\n  flex: 1;\n}\n\n.td-warning-list {\n  margin: 0;\n  padding-left: 1.5rem;\n  color: var(--td-text);\n}\n\n.td-warning-list li {\n  font-size: clamp(14px, 1.8vw, 16px);\n  line-height: 1.7;\n  margin-bottom: 0.75rem;\n}\n\n.td-warning-list li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.td-cta-box {\n  background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-primary-dark) 100%);\n  border-radius: var(--td-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--td-shadow-lg);\n}\n\n.td-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0.1;\n  background-image: \n    radial-gradient(circle at 20% 50%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent),\n    radial-gradient(circle at 60% 70%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent),\n    radial-gradient(circle at 80% 30%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent);\n  background-size: 200px 200px;\n}\n\n.td-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.td-cta-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  margin-bottom: 1.5rem;\n  letter-spacing: -0.03em;\n  text-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n}\n\n.td-cta-box p {\n  color: rgba(255, 255, 255, 0.95);\n  font-size: clamp(16px, 2.3vw, 19px);\n  line-height: 1.7;\n  margin-bottom: 1rem;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.td-cta-box p:last-child {\n  margin-bottom: 0;\n  font-weight: 700;\n  font-size: clamp(17px, 2.5vw, 20px);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .td-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .td-benefit-card,\n  .td-step,\n  .td-warning-box {\n    flex-direction: column;\n  }\n  \n  .td-benefit-timeline,\n  .td-step-number {\n    width: 100%;\n    text-align: center;\n  }\n  \n  .td-brand-value {\n    flex-direction: column;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .td-card,\n  .td-ingredient-card,\n  .td-profile-card,\n  .td-info-card {\n    animation: fadeInUp 0.6s ease backwards;\n  }\n  \n  .td-card:nth-child(1),\n  .td-ingredient-card:nth-child(1),\n  .td-profile-card:nth-child(1),\n  .td-info-card:nth-child(1) {\n    animation-delay: 0.1s;\n  }\n  \n  .td-card:nth-child(2),\n  .td-ingredient-card:nth-child(2),\n  .td-profile-card:nth-child(2),\n  .td-info-card:nth-child(2) {\n    animation-delay: 0.2s;\n  }\n  \n  .td-card:nth-child(3),\n  .td-ingredient-card:nth-child(3),\n  .td-profile-card:nth-child(3),\n  .td-info-card:nth-child(3) {\n    animation-delay: 0.3s;\n  }\n  \n  .td-card:nth-child(4),\n  .td-ingredient-card:nth-child(4),\n  .td-profile-card:nth-child(4),\n  .td-info-card:nth-child(4) {\n    animation-delay: 0.4s;\n  }\n  \n  .td-card:nth-child(5),\n  .td-ingredient-card:nth-child(5),\n  .td-profile-card:nth-child(5),\n  .td-info-card:nth-child(5) {\n    animation-delay: 0.5s;\n  }\n  \n  .td-card:nth-child(6),\n  .td-ingredient-card:nth-child(6),\n  .td-profile-card:nth-child(6),\n  .td-info-card:nth-child(6) {\n    animation-delay: 0.6s;\n  }\n  \n  .td-step {\n    animation: fadeInLeft 0.6s ease backwards;\n  }\n  \n  .td-step:nth-child(1) { animation-delay: 0.1s; }\n  .td-step:nth-child(2) { animation-delay: 0.2s; }\n  .td-step:nth-child(3) { animation-delay: 0.3s; }\n  .td-step:nth-child(4) { animation-delay: 0.4s; }\n  \n  .td-benefit-card {\n    animation: fadeInUp 0.6s ease backwards;\n  }\n  \n  .td-benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .td-benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .td-benefit-card:nth-child(3) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fadeInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .td-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .td-premium {\n    --td-shadow: 0 0 0 2px var(--td-primary);\n    --td-shadow-lg: 0 0 0 3px var(--td-primary);\n  }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024474269,"sku":"REF1049","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/top-desire-stimulant-libido-femme-100-naturel-labophyto-packshothd.webp?v=1785938829"},{"product_id":"top-bust-poitrine-60-gelules-labophyto","title":"Top Bust Poitrine - 60 gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Top Bust Poitrine - Complément alimentaire poitrine féminine\nPalette détectée:\n  - Primaire: #8B6BA8 (violet\/mauve du packaging - dominante élégante et féminine)\n  - Secondaire: #6A4E8A (violet plus profond pour contraste)\n  - Accent: #C9A8D4 (mauve clair pour backgrounds doux)\nAmbiance: Féminin, élégant, bien-être, naturel-premium\nUnivers: Santé féminine avec codes visuels doux et sophistiqués\nPréfixe CSS: tb (top-bust)\n--\u003e\n\u003cdiv class=\"tb-premium\"\u003e\n\u003cdiv class=\"tb-hero\"\u003e\n\u003cdiv class=\"tb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-hero-content\"\u003e\n\u003cdiv class=\"tb-badges-top\"\u003e\n\u003cspan class=\"tb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"tb-badge\"\u003e🌿 100% naturel \u0026amp; bio\u003c\/span\u003e \u003cspan class=\"tb-badge\"\u003e👩 Spécial femmes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"tb-hero-title\"\u003eTop Bust Poitrine\u003c\/span\u003e\n\u003cp class=\"tb-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLa solution naturelle pour sublimer votre silhouette\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"tb-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUn complément alimentaire unique qui révèle la beauté naturelle de votre poitrine grâce à une formule bio enrichie en plantes et vitamines essentielles.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de Top Bust\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eGalbe naturel\u003c\/h3\u003e\n\u003cp\u003eContribue à améliorer le volume et la forme de votre poitrine de manière naturelle et harmonieuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eFermeté renforcée\u003c\/h3\u003e\n\u003cp\u003eLe collagène marin et les plantes sélectionnées aident à tonifier et raffermir les tissus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eÉclat retrouvé\u003c\/h3\u003e\n\u003cp\u003eDes seins plus rebondis et galbés pour une silhouette féminine et gracieuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-card-icon\"\u003e🔒\u003c\/div\u003e\n\u003ch3\u003eConfiance en soi\u003c\/h3\u003e\n\u003cp\u003eRetrouvez votre féminité et votre assurance grâce à une formule qui respecte votre corps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🌿 Une formule naturelle d'exception\u003c\/h2\u003e\n\u003cdiv class=\"tb-composition-intro\"\u003e\n\u003cp\u003eChaque gélule concentre le meilleur de la nature pour prendre soin de votre poitrine. Une synergie unique de plantes bio et de nutriments essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌾\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFenugrec\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e600 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante traditionnellement utilisée pour favoriser le galbe naturel de la poitrine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🍃\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eSauge officinale\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e280 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eExtrait sec reconnu pour son action sur l'équilibre hormonal féminin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🐟\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eCollagène marin\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e200 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eHydrolysat de poisson pour la fermeté et l'élasticité de la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌼\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eFenouil\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e200 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante aux propriétés bénéfiques pour la santé mammaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌿\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eOrigan\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e160 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eExtrait naturel aux vertus tonifiantes et protectrices\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🌱\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAneth\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e160 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003ePlante complémentaire pour optimiser l'action de la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e🍺\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eHoublon\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e140 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eRiche en phytoestrogènes naturels pour soutenir le galbe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-header\"\u003e\n\u003cspan class=\"tb-ingredient-emoji\"\u003e💊\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eVitamines B5, B6, B9\u003c\/h3\u003e\n\u003cspan class=\"tb-dosage\"\u003e100% AR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eTrio de vitamines essentielles + iode pour compléter l'action\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi simple et efficace\u003c\/h2\u003e\n\u003cdiv class=\"tb-usage-grid\"\u003e\n\u003cdiv class=\"tb-usage-card\"\u003e\n\u003cdiv class=\"tb-usage-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-card\"\u003e\n\u003cdiv class=\"tb-usage-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eSuivre une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e pour observer des effets significatifs et durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-card\"\u003e\n\u003cdiv class=\"tb-usage-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eRégularité\u003c\/h3\u003e\n\u003cp\u003ePrendre tous les jours à la même heure pour une efficacité optimale et des résultats visibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e⏱️ Résultats attendus dans le temps\u003c\/h2\u003e\n\u003cdiv class=\"tb-timeline\"\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\" style=\"text-align: center;\"\u003e1 mois\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003ePremiers effets\u003c\/h3\u003e\n\u003cp\u003eLes tissus commencent à se nourrir des actifs naturels, sensation de confort améliorée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\" style=\"text-align: center;\"\u003e2 mois\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003eAmélioration visible\u003c\/h3\u003e\n\u003cp\u003eLa poitrine gagne en fermeté, le galbe commence à s'améliorer progressivement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\" style=\"text-align: center;\"\u003e3 mois\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003eRésultats optimaux\u003c\/h3\u003e\n\u003cp\u003eSeins plus fermes, galbés et rebondis - silhouette harmonieuse et confiance retrouvée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🎯 Pour qui est ce produit ?\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e👩\u003c\/div\u003e\n\u003ch3\u003eFemmes adultes\u003c\/h3\u003e\n\u003cp\u003eSouhaitant améliorer naturellement le galbe et la fermeté de leur poitrine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e💭\u003c\/div\u003e\n\u003ch3\u003eEn quête de confiance\u003c\/h3\u003e\n\u003cp\u003eDésireuses de retrouver une silhouette harmonieuse et leur féminité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n\u003cp\u003ePrivilégiant les solutions bio et sans produits chimiques agressifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-target-card\"\u003e\n\u003cdiv class=\"tb-target-icon\"\u003e⏳\u003c\/div\u003e\n\u003ch3\u003eAprès grossesse ou perte de poids\u003c\/h3\u003e\n\u003cp\u003ePour retrouver tonicité et volume de façon progressive et saine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🏭 Origine et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"tb-quality-box\"\u003e\n\u003cdiv class=\"tb-quality-grid\"\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLaboratoire Labophyto, expert reconnu en compléments alimentaires de bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eIngrédients bio certifiés\u003c\/h3\u003e\n\u003cp\u003ePlantes cultivées selon les normes biologiques les plus strictes, sans OGM ni pesticides\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eContrôles rigoureux\u003c\/h3\u003e\n\u003cp\u003eChaque étape de production est minutieusement contrôlée pour garantir qualité et sécurité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-item\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eGélules végétales\u003c\/h3\u003e\n\u003cp\u003eEnveloppe 100% végétale adaptée aux régimes végétariens et végans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"tb-warning-box\"\u003e\n\u003cdiv class=\"tb-warning-grid\"\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e🚫\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux femmes enceintes ou allaitantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e👨⚕️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConsultez votre médecin\u003c\/strong\u003e en cas de prise de médicaments (anticoagulants, antihypertenseurs, antidiabétiques, antidépresseurs)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e📏\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eNe pas dépasser\u003c\/strong\u003e la dose journalière recommandée de 2 gélules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-warning-item\"\u003e\n\u003cspan class=\"tb-warning-icon\"\u003e🔞\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRéservé aux adultes\u003c\/strong\u003e - tenir hors de portée des enfants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"tb-warning-footer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Conservez dans un endroit frais et sec.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e\u003cbr\u003eCure d'1 mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-icon\"\u003e🏭\u003c\/div\u003e\n\u003ch3\u003eFabricant\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e\u003cbr\u003eFabricant français de bien-être\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% naturelle\u003c\/strong\u003e\u003cbr\u003eCertifiée bio, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"tb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"tb-cta-box\"\u003e\n\u003cdiv class=\"tb-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-cta-content\"\u003e\n\u003cp\u003e🌸 \u003cstrong\u003e\u003cspan style=\"color: white;\"\u003eRévélez votre beauté naturelle\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eFaites confiance à Top Bust Poitrine pour sublimer votre silhouette de manière naturelle et saine. Une formule unique qui respecte votre corps et valorise votre féminité.\u003c\/p\u003e\n\u003cp\u003e✨ Retrouvez confiance et harmonie avec un complément 100% naturel, fabriqué en France selon les plus hauts standards de qualité.\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  --tb-cream: #faf8f9;\n  --tb-white: #ffffff;\n  --tb-primary: #8B6BA8;\n  --tb-primary-dark: #6A4E8A;\n  --tb-primary-light: #e8dff0;\n  --tb-secondary: #C9A8D4;\n  --tb-accent: #b88fd1;\n  --tb-text: #1a1a1a;\n  --tb-text-light: #5a5a5a;\n  --tb-border: #e0e0e0;\n  --tb-shadow: 0 4px 24px rgba(139, 107, 168, 0.08);\n  --tb-shadow-lg: 0 12px 48px rgba(139, 107, 168, 0.15);\n  --tb-radius: 20px;\n  --tb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--tb-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.tb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B6BA8 0%, #A884C4 50%, #C9A8D4 100%);\n  border-radius: var(--tb-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(--tb-shadow-lg);\n}\n\n.tb-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0.05;\n  background-image: \n    radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n    radial-gradient(circle at 80% 70%, white 2px, transparent 2px),\n    radial-gradient(circle at 40% 80%, white 1px, transparent 1px),\n    radial-gradient(circle at 70% 20%, white 1.5px, transparent 1.5px);\n  background-size: 80px 80px, 100px 100px, 60px 60px, 90px 90px;\n  background-position: 0 0, 40px 40px, 20px 20px, 60px 60px;\n}\n\n.tb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.tb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--tb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n}\n\n.tb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n.tb-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: -0.04em;\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.tb-subtitle {\n  color: rgba(255, 255, 255, 0.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.tb-description {\n  color: rgba(255, 255, 255, 0.9);\n  font-size: clamp(15px, 2.2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.tb-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tb-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tb-primary-dark);\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}\n\n.tb-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(--tb-primary), var(--tb-secondary));\n  border-radius: 2px;\n}\n\n.tb-premium h3 {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 700;\n  color: var(--tb-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.tb-premium p {\n  margin: 0 0 1rem 0;\n  color: var(--tb-text);\n  line-height: 1.7;\n}\n\n.tb-premium strong {\n  color: var(--tb-primary-dark);\n  font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.tb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.tb-card {\n  background: var(--tb-white);\n  border-radius: var(--tb-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tb-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n  text-align: center;\n}\n\n.tb-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tb-shadow-lg);\n  border-color: var(--tb-primary);\n}\n\n.tb-card-icon {\n  font-size: clamp(36px, 5vw, 48px);\n  margin-bottom: 1rem;\n}\n\n.tb-card h3 {\n  margin-bottom: 0.75rem;\n}\n\n.tb-card p {\n  margin: 0;\n  font-size: 15px;\n  color: var(--tb-text-light);\n}\n\n\/* === COMPOSITION === *\/\n.tb-composition-intro {\n  background: var(--tb-primary-light);\n  border-radius: var(--tb-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  margin-bottom: 2rem;\n  text-align: center;\n  border-left: 4px solid var(--tb-primary);\n}\n\n.tb-composition-intro p {\n  margin: 0;\n  font-size: clamp(15px, 2.2vw, 17px);\n  font-weight: 500;\n  color: var(--tb-primary-dark);\n}\n\n.tb-ingredient-card {\n  background: var(--tb-white);\n  border-radius: var(--tb-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--tb-shadow);\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n}\n\n.tb-ingredient-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tb-shadow-lg);\n  border-color: var(--tb-secondary);\n}\n\n.tb-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 0.75rem;\n}\n\n.tb-ingredient-emoji {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.tb-ingredient-header h3 {\n  margin: 0 0 4px 0;\n  font-size: 17px;\n}\n\n.tb-dosage {\n  display: block;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--tb-primary);\n  background: var(--tb-primary-light);\n  padding: 2px 8px;\n  border-radius: 6px;\n  display: inline-block;\n}\n\n.tb-ingredient-card p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--tb-text-light);\n  line-height: 1.5;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tb-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.tb-usage-card {\n  background: linear-gradient(135deg, var(--tb-white) 0%, var(--tb-primary-light) 100%);\n  border-radius: var(--tb-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tb-shadow);\n  border: 2px solid var(--tb-primary);\n  transition: all 0.3s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.tb-usage-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tb-shadow-lg);\n}\n\n.tb-usage-number {\n  position: absolute;\n  top: -10px;\n  right: 15px;\n  font-size: 80px;\n  font-weight: 900;\n  color: var(--tb-primary);\n  opacity: 0.1;\n  line-height: 1;\n}\n\n.tb-usage-card h3 {\n  position: relative;\n  z-index: 1;\n  margin-bottom: 0.75rem;\n  color: var(--tb-primary-dark);\n}\n\n.tb-usage-card p {\n  position: relative;\n  z-index: 1;\n  margin: 0;\n  font-size: 15px;\n}\n\n\/* === TIMELINE === *\/\n.tb-timeline {\n  max-width: 800px;\n  margin: 0 auto;\n  position: relative;\n  padding-left: 40px;\n}\n\n.tb-timeline::before {\n  content: '';\n  position: absolute;\n  left: 15px;\n  top: 0;\n  bottom: 0;\n  width: 3px;\n  background: linear-gradient(180deg, var(--tb-primary), var(--tb-secondary));\n  border-radius: 2px;\n}\n\n.tb-timeline-item {\n  position: relative;\n  padding-bottom: 2.5rem;\n}\n\n.tb-timeline-item:last-child {\n  padding-bottom: 0;\n}\n\n.tb-timeline-marker {\n  position: absolute;\n  left: -40px;\n  top: 0;\n  width: 44px;\n  height: 44px;\n  background: var(--tb-primary);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 700;\n  box-shadow: 0 0 0 4px var(--tb-cream), 0 4px 12px rgba(139, 107, 168, 0.3);\n  z-index: 1;\n}\n\n.tb-timeline-content {\n  background: var(--tb-white);\n  border-radius: var(--tb-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--tb-shadow);\n  border-left: 3px solid var(--tb-primary);\n}\n\n.tb-timeline-content h3 {\n  margin-bottom: 0.5rem;\n  color: var(--tb-primary);\n}\n\n.tb-timeline-content p {\n  margin: 0;\n  font-size: 15px;\n  color: var(--tb-text-light);\n}\n\n\/* === TARGET CARDS === *\/\n.tb-target-card {\n  background: var(--tb-white);\n  border-radius: var(--tb-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tb-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all 0.3s ease;\n}\n\n.tb-target-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tb-shadow-lg);\n  border-color: var(--tb-secondary);\n}\n\n.tb-target-icon {\n  font-size: clamp(40px, 6vw, 56px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tb-target-card h3 {\n  margin-bottom: 0.75rem;\n  color: var(--tb-primary-dark);\n}\n\n.tb-target-card p {\n  margin: 0;\n  font-size: 15px;\n  color: var(--tb-text-light);\n}\n\n\/* === QUALITY BOX === *\/\n.tb-quality-box {\n  background: linear-gradient(135deg, var(--tb-primary-light) 0%, var(--tb-white) 100%);\n  border-radius: var(--tb-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--tb-secondary);\n  box-shadow: var(--tb-shadow);\n}\n\n.tb-quality-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 2rem;\n}\n\n.tb-quality-item {\n  text-align: center;\n}\n\n.tb-quality-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tb-quality-item h3 {\n  margin-bottom: 0.5rem;\n  color: var(--tb-primary-dark);\n  font-size: 18px;\n}\n\n.tb-quality-item p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--tb-text-light);\n}\n\n\/* === WARNING BOX === *\/\n.tb-warning-box {\n  background: #fff9f0;\n  border-radius: var(--tb-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border-left: 5px solid #ff9800;\n  box-shadow: var(--tb-shadow);\n}\n\n.tb-warning-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.tb-warning-item {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n}\n\n.tb-warning-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.tb-warning-item p {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.tb-warning-footer {\n  margin: 0;\n  padding-top: 1rem;\n  border-top: 2px solid #ffe0b3;\n  font-size: 13px;\n  font-style: italic;\n  color: var(--tb-text-light);\n  text-align: center;\n}\n\n\/* === INFO CARDS === *\/\n.tb-info-card {\n  background: var(--tb-white);\n  border-radius: var(--tb-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--tb-shadow);\n  text-align: center;\n  border: 2px solid var(--tb-primary-light);\n  transition: all 0.3s ease;\n}\n\n.tb-info-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--tb-shadow-lg);\n  border-color: var(--tb-primary);\n}\n\n.tb-info-icon {\n  font-size: 36px;\n  margin-bottom: 0.75rem;\n  display: block;\n}\n\n.tb-info-card h3 {\n  margin-bottom: 0.5rem;\n  color: var(--tb-primary);\n  font-size: 16px;\n}\n\n.tb-info-card p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--tb-text-light);\n  line-height: 1.6;\n}\n\n\/* === CTA BOX === *\/\n.tb-cta-box {\n  background: linear-gradient(135deg, var(--tb-primary) 0%, var(--tb-primary-dark) 100%);\n  border-radius: var(--tb-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--tb-shadow-lg);\n}\n\n.tb-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, white 20px, white 21px),\n    repeating-linear-gradient(-45deg, transparent, transparent 20px, white 20px, white 21px);\n}\n\n.tb-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.tb-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n  margin-bottom: 1rem;\n}\n\n.tb-cta-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .tb-grid,\n  .tb-usage-grid,\n  .tb-quality-grid,\n  .tb-warning-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tb-timeline {\n    padding-left: 30px;\n  }\n\n  .tb-timeline-marker {\n    left: -30px;\n    width: 28px;\n    height: 28px;\n    font-size: 10px;\n  }\n\n  .tb-badges-top {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .tb-card,\n  .tb-ingredient-card,\n  .tb-usage-card,\n  .tb-target-card,\n  .tb-info-card,\n  .tb-timeline-item {\n    animation: fadeInUp 0.6s ease backwards;\n  }\n\n  .tb-card:nth-child(1),\n  .tb-ingredient-card:nth-child(1),\n  .tb-timeline-item:nth-child(1) { animation-delay: 0.1s; }\n  .tb-card:nth-child(2),\n  .tb-ingredient-card:nth-child(2),\n  .tb-timeline-item:nth-child(2) { animation-delay: 0.2s; }\n  .tb-card:nth-child(3),\n  .tb-ingredient-card:nth-child(3),\n  .tb-timeline-item:nth-child(3) { animation-delay: 0.3s; }\n  .tb-card:nth-child(4),\n  .tb-ingredient-card:nth-child(4) { animation-delay: 0.4s; }\n  .tb-card:nth-child(5),\n  .tb-ingredient-card:nth-child(5) { animation-delay: 0.5s; }\n  .tb-card:nth-child(6),\n  .tb-ingredient-card:nth-child(6) { animation-delay: 0.6s; }\n  .tb-card:nth-child(7),\n  .tb-ingredient-card:nth-child(7) { animation-delay: 0.7s; }\n  .tb-card:nth-child(8),\n  .tb-ingredient-card:nth-child(8) { animation-delay: 0.8s; }\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  .tb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .tb-premium {\n    --tb-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);\n    --tb-shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.4);\n  }\n}\n\n\/* === PRINT === *\/\n@media print {\n  .tb-premium {\n    background: white;\n    padding: 1rem;\n  }\n\n  .tb-hero {\n    break-inside: avoid;\n  }\n\n  .tb-card,\n  .tb-ingredient-card,\n  .tb-usage-card {\n    break-inside: avoid;\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024769181,"sku":"REF1050","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/top-bust-labophyto-60-gelules-min.jpg?v=1772627071"},{"product_id":"testoman-taux-de-testosterone-60-gelules-labophyto","title":"TestoMan - Booster de testostérone - 60 gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: TestoMan - Booster de testostérone\nPalette détectée:\n  - Primaire: #5C6F4E (vert olive foncé du packaging - masculin, naturel, puissant)\n  - Secondaire: #8A9B7A (vert sauge clair des formes organiques)\n  - Accent: #4A5A3E (vert foncé pour contraste)\n  - Fond: #F8F6F2 (blanc cassé\/crème du packaging)\nAmbiance: Masculin moderne, naturel et scientifique. Design épuré avec formes organiques végétales. Tons verts évoquant la nature, la vitalité et la performance. Style premium mais accessible, santé masculine.\nPréfixe CSS: tm\n--\u003e\n\n\u003cdiv class=\"tm-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"tm-hero\"\u003e\n    \u003cdiv class=\"tm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tm-hero-content\"\u003e\n      \u003cdiv class=\"tm-badges-top\"\u003e\n        \u003cspan class=\"tm-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n        \u003cspan class=\"tm-badge\"\u003e♂️ Spécial homme\u003c\/span\u003e\n        \u003cspan class=\"tm-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tm-hero-title\"\u003eTestoMan\u003c\/span\u003e\n      \u003cp class=\"tm-subtitle\"\u003eLe booster de testostérone naturel pour hommes actifs\u003c\/p\u003e\n      \u003cp class=\"tm-description\"\u003eUne formule exclusive à base de tribulus, L-arginine, vitamines et minéraux pour soutenir votre vitalité masculine, votre performance physique et votre bien-être hormonal au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES CLÉS --\u003e\n  \u003csection class=\"tm-section\"\u003e\n    \u003ch2\u003e🎯 Les 4 piliers de votre vitalité masculine\u003c\/h2\u003e\n    \u003cdiv class=\"tm-grid\"\u003e\n      \u003cdiv class=\"tm-card\"\u003e\n        \u003cdiv class=\"tm-card-icon\"\u003e💪\u003c\/div\u003e\n        \u003cdiv class=\"tm-card-title\"\u003eTestostérone optimisée\u003c\/div\u003e\n        \u003cp class=\"tm-card-text\"\u003e300 mg de tribulus terrestris par dose pour soutenir naturellement votre taux de testostérone et maintenir votre équilibre hormonal masculin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-card\"\u003e\n        \u003cdiv class=\"tm-card-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"tm-card-title\"\u003eÉnergie \u0026amp; performance\u003c\/div\u003e\n        \u003cp class=\"tm-card-text\"\u003e80 mg de caféine et vitamine D3 pour booster votre vitalité physique, renforcer vos muscles et améliorer votre endurance au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-card\"\u003e\n        \u003cdiv class=\"tm-card-icon\"\u003e🧬\u003c\/div\u003e\n        \u003cdiv class=\"tm-card-title\"\u003eFertilité \u0026amp; reproduction\u003c\/div\u003e\n        \u003cp class=\"tm-card-text\"\u003eZinc (10 mg) et sélénium (50 µg) : 100% des VNR pour une fertilité normale, une spermatogenèse optimale et la protection de vos cellules.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-card\"\u003e\n        \u003cdiv class=\"tm-card-icon\"\u003e🌱\u003c\/div\u003e\n        \u003cdiv class=\"tm-card-title\"\u003eÉquilibre hormonal\u003c\/div\u003e\n        \u003cp class=\"tm-card-text\"\u003eMélisse (120 mg) et guggul (100 mg) pour harmoniser votre environnement hormonal et soutenir votre bien-être mental et physique.\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=\"tm-section\"\u003e\n    \u003ch2\u003e🔬 Une formule scientifique complète\u003c\/h2\u003e\n    \u003cp class=\"tm-intro-text\"\u003eChaque dose de 2 gélules concentre 10 ingrédients actifs rigoureusement sélectionnés pour leur efficacité prouvée sur la santé masculine.\u003c\/p\u003e\n    \u003cdiv class=\"tm-composition-grid\"\u003e\n      \u003cdiv class=\"tm-ingredient-card\"\u003e\n        \u003cdiv class=\"tm-ingredient-dose\"\u003e300 mg\u003c\/div\u003e\n        \u003cdiv class=\"tm-ingredient-name\"\u003eTribulus terrestris\u003c\/div\u003e\n        \u003cp class=\"tm-ingredient-benefit\"\u003eSoutien du taux de testostérone\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-ingredient-card\"\u003e\n        \u003cdiv class=\"tm-ingredient-dose\"\u003e140 mg\u003c\/div\u003e\n        \u003cdiv class=\"tm-ingredient-name\"\u003eSaule blanc\u003c\/div\u003e\n        \u003cp class=\"tm-ingredient-benefit\"\u003eBien-être général\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-ingredient-card\"\u003e\n        \u003cdiv class=\"tm-ingredient-dose\"\u003e120 mg\u003c\/div\u003e\n        \u003cdiv class=\"tm-ingredient-name\"\u003eMélisse\u003c\/div\u003e\n        \u003cp class=\"tm-ingredient-benefit\"\u003eÉquilibre nerveux et hormonal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-ingredient-card\"\u003e\n        \u003cdiv class=\"tm-ingredient-dose\"\u003e100 mg\u003c\/div\u003e\n        \u003cdiv class=\"tm-ingredient-name\"\u003eGuggul\u003c\/div\u003e\n        \u003cp class=\"tm-ingredient-benefit\"\u003eMétabolisme lipidique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-ingredient-card\"\u003e\n        \u003cdiv class=\"tm-ingredient-dose\"\u003e80 mg\u003c\/div\u003e\n        \u003cdiv class=\"tm-ingredient-name\"\u003eCaféine\u003c\/div\u003e\n        \u003cp class=\"tm-ingredient-benefit\"\u003eÉnergie et vigilance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-ingredient-card\"\u003e\n        \u003cdiv class=\"tm-ingredient-dose\"\u003e10 mg\u003c\/div\u003e\n        \u003cdiv class=\"tm-ingredient-name\"\u003eZinc\u003c\/div\u003e\n        \u003cp class=\"tm-ingredient-benefit\"\u003eFertilité normale (100% VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-ingredient-card\"\u003e\n        \u003cdiv class=\"tm-ingredient-dose\"\u003e50 µg\u003c\/div\u003e\n        \u003cdiv class=\"tm-ingredient-name\"\u003eSélénium\u003c\/div\u003e\n        \u003cp class=\"tm-ingredient-benefit\"\u003eSpermatogenèse (91% VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-ingredient-card\"\u003e\n        \u003cdiv class=\"tm-ingredient-dose\"\u003e5 µg\u003c\/div\u003e\n        \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine D3\u003c\/div\u003e\n        \u003cp class=\"tm-ingredient-benefit\"\u003eFonction musculaire (100% VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-ingredient-card\"\u003e\n        \u003cdiv class=\"tm-ingredient-dose\"\u003e6 mg\u003c\/div\u003e\n        \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine B5\u003c\/div\u003e\n        \u003cp class=\"tm-ingredient-benefit\"\u003eMétabolisme énergétique (100% VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-ingredient-card\"\u003e\n        \u003cdiv class=\"tm-ingredient-dose\"\u003e1,4 mg\u003c\/div\u003e\n        \u003cdiv class=\"tm-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n        \u003cp class=\"tm-ingredient-benefit\"\u003eRégulation hormonale (100% VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tm-vnr-note\"\u003e\n      \u003cp\u003e\u003cstrong\u003eVNR :\u003c\/strong\u003e Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"tm-section\"\u003e\n    \u003ch2\u003e👤 TestoMan est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"tm-grid\"\u003e\n      \u003cdiv class=\"tm-profile-card\"\u003e\n        \u003cdiv class=\"tm-profile-icon\"\u003e🏋️\u003c\/div\u003e\n        \u003cdiv class=\"tm-profile-title\"\u003eSportifs \u0026amp; actifs\u003c\/div\u003e\n        \u003cp\u003eVous pratiquez une activité physique régulière et souhaitez optimiser votre performance musculaire et votre récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-profile-card\"\u003e\n        \u003cdiv class=\"tm-profile-icon\"\u003e⏰\u003c\/div\u003e\n        \u003cdiv class=\"tm-profile-title\"\u003eHommes de 30 ans et +\u003c\/div\u003e\n        \u003cp\u003eVous ressentez une baisse de vitalité, d'énergie ou de libido liée à l'âge et souhaitez soutenir naturellement votre taux de testostérone.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-profile-card\"\u003e\n        \u003cdiv class=\"tm-profile-icon\"\u003e🎯\u003c\/div\u003e\n        \u003cdiv class=\"tm-profile-title\"\u003eHommes en quête d'équilibre\u003c\/div\u003e\n        \u003cp\u003eVous voulez maintenir un bien-être hormonal masculin optimal et préserver votre fertilité naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-profile-card\"\u003e\n        \u003cdiv class=\"tm-profile-icon\"\u003e💼\u003c\/div\u003e\n        \u003cdiv class=\"tm-profile-title\"\u003eActifs sous pression\u003c\/div\u003e\n        \u003cp\u003eVotre rythme de vie intense (stress, fatigue, manque de sommeil) impacte votre vitalité physique et mentale.\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=\"tm-section\"\u003e\n    \u003ch2\u003e📋 Comment utiliser TestoMan ?\u003c\/h2\u003e\n    \u003cdiv class=\"tm-usage-timeline\"\u003e\n      \u003cdiv class=\"tm-usage-step\"\u003e\n        \u003cdiv class=\"tm-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tm-step-content\"\u003e\n          \u003cdiv class=\"tm-step-title\"\u003ePosologie simple\u003c\/div\u003e\n          \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau, de préférence au cours d'un repas (matin ou midi).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-usage-step\"\u003e\n        \u003cdiv class=\"tm-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tm-step-content\"\u003e\n          \u003cdiv class=\"tm-step-title\"\u003eCure de 30 jours\u003c\/div\u003e\n          \u003cp\u003eUne boîte = 1 mois de cure complète. Renouvelable plusieurs fois dans l'année selon vos besoins et objectifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-usage-step\"\u003e\n        \u003cdiv class=\"tm-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tm-step-content\"\u003e\n          \u003cdiv class=\"tm-step-title\"\u003eAssociez-le à une bonne hygiène de vie\u003c\/div\u003e\n          \u003cp\u003ePour des résultats optimaux : alimentation équilibrée, activité physique régulière, sommeil réparateur (7-8h), gestion du stress.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-usage-step\"\u003e\n        \u003cdiv class=\"tm-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"tm-step-content\"\u003e\n          \u003cdiv class=\"tm-step-title\"\u003ePatience et régularité\u003c\/div\u003e\n          \u003cp\u003eLes premiers effets se font sentir après 2-3 semaines. Pour des résultats durables, privilégiez la régularité sur 2-3 mois.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- RÉSULTATS ATTENDUS --\u003e\n  \u003csection class=\"tm-section\"\u003e\n    \u003ch2\u003e📈 Les résultats que vous pouvez attendre\u003c\/h2\u003e\n    \u003cdiv class=\"tm-results-grid\"\u003e\n      \u003cdiv class=\"tm-result-card\"\u003e\n        \u003cdiv class=\"tm-result-time\"\u003eSemaine 1-2\u003c\/div\u003e\n        \u003cdiv class=\"tm-result-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"tm-result-title\"\u003eRegain d'énergie\u003c\/div\u003e\n        \u003cp\u003eSensation de vitalité accrue, meilleure résistance à la fatigue, vigilance améliorée grâce à la caféine et aux vitamines B.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-result-card\"\u003e\n        \u003cdiv class=\"tm-result-time\"\u003eSemaine 3-4\u003c\/div\u003e\n        \u003cdiv class=\"tm-result-icon\"\u003e💪\u003c\/div\u003e\n        \u003cdiv class=\"tm-result-title\"\u003ePerformance physique\u003c\/div\u003e\n        \u003cp\u003eAmélioration de la force musculaire, meilleure endurance à l'effort, récupération optimisée après le sport.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-result-card\"\u003e\n        \u003cdiv class=\"tm-result-time\"\u003eMois 2-3\u003c\/div\u003e\n        \u003cdiv class=\"tm-result-icon\"\u003e🔥\u003c\/div\u003e\n        \u003cdiv class=\"tm-result-title\"\u003eVitalité masculine\u003c\/div\u003e\n        \u003cp\u003eSoutien du taux de testostérone, regain de libido, amélioration du bien-être hormonal et de la confiance en soi.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-result-card\"\u003e\n        \u003cdiv class=\"tm-result-time\"\u003eSur le long terme\u003c\/div\u003e\n        \u003cdiv class=\"tm-result-icon\"\u003e🎯\u003c\/div\u003e\n        \u003cdiv class=\"tm-result-title\"\u003eÉquilibre durable\u003c\/div\u003e\n        \u003cp\u003eMaintien de la fertilité, protection antioxydante, équilibre hormonal stabilisé, bien-être général optimisé.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- LABOPHYTO --\u003e\n  \u003csection class=\"tm-section\"\u003e\n    \u003ch2\u003e🏛️ La garantie Labophyto\u003c\/h2\u003e\n    \u003cdiv class=\"tm-brand-box\"\u003e\n      \u003cdiv class=\"tm-brand-content\"\u003e\n        \u003cdiv class=\"tm-brand-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"tm-brand-text\"\u003e\n          \u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e est un laboratoire français expert en phytothérapie masculine et santé sexuelle depuis plusieurs années. Spécialisé dans les compléments naturels pour hommes, Labophyto s'engage à sélectionner des ingrédients de qualité premium, rigoureusement contrôlés et tracés.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003eFabrication française\u003c\/strong\u003e : TestoMan est fabriqué en France dans des installations certifiées, garantissant sécurité, efficacité et respect des normes les plus strictes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"tm-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"tm-info-grid\"\u003e\n      \u003cdiv class=\"tm-info-card\"\u003e\n        \u003cdiv class=\"tm-info-label\"\u003eContenance\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-value\"\u003e60 gélules\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-detail\"\u003e30 jours de cure\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-info-card\"\u003e\n        \u003cdiv class=\"tm-info-label\"\u003ePosologie\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-value\"\u003e2 gélules\/jour\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-detail\"\u003eAvec un verre d'eau\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-info-card\"\u003e\n        \u003cdiv class=\"tm-info-label\"\u003eFabrication\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-value\"\u003e🇫🇷 France\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-detail\"\u003eLaboratoire Labophyto\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-info-card\"\u003e\n        \u003cdiv class=\"tm-info-label\"\u003eComposition\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-value\"\u003e100% naturelle\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-detail\"\u003eExtraits de plantes \u0026amp; minéraux\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-info-card\"\u003e\n        \u003cdiv class=\"tm-info-label\"\u003eGélules\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-value\"\u003eVégétales\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-detail\"\u003eHPMC (cellulose)\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tm-info-card\"\u003e\n        \u003cdiv class=\"tm-info-label\"\u003eConservation\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-value\"\u003eÀ l'abri\u003c\/div\u003e\n        \u003cdiv class=\"tm-info-detail\"\u003eLumière, chaleur, humidité\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"tm-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"tm-warning-box\"\u003e\n      \u003cdiv class=\"tm-warning-grid\"\u003e\n        \u003cdiv class=\"tm-warning-item\"\u003e\n          \u003cdiv class=\"tm-warning-icon\"\u003e🚫\u003c\/div\u003e\n          \u003cp\u003e\u003cstrong\u003eRéservé aux hommes adultes.\u003c\/strong\u003e Ne convient pas aux femmes, enfants et adolescents.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tm-warning-item\"\u003e\n          \u003cdiv class=\"tm-warning-icon\"\u003e💊\u003c\/div\u003e\n          \u003cp\u003e\u003cstrong\u003eNe pas dépasser la dose journalière recommandée\u003c\/strong\u003e de 2 gélules par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tm-warning-item\"\u003e\n          \u003cdiv class=\"tm-warning-icon\"\u003e🥗\u003c\/div\u003e\n          \u003cp\u003e\u003cstrong\u003eNe remplace pas\u003c\/strong\u003e une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tm-warning-item\"\u003e\n          \u003cdiv class=\"tm-warning-icon\"\u003e⚕️\u003c\/div\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé sans avis médical\u003c\/strong\u003e si vous êtes sous traitement (antihypertenseur, antidiabétique, anticoagulant).\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tm-warning-item\"\u003e\n          \u003cdiv class=\"tm-warning-icon\"\u003e☕\u003c\/div\u003e\n          \u003cp\u003e\u003cstrong\u003eContient de la caféine (80 mg\/dose).\u003c\/strong\u003e Déconseillé le soir. À limiter si sensibilité à la caféine.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tm-warning-item\"\u003e\n          \u003cdiv class=\"tm-warning-icon\"\u003e👶\u003c\/div\u003e\n          \u003cp\u003e\u003cstrong\u003eTenir hors de portée des enfants.\u003c\/strong\u003e Conserver dans un endroit sec et frais.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"tm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tm-cta-box\"\u003e\n      \u003cdiv class=\"tm-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"tm-cta-content\"\u003e\n        \u003cp class=\"tm-cta-text\"\u003eTestoMan de Labophyto est votre allié naturel pour soutenir votre taux de testostérone, booster votre vitalité masculine et retrouver une énergie physique et mentale optimale. Une formule complète, scientifique et 100% naturelle pour les hommes actifs qui prennent soin de leur santé.\u003c\/p\u003e\n        \u003cdiv class=\"tm-cta-badge\"\u003e\n          \u003cspan\u003e🌿 Formule naturelle • 💪 Résultats prouvés • 🇫🇷 Made in France\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ===========================\n   VARIABLES CSS\n   =========================== *\/\n:root {\n  \/* Couleurs principales *\/\n  --tm-cream: #F8F6F2;\n  --tm-white: #ffffff;\n  --tm-primary: #5C6F4E;\n  --tm-primary-dark: #4A5A3E;\n  --tm-primary-light: #E8EBE6;\n  --tm-secondary: #8A9B7A;\n  --tm-accent: #6D7F5E;\n\n  \/* Textes *\/\n  --tm-text: #1a1a1a;\n  --tm-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --tm-border: #e0e0e0;\n  --tm-shadow: 0 4px 24px rgba(92,111,78,.08);\n  --tm-shadow-lg: 0 12px 48px rgba(92,111,78,.15);\n  --tm-radius: 20px;\n  --tm-radius-sm: 12px;\n}\n\n\/* ===========================\n   CONTENEUR PRINCIPAL\n   =========================== *\/\n.tm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--tm-text);\n  line-height: 1.7;\n}\n\n\/* ===========================\n   HERO SECTION\n   =========================== *\/\n.tm-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--tm-primary) 0%, var(--tm-accent) 50%, var(--tm-secondary) 100%);\n  border-radius: var(--tm-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(--tm-shadow-lg);\n}\n\n.tm-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .06;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 30%),\n    radial-gradient(circle at 80% 60%, rgba(255,255,255,.2) 0%, transparent 40%),\n    repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.05) 20px, rgba(255,255,255,.05) 40px);\n}\n\n.tm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.tm-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(--tm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.tm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tm-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  letter-spacing: -.02em;\n}\n\n.tm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 18px);\n  line-height: 1.8;\n  max-width: 800px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n\/* ===========================\n   SECTIONS\n   =========================== *\/\n.tm-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tm-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tm-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.tm-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(--tm-primary), var(--tm-secondary));\n  border-radius: 2px;\n}\n\n.tm-intro-text {\n  text-align: center;\n  font-size: clamp(15px, 2vw, 18px);\n  color: var(--tm-text-light);\n  max-width: 800px;\n  margin: 0 auto 2.5rem;\n  line-height: 1.8;\n}\n\n\/* ===========================\n   GRILLES \u0026 CARDS\n   =========================== *\/\n.tm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.tm-card {\n  background: var(--tm-white);\n  border-radius: var(--tm-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.tm-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tm-shadow-lg);\n  border-color: var(--tm-primary);\n}\n\n.tm-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tm-card-title {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--tm-primary-dark);\n  margin-bottom: .75rem;\n  letter-spacing: -.02em;\n}\n\n.tm-card-text {\n  font-size: 15px;\n  color: var(--tm-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ===========================\n   COMPOSITION\n   =========================== *\/\n.tm-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.tm-ingredient-card {\n  background: var(--tm-white);\n  border-radius: var(--tm-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--tm-shadow);\n  border-left: 4px solid var(--tm-primary);\n  transition: all .3s ease;\n}\n\n.tm-ingredient-card:hover {\n  transform: translateX(4px);\n  box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-ingredient-dose {\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--tm-primary);\n  margin-bottom: .5rem;\n  letter-spacing: -.02em;\n}\n\n.tm-ingredient-name {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--tm-text);\n  margin-bottom: .25rem;\n}\n\n.tm-ingredient-benefit {\n  font-size: 13px;\n  color: var(--tm-text-light);\n  margin: 0;\n  font-style: italic;\n}\n\n.tm-vnr-note {\n  background: var(--tm-primary-light);\n  border-radius: var(--tm-radius-sm);\n  padding: 1rem 1.5rem;\n  text-align: center;\n}\n\n.tm-vnr-note p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--tm-primary-dark);\n}\n\n\/* ===========================\n   PROFILS\n   =========================== *\/\n.tm-profile-card {\n  background: linear-gradient(135deg, var(--tm-white) 0%, var(--tm-primary-light) 100%);\n  border-radius: var(--tm-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.tm-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tm-shadow-lg);\n  border-color: var(--tm-primary);\n}\n\n.tm-profile-icon {\n  font-size: 52px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tm-profile-title {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--tm-primary-dark);\n  margin-bottom: .75rem;\n  letter-spacing: -.02em;\n}\n\n.tm-profile-card p {\n  font-size: 15px;\n  color: var(--tm-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ===========================\n   MODE D'EMPLOI (TIMELINE)\n   =========================== *\/\n.tm-usage-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.tm-usage-step {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  background: var(--tm-white);\n  border-radius: var(--tm-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tm-shadow);\n  transition: all .3s ease;\n}\n\n.tm-usage-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--tm-primary), var(--tm-accent));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  font-weight: 900;\n  color: white;\n  box-shadow: 0 4px 16px rgba(92,111,78,.25);\n}\n\n.tm-step-content {\n  flex: 1;\n}\n\n.tm-step-title {\n  font-size: clamp(17px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--tm-primary-dark);\n  margin-bottom: .5rem;\n  letter-spacing: -.02em;\n}\n\n.tm-step-content p {\n  font-size: 15px;\n  color: var(--tm-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ===========================\n   RÉSULTATS\n   =========================== *\/\n.tm-results-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.tm-result-card {\n  background: var(--tm-white);\n  border-radius: var(--tm-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tm-shadow);\n  border-top: 4px solid var(--tm-primary);\n  transition: all .3s ease;\n}\n\n.tm-result-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-result-time {\n  display: inline-block;\n  background: var(--tm-primary-light);\n  color: var(--tm-primary-dark);\n  font-size: 12px;\n  font-weight: 800;\n  padding: 6px 12px;\n  border-radius: 999px;\n  margin-bottom: 1rem;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.tm-result-icon {\n  font-size: 42px;\n  margin-bottom: .75rem;\n  display: block;\n}\n\n.tm-result-title {\n  font-size: clamp(17px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--tm-primary-dark);\n  margin-bottom: .75rem;\n  letter-spacing: -.02em;\n}\n\n.tm-result-card p {\n  font-size: 14px;\n  color: var(--tm-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ===========================\n   INFO BOX\n   =========================== *\/\n.tm-info-box {\n  background: linear-gradient(135deg, var(--tm-primary-light) 0%, var(--tm-white) 100%);\n  border-radius: var(--tm-radius);\n  padding: 1.5rem 2rem;\n  border-left: 4px solid var(--tm-primary);\n}\n\n.tm-info-box p {\n  margin: 0;\n  font-size: 15px;\n  color: var(--tm-text);\n  line-height: 1.7;\n}\n\n\/* ===========================\n   BRAND BOX\n   =========================== *\/\n.tm-brand-box {\n  background: var(--tm-white);\n  border-radius: var(--tm-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--tm-shadow-lg);\n  border: 2px solid var(--tm-primary-light);\n}\n\n.tm-brand-content {\n  display: flex;\n  gap: 2rem;\n  align-items: flex-start;\n}\n\n.tm-brand-icon {\n  font-size: 64px;\n  flex-shrink: 0;\n}\n\n.tm-brand-text p {\n  font-size: 15px;\n  color: var(--tm-text-light);\n  line-height: 1.8;\n  margin-bottom: 1rem;\n}\n\n.tm-brand-text p:last-child {\n  margin-bottom: 0;\n}\n\n\/* ===========================\n   INFOS PRATIQUES\n   =========================== *\/\n.tm-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.tm-info-card {\n  background: var(--tm-white);\n  border-radius: var(--tm-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--tm-shadow);\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.tm-info-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-info-label {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--tm-text-light);\n  text-transform: uppercase;\n  letter-spacing: .08em;\n  margin-bottom: .5rem;\n}\n\n.tm-info-value {\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--tm-primary);\n  margin-bottom: .25rem;\n  letter-spacing: -.02em;\n}\n\n.tm-info-detail {\n  font-size: 13px;\n  color: var(--tm-text-light);\n  font-style: italic;\n}\n\n\/* ===========================\n   WARNING BOX\n   =========================== *\/\n.tm-warning-box {\n  background: linear-gradient(135deg, #FFF9E6 0%, #FFF5CC 100%);\n  border-radius: var(--tm-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid #FFD966;\n  box-shadow: var(--tm-shadow);\n}\n\n.tm-warning-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.tm-warning-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.tm-warning-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.tm-warning-item p {\n  font-size: 14px;\n  color: var(--tm-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ===========================\n   CTA FINAL\n   =========================== *\/\n.tm-cta-box {\n  position: relative;\n  background: linear-gradient(135deg, var(--tm-primary) 0%, var(--tm-primary-dark) 100%);\n  border-radius: var(--tm-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--tm-shadow-lg);\n}\n\n.tm-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .08;\n  background-image: \n    radial-gradient(circle at 30% 40%, rgba(255,255,255,.3) 0%, transparent 40%),\n    radial-gradient(circle at 70% 70%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.tm-cta-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tm-cta-text {\n  color: white;\n  font-size: clamp(16px, 2.5vw, 20px);\n  line-height: 1.8;\n  font-weight: 500;\n  margin: 0 0 1.5rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tm-cta-badge {\n  display: inline-block;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  padding: 12px 24px;\n  border-radius: 999px;\n  box-shadow: 0 4px 24px rgba(0,0,0,.15);\n}\n\n.tm-cta-badge span {\n  color: var(--tm-primary-dark);\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: .02em;\n}\n\n\/* ===========================\n   RESPONSIVE\n   =========================== *\/\n@media (max-width: 767px) {\n  .tm-grid,\n  .tm-composition-grid,\n  .tm-results-grid,\n  .tm-info-grid,\n  .tm-warning-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .tm-brand-content {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .tm-brand-icon {\n    margin: 0 auto;\n  }\n  \n  .tm-usage-step {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .tm-step-number {\n    margin: 0 auto 1rem;\n  }\n}\n\n\/* ===========================\n   ANIMATIONS\n   =========================== *\/\n@media (prefers-reduced-motion: no-preference) {\n  .tm-card,\n  .tm-profile-card,\n  .tm-result-card,\n  .tm-ingredient-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n  \n  .tm-card:nth-child(1),\n  .tm-profile-card:nth-child(1),\n  .tm-result-card:nth-child(1) { animation-delay: .1s; }\n  .tm-card:nth-child(2),\n  .tm-profile-card:nth-child(2),\n  .tm-result-card:nth-child(2) { animation-delay: .2s; }\n  .tm-card:nth-child(3),\n  .tm-profile-card:nth-child(3),\n  .tm-result-card:nth-child(3) { animation-delay: .3s; }\n  .tm-card:nth-child(4),\n  .tm-profile-card:nth-child(4),\n  .tm-result-card:nth-child(4) { animation-delay: .4s; }\n  .tm-card:nth-child(5) { animation-delay: .5s; }\n  .tm-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\/* ===========================\n   ACCESSIBILITÉ\n   =========================== *\/\n@media (prefers-reduced-motion: reduce) {\n  .tm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .tm-card,\n  .tm-profile-card,\n  .tm-result-card,\n  .tm-info-card {\n    border: 2px solid var(--tm-text);\n  }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025162397,"sku":"REF1051","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/testoman-booster-de-testosterone-60-gelules-labophyto-packshothd.webp?v=1785940220"},{"product_id":"supramen-performance-10-gelules-labophyto","title":"Supramen - Gélules Aphrodisiaques - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Supramen - 10 Gélules - Labophyto\nPalette détectée:\n  - Primaire: #E31E24 (rouge vif dynamique du packaging)\n  - Secondaire: #1A1A1A (noir profond du poing\/icône)\n  - Accent: #FFFFFF (blanc contrastant)\nAmbiance: Masculin, puissant, énergique, performance, force virile\nPréfixe CSS: spm\n--\u003e\n\u003cdiv class=\"spm-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"spm-hero\"\u003e\n\u003cdiv class=\"spm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"spm-hero-content\"\u003e\n\u003cdiv class=\"spm-badges-top\"\u003e\n\u003cspan class=\"spm-badge\"\u003e🔥 Désir \u0026amp; vitalité\u003c\/span\u003e \u003cspan class=\"spm-badge\"\u003e⚡ Effet rapide\u003c\/span\u003e \u003cspan class=\"spm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"spm-hero-title\"\u003eSupramen\u003c\/span\u003e\n\u003cp class=\"spm-subtitle\"\u003eDésir sexuel, performance et endurance\u003c\/p\u003e\n\u003cp class=\"spm-description\"\u003eSupramen de LaboPhyto est un complément alimentaire pour homme à base d'extraits de maca, shatavari, ginseng et livèche, associés aux vitamines C, B3 et B1. Sa formule est conçue pour soutenir la fonction sexuelle, le désir, la vitalité et l'endurance.\u003c\/p\u003e\n\u003cdiv class=\"spm-hero-stats\"\u003e\n\u003cdiv class=\"spm-stat\"\u003e\n\u003cspan class=\"spm-stat-number\"\u003e2\u003c\/span\u003e \u003cspan class=\"spm-stat-label\"\u003eGélules par prise\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-stat\"\u003e\n\u003cspan class=\"spm-stat-number\"\u003e1h\u003c\/span\u003e \u003cspan class=\"spm-stat-label\"\u003eAvant l'effet souhaité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-stat\"\u003e\n\u003cspan class=\"spm-stat-number\"\u003e7\u003c\/span\u003e \u003cspan class=\"spm-stat-label\"\u003eActifs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e🎯 Les bénéfices de Supramen\u003c\/h2\u003e\n\u003cdiv class=\"spm-grid\"\u003e\n\u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🔥 Désir sexuel\u003c\/h3\u003e\n\u003cp\u003eUne formule à base de plantes sélectionnées pour soutenir la fonction sexuelle masculine et stimuler le désir sexuel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e💪 Vitalité\u003c\/h3\u003e\n\u003cp\u003eLe ginseng et les autres actifs de la formule accompagnent le tonus et la vitalité pour se sentir au meilleur de sa forme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🏆 Endurance\u003c\/h3\u003e\n\u003cp\u003eSupramen est formulé pour les hommes souhaitant soutenir leurs performances et leur endurance lors de leurs moments intimes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-benefit-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLes vitamines C et B3 contribuent à réduire la fatigue et participent à un métabolisme énergétique normal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e🌿 Les actifs de Supramen\u003c\/h2\u003e\n\u003cp class=\"spm-section-intro\"\u003eUne association d'extraits végétaux et de vitamines sélectionnés pour accompagner la vitalité et le bien-être intime masculin.\u003c\/p\u003e\n\u003cdiv class=\"spm-grid spm-ingredients-grid\"\u003e\n\u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n\u003cdiv class=\"spm-ingredient-header\"\u003e\n\u003cspan class=\"spm-ingredient-icon\"\u003e🌱\u003c\/span\u003e\n\u003ch3\u003eMaca\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"spm-ingredient-desc\"\u003eLepidium meyenii\u003c\/p\u003e\n\u003cul class=\"spm-ingredient-benefits\" style=\"list-style: none;\"\u003e\n\u003cli\u003eSoutient le désir sexuel\u003c\/li\u003e\n\u003cli\u003eAccompagne l'énergie\u003c\/li\u003e\n\u003cli\u003eTraditionnellement associée à la vitalité\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n\u003cdiv class=\"spm-ingredient-header\"\u003e\n\u003cspan class=\"spm-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eShatavari\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"spm-ingredient-desc\"\u003eAsparagus racemosus\u003c\/p\u003e\n\u003cul class=\"spm-ingredient-benefits\" style=\"list-style: none;\"\u003e\n\u003cli\u003eAide à maintenir la forme\u003c\/li\u003e\n\u003cli\u003eAccompagne les niveaux d'énergie\u003c\/li\u003e\n\u003cli\u003eSoutient la santé sexuelle\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n\u003cdiv class=\"spm-ingredient-header\"\u003e\n\u003cspan class=\"spm-ingredient-icon\"\u003e🪴\u003c\/span\u003e\n\u003ch3\u003eGinseng\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"spm-ingredient-desc\"\u003ePanax ginseng C.A. Meyer\u003c\/p\u003e\n\u003cul class=\"spm-ingredient-benefits\" style=\"list-style: none;\"\u003e\n\u003cli\u003eSoutient le tonus\u003c\/li\u003e\n\u003cli\u003eAccompagne l'énergie\u003c\/li\u003e\n\u003cli\u003eParticipe à la vitalité\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-ingredient-card\"\u003e\n\u003cdiv class=\"spm-ingredient-header\"\u003e\n\u003cspan class=\"spm-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eLivèche\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"spm-ingredient-desc\"\u003eLevisticum officinale\u003c\/p\u003e\n\u003cul class=\"spm-ingredient-benefits\" style=\"list-style: none;\"\u003e\n\u003cli\u003ePlante traditionnellement utilisée pour le tonus\u003c\/li\u003e\n\u003cli\u003eAccompagne la vitalité\u003c\/li\u003e\n\u003cli\u003eComplète l'action des autres extraits végétaux\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-ingredient-card spm-ingredient-highlight\"\u003e\n\u003cdiv class=\"spm-ingredient-header\"\u003e\n\u003cspan class=\"spm-ingredient-icon\"\u003e⚡\u003c\/span\u003e\n\u003ch3\u003eVitamines C, B3 \u0026amp; B1\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cp class=\"spm-ingredient-desc\"\u003eDes vitamines essentielles au métabolisme énergétique\u003c\/p\u003e\n\u003cul class=\"spm-ingredient-benefits\" style=\"list-style: none;\"\u003e\n\u003cli\u003eContribuent à un métabolisme énergétique normal\u003c\/li\u003e\n\u003cli\u003eVitamines C et B3 : contribuent à réduire la fatigue\u003c\/li\u003e\n\u003cli\u003eVitamine C : contribue à protéger les cellules contre le stress oxydatif\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FORMULE --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e🧪 Formule \u0026amp; valeurs nutritionnelles\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e extrait sec de maca (Lepidium meyenii), extrait sec de shatavari (Asparagus racemosus), enveloppe de la gélule : hydroxypropylméthylcellulose, extrait sec de ginseng (Panax ginseng C.A. Meyer), acide L-ascorbique (vitamine C), extrait sec de livèche (Levisticum officinale), anti-agglomérant : sels de magnésium d'acides gras, nicotinamide (niacine), chlorhydrate de thiamine (thiamine).\u003c\/p\u003e\n\u003cdiv class=\"spm-info-grid\"\u003e\n\u003cdiv class=\"spm-info-item\"\u003e\n\u003cspan class=\"spm-info-label\"\u003eMaca\u003c\/span\u003e \u003cspan class=\"spm-info-value\"\u003e380 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-info-item\"\u003e\n\u003cspan class=\"spm-info-label\"\u003eShatavari\u003c\/span\u003e \u003cspan class=\"spm-info-value\"\u003e200 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-info-item\"\u003e\n\u003cspan class=\"spm-info-label\"\u003eGinseng\u003c\/span\u003e \u003cspan class=\"spm-info-value\"\u003e100 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-info-item\"\u003e\n\u003cspan class=\"spm-info-label\"\u003eLivèche\u003c\/span\u003e \u003cspan class=\"spm-info-value\"\u003e80 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-info-item\"\u003e\n\u003cspan class=\"spm-info-label\"\u003eVitamine C\u003c\/span\u003e \u003cspan class=\"spm-info-value\"\u003e80 mg · 100 % AR*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-info-item\"\u003e\n\u003cspan class=\"spm-info-label\"\u003eVitamine B3\u003c\/span\u003e \u003cspan class=\"spm-info-value\"\u003e16 mg · 100 % AR*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-info-item\"\u003e\n\u003cspan class=\"spm-info-label\"\u003eVitamine B1\u003c\/span\u003e \u003cspan class=\"spm-info-value\"\u003e1,1 mg · 100 % AR*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003csmall\u003e*AR : apport de référence.\u003c\/small\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e📋 Conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"spm-usage-container\"\u003e\n\u003cdiv class=\"spm-usage-main\"\u003e\n\u003cdiv class=\"spm-usage-step\"\u003e\n\u003cdiv class=\"spm-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"spm-step-content\"\u003e\n\u003ch3\u003ePrise\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e2 gélules avec un verre d'eau\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-usage-step\"\u003e\n\u003cdiv class=\"spm-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"spm-step-content\"\u003e\n\u003ch3\u003eQuand les prendre ?\u003c\/h3\u003e\n\u003cp\u003ePrendre les gélules environ \u003cstrong\u003e1 heure avant l'effet souhaité\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-usage-step\"\u003e\n\u003cdiv class=\"spm-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"spm-step-content\"\u003e\n\u003ch3\u003eUtilisation ponctuelle\u003c\/h3\u003e\n\u003cp\u003eSupramen est destiné à une utilisation ponctuelle. Le fabricant recommande de ne pas dépasser \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-usage-tip\"\u003e\n\u003cspan class=\"spm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e le fabricant recommande d'éviter la consommation d'alcool afin de favoriser l'efficacité du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e👤 Pour qui ?\u003cspan class=\"spm-target-icon\"\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"spm-grid spm-target-grid\"\u003e\n\u003cdiv class=\"spm-card spm-target-card\"\u003e\n\u003ch3\u003e🔥 Désir\u003c\/h3\u003e\n\u003cp\u003ePour l'homme adulte souhaitant soutenir naturellement son désir sexuel.\u003cspan class=\"spm-target-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-target-card\"\u003e\n\u003ch3\u003e💪 Vitalité\u003c\/h3\u003e\n\u003cp\u003ePour accompagner le tonus et la vitalité lors des moments intimes.\u003cspan class=\"spm-target-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-target-card\"\u003e\n\u003ch3\u003e🏆 Performance\u003c\/h3\u003e\n\u003cp\u003ePour les hommes souhaitant soutenir leur fonction sexuelle et leurs performances.\u003cspan class=\"spm-target-icon\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-card spm-target-card\"\u003e\n\u003ch3\u003e⏱️ Endurance\u003c\/h3\u003e\n\u003cp\u003ePour ceux qui souhaitent accompagner leur endurance et leur vigueur intime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"spm-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"spm-guarantees\"\u003e\n\u003cdiv class=\"spm-guarantee\"\u003e\n\u003cspan class=\"spm-guarantee-icon\"\u003e💊\u003c\/span\u003e \u003cspan\u003eNe pas dépasser la dose journalière recommandée.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-guarantee\"\u003e\n\u003cspan class=\"spm-guarantee-icon\"\u003e👤\u003c\/span\u003e \u003cspan\u003eRéservé exclusivement à l'homme adulte. Ne pas utiliser chez la femme, l'enfant ou l'adolescent.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-guarantee\"\u003e\n\u003cspan class=\"spm-guarantee-icon\"\u003e⚕️\u003c\/span\u003e \u003cspan\u003eDéconseillé aux personnes sous traitement antidiabétique.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spm-guarantee\"\u003e\n\u003cspan class=\"spm-guarantee-icon\"\u003e🌿\u003c\/span\u003e \u003cspan\u003eDéconseillé en cas d'allergie croisée connue, notamment à la famille des Apiaceae ou à l'anéthole.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eComplément alimentaire. Ne peut se substituer à une alimentation variée et équilibrée. À prendre dans le cadre d'un mode de vie sain. Tenir hors de portée des jeunes enfants. À conserver dans un endroit sec et à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"spm-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"spm-cta-box\"\u003e\n\u003cp\u003e\u003cstrong\u003e💪 Supramen de LaboPhyto\u003c\/strong\u003e associe maca, shatavari, ginseng, livèche et vitamines pour accompagner le désir sexuel, la vitalité et les performances masculines.\u003c\/p\u003e\n\u003cp class=\"spm-cta-sub\"\u003eUne formule à prise ponctuelle, environ 1 heure avant l'effet souhaité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --spm-cream: #f8f7f5;\n  --spm-white: #ffffff;\n  --spm-primary: #E31E24;\n  --spm-primary-dark: #b8171c;\n  --spm-primary-light: #fef2f2;\n  --spm-secondary: #1a1a1a;\n  --spm-accent: #ff6b6b;\n  --spm-text: #1a1a1a;\n  --spm-text-light: #5a5a5a;\n  --spm-border: #e5e5e5;\n  --spm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --spm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --spm-radius: 20px;\n  --spm-radius-sm: 12px;\n}\n\n.spm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--spm-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.spm-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--spm-primary) 0%, var(--spm-primary-dark) 50%, var(--spm-secondary) 100%);\n  border-radius: var(--spm-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(--spm-shadow-lg);\n}\n\n.spm-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 5L35 20H50L38 30L43 45L30 35L17 45L22 30L10 20H25L30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.spm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.spm-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(--spm-primary-dark);\n  box-shadow: 0 4px 16px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.spm-badge:hover {\n  transform: translateY(-3px) scale(1.05);\n  box-shadow: 0 8px 24px rgba(0,0,0,.2);\n}\n\n.spm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(42px, 10vw, 72px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 30px rgba(0,0,0,.3);\n  text-transform: uppercase;\n}\n\n.spm-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.spm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto 2rem auto;\n  line-height: 1.7;\n}\n\n.spm-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.spm-stat {\n  text-align: center;\n  padding: 1rem 1.5rem;\n  background: rgba(255,255,255,.1);\n  backdrop-filter: blur(10px);\n  border-radius: var(--spm-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.spm-stat-number {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  line-height: 1;\n}\n\n.spm-stat-label {\n  display: block;\n  color: rgba(255,255,255,.8);\n  font-size: 13px;\n  font-weight: 600;\n  margin-top: 4px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.spm-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.spm-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spm-secondary);\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.spm-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(--spm-primary), var(--spm-accent));\n  border-radius: 2px;\n}\n\n.spm-section-intro {\n  text-align: center;\n  color: var(--spm-text-light);\n  font-size: clamp(16px, 2vw, 18px);\n  max-width: 600px;\n  margin: -1rem auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.spm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.spm-ingredients-grid {\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n.spm-target-grid {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS === *\/\n.spm-card {\n  background: var(--spm-white);\n  border-radius: var(--spm-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.spm-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--spm-shadow-lg);\n  border-color: var(--spm-primary);\n}\n\n.spm-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--spm-secondary);\n  margin: 0 0 0.75rem 0;\n}\n\n.spm-card p {\n  color: var(--spm-text-light);\n  font-size: 15px;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === BENEFIT CARDS === *\/\n.spm-benefit-card {\n  text-align: center;\n}\n\n.spm-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.spm-ingredient-card {\n  position: relative;\n  overflow: hidden;\n}\n\n.spm-ingredient-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: linear-gradient(90deg, var(--spm-primary), var(--spm-accent));\n}\n\n.spm-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 0.75rem;\n}\n\n.spm-ingredient-icon {\n  font-size: 32px;\n}\n\n.spm-ingredient-header h3 {\n  margin: 0;\n  font-size: 17px;\n}\n\n.spm-ingredient-desc {\n  font-style: italic;\n  color: var(--spm-primary-dark) !important;\n  font-weight: 600;\n  margin-bottom: 1rem !important;\n  font-size: 14px !important;\n}\n\n.spm-ingredient-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.spm-ingredient-benefits li {\n  padding: 6px 0 6px 24px;\n  position: relative;\n  font-size: 14px;\n  color: var(--spm-text-light);\n}\n\n.spm-ingredient-benefits li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--spm-primary);\n  font-weight: 700;\n}\n\n.spm-ingredient-highlight {\n  background: linear-gradient(135deg, var(--spm-primary-light) 0%, var(--spm-white) 100%);\n}\n\n\/* === TARGET CARDS === *\/\n.spm-target-card {\n  text-align: center;\n  padding: clamp(2rem, 4vw, 2.5rem);\n}\n\n.spm-target-icon {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n\/* === USAGE SECTION === *\/\n.spm-usage-container {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.spm-usage-main {\n  background: var(--spm-white);\n  border-radius: var(--spm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--spm-shadow);\n  margin-bottom: 1.5rem;\n}\n\n.spm-usage-step {\n  display: flex;\n  gap: 1.25rem;\n  padding: 1.25rem 0;\n  border-bottom: 1px solid var(--spm-border);\n}\n\n.spm-usage-step:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.spm-usage-step:first-child {\n  padding-top: 0;\n}\n\n.spm-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--spm-primary), var(--spm-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(227, 30, 36, .3);\n}\n\n.spm-step-content h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--spm-secondary);\n  margin: 0 0 0.5rem 0;\n}\n\n.spm-step-content p {\n  margin: 0;\n  color: var(--spm-text-light);\n  font-size: 15px;\n}\n\n.spm-usage-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  padding: 1.25rem 1.5rem;\n  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\n  border-radius: var(--spm-radius-sm);\n  border-left: 4px solid #f59e0b;\n}\n\n.spm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.spm-usage-tip p {\n  margin: 0;\n  font-size: 14px;\n  color: #92400e;\n}\n\n\/* === INFO GRID === *\/\n.spm-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 1rem;\n}\n\n.spm-info-item {\n  background: var(--spm-white);\n  border-radius: var(--spm-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--spm-shadow);\n  transition: all .3s ease;\n}\n\n.spm-info-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--spm-shadow-lg);\n}\n\n.spm-info-icon {\n  font-size: 28px;\n  display: block;\n  margin-bottom: 0.5rem;\n}\n\n.spm-info-label {\n  display: block;\n  font-size: 12px;\n  color: var(--spm-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 4px;\n}\n\n.spm-info-value {\n  display: block;\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--spm-secondary);\n}\n\n\/* === GUARANTEES === *\/\n.spm-guarantees {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1rem;\n}\n\n.spm-guarantee {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  padding: 1.25rem 1.5rem;\n  background: var(--spm-white);\n  border-radius: var(--spm-radius-sm);\n  box-shadow: var(--spm-shadow);\n  font-weight: 600;\n  color: var(--spm-secondary);\n  transition: all .3s ease;\n}\n\n.spm-guarantee:hover {\n  transform: translateX(8px);\n  box-shadow: var(--spm-shadow-lg);\n}\n\n.spm-guarantee-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n\/* === CTA BOX === *\/\n.spm-cta-box {\n  background: linear-gradient(135deg, var(--spm-primary) 0%, var(--spm-primary-dark) 50%, var(--spm-secondary) 100%);\n  border-radius: var(--spm-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.spm-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5L35 20H50L38 30L43 45L30 35L17 45L22 30L10 20H25L30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n}\n\n.spm-cta-icon {\n  font-size: 64px;\n  display: block;\n  margin-bottom: 1.5rem;\n  position: relative;\n  z-index: 1;\n}\n\n.spm-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.2);\n  position: relative;\n  z-index: 1;\n  margin: 0 0 1rem 0;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.spm-cta-sub {\n  font-size: clamp(15px, 2vw, 17px) !important;\n  opacity: .9;\n  margin-bottom: 0 !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .spm-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .spm-info-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .spm-hero-stats {\n    gap: 1rem;\n  }\n  \n  .spm-stat {\n    padding: 0.75rem 1rem;\n  }\n  \n  .spm-usage-step {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .spm-step-number {\n    margin: 0 auto;\n  }\n}\n\n@media (max-width: 480px) {\n  .spm-info-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .spm-badges-top {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .spm-card {\n    animation: spmFadeInUp .6s ease backwards;\n  }\n  .spm-card:nth-child(1) { animation-delay: .1s; }\n  .spm-card:nth-child(2) { animation-delay: .2s; }\n  .spm-card:nth-child(3) { animation-delay: .3s; }\n  .spm-card:nth-child(4) { animation-delay: .4s; }\n  .spm-card:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes spmFadeInUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .spm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .spm-card {\n    border: 2px solid var(--spm-secondary);\n  }\n  \n  .spm-badge {\n    border: 2px solid var(--spm-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"2 gélules","offer_id":64532759314809,"sku":"SUPRAMEN2","price":9.98,"currency_code":"EUR","in_stock":true},{"title":"4 gélules","offer_id":64532759347577,"sku":"SUPRAMEN4","price":13.59,"currency_code":"EUR","in_stock":true},{"title":"10 gélules","offer_id":64532759380345,"sku":"SUPRAMEN10","price":29.19,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/supramen-10-gelules-labophyto-packshothd.webp?v=1785940249"},{"product_id":"hot-drink-homme-bois-bande-solution-buvable-250-ml-labophyto","title":"Hot Drink - Bois Bandé Homme pour la Libido 250ml - Labophyto","description":"\u003cdiv class=\"hd-premium\"\u003e\n\n  \u003cdiv class=\"hd-hero\"\u003e\n    \u003cdiv class=\"hd-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hd-hero-content\"\u003e\n      \u003cdiv class=\"hd-badges-top\"\u003e\n        \u003cspan class=\"hd-badge\"\u003e🍑 Goût pêche\u003c\/span\u003e\n        \u003cspan class=\"hd-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"hd-badge\"\u003e🌿 Bois bandé \u0026amp; Ginseng\u003c\/span\u003e\n        \u003cspan class=\"hd-badge\"\u003e⚡ 250 ml – Cure complète\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hd-hero-title\"\u003eHot Drink Bois Bandé Homme\u003c\/span\u003e\n      \u003cp class=\"hd-subtitle\"\u003eLa boisson naturelle au Muira Puama pour stimuler votre vitalité masculine\u003c\/p\u003e\n      \u003cp class=\"hd-description\"\u003eSolution buvable saveur pêche par Labophyto – Expert en bien-être intime. Formule synergique à base de bois bandé, ginseng, guarana et vitamine C.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hd-section\"\u003e\n    \u003ch2\u003eHot Drink Bois Bandé Homme : la boisson naturelle pour stimuler votre libido\u003c\/h2\u003e\n    \u003cp class=\"hd-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire libido homme\u003c\/strong\u003e efficace et facile à prendre ?\u003c\/p\u003e\n    \u003cdiv class=\"hd-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eHot Drink Bois Bandé Homme de Labophyto\u003c\/strong\u003e est une solution buvable au goût pêche associant des plantes reconnues pour leurs propriétés tonifiantes et aphrodisiaques. Formulée à base de \u003cstrong\u003ebois bandé\u003c\/strong\u003e (Muira Puama), de ginseng, de guarana et de vitamine C, cette boisson de 250 ml vous accompagne pendant une cure complète pour retrouver vitalité et désir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hd-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le bois bandé pour homme ?\u003c\/h2\u003e\n    \u003cp class=\"hd-section-intro\"\u003eLe \u003cstrong\u003ebois bandé\u003c\/strong\u003e, ou Muira Puama, est un arbre originaire d'Amazonie utilisé depuis des siècles comme tonique naturel. Traditionnellement reconnu pour ses vertus stimulantes, il agit à plusieurs niveaux :\u003c\/p\u003e\n    \u003cdiv class=\"hd-grid\"\u003e\n      \u003cdiv class=\"hd-card\"\u003e\n        \u003ch3\u003e🔥 Soutien de la libido\u003c\/h3\u003e\n        \u003cp\u003eIl favorise le désir sexuel en stimulant le système nerveux central pour raviver la flamme naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hd-card\"\u003e\n        \u003ch3\u003e💉 Amélioration de la circulation sanguine\u003c\/h3\u003e\n        \u003cp\u003eIl contribue à un meilleur afflux sanguin, essentiel pour la performance masculine et une réponse physiologique optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hd-card\"\u003e\n        \u003ch3\u003e💪 Effet tonique global\u003c\/h3\u003e\n        \u003cp\u003eIl aide à lutter contre la fatigue physique et mentale, souvent responsable d'une baisse de désir et de vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hd-tip\"\u003e\n      \u003cspan class=\"hd-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003eC'est cette richesse naturelle que Labophyto a concentrée dans \u003cstrong\u003eHot Drink Bois Bandé Homme\u003c\/strong\u003e, en l'associant à d'autres actifs complémentaires pour une action renforcée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hd-section\"\u003e\n    \u003ch2\u003eUne formule complète aux actifs synergiques\u003c\/h2\u003e\n    \u003cp class=\"hd-section-intro\"\u003eCe \u003cstrong\u003ecomplément libido homme\u003c\/strong\u003e ne se limite pas au bois bandé. Voici la composition pour une dose de 15 ml :\u003c\/p\u003e\n    \u003cdiv class=\"hd-grid\"\u003e\n      \u003cdiv class=\"hd-card\"\u003e\n        \u003ch3\u003e🌳 Extrait de bois bandé\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e – Roupala montana (écorce). Tonifiant naturel, soutient le désir et la performance sexuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hd-card\"\u003e\n        \u003ch3\u003e🔴 Extrait de ginseng\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e – Panax ginseng (racine). Plante adaptogène qui améliore l'endurance et la vitalité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hd-card\"\u003e\n        \u003ch3\u003e🌳 Extrait de Maca\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e. Tonifiant naturel, utilisée traditionnellement pour stimuler le désir.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hd-card\"\u003e\n        \u003ch3\u003e⚡ Extrait de guarana\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e45 mg\u003c\/strong\u003e – Paullinia cupana (graine). Stimulant naturel qui aide à réduire la fatigue et booste l'énergie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hd-card\"\u003e\n        \u003ch3\u003e☕ Caféine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e par dose. Contribue à maintenir la vigilance et la concentration tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hd-card\"\u003e\n        \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e25 mg\u003c\/strong\u003e (31 % des AR). Antioxydant puissant qui réduit la fatigue et soutient le métabolisme énergétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hd-tip\"\u003e\n      \u003cspan class=\"hd-tip-icon\"\u003e🏆\u003c\/span\u003e\n      \u003cp\u003eCette synergie entre bois bandé, ginseng et guarana fait de ce produit l'un des \u003cstrong\u003emeilleurs compléments alimentaires libido homme\u003c\/strong\u003e disponibles sous forme liquide.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \n\n  \u003csection class=\"hd-section\"\u003e\n    \u003ch2\u003eComment prendre Hot Drink Bois Bandé ?\u003c\/h2\u003e\n    \u003cdiv class=\"hd-timeline\"\u003e\n      \u003cdiv class=\"hd-timeline-item\"\u003e\n        \u003cdiv class=\"hd-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hd-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e15 à 20 ml par jour\u003c\/strong\u003e, pure ou diluée dans un verre d'eau selon votre préférence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hd-timeline-item\"\u003e\n        \u003cdiv class=\"hd-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hd-timeline-content\"\u003e\n          \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n          \u003cp\u003eConsommez-la de préférence \u003cstrong\u003eavant un repas\u003c\/strong\u003e pour une meilleure absorption des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hd-timeline-item\"\u003e\n        \u003cdiv class=\"hd-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hd-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eUne \u003cstrong\u003ecure de 2 à 3 semaines\u003c\/strong\u003e est recommandée pour des résultats durables et optimaux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hd-timeline-item\"\u003e\n        \u003cdiv class=\"hd-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hd-timeline-content\"\u003e\n          \u003ch3\u003eConservation\u003c\/h3\u003e\n          \u003cp\u003eAgitez bien le flacon avant chaque utilisation et conservez au frais après ouverture.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hd-tip\"\u003e\n      \u003cspan class=\"hd-tip-icon\"\u003e🍑\u003c\/span\u003e\n      \u003cp\u003eSon agréable \u003cstrong\u003esaveur pêche\u003c\/strong\u003e rend la prise quotidienne plaisante, contrairement à certaines solutions au goût amer.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hd-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hd-accordion\"\u003e\n      \u003cdetails class=\"hd-accordion-item\"\u003e\n        \u003csummary class=\"hd-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"hd-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. Contient de la caféine (10 mg par dose) : déconseillé aux femmes enceintes ou allaitantes et aux personnes sous traitement antidiabétique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hd-accordion-item\"\u003e\n        \u003csummary class=\"hd-accordion-header\"\u003e📏 Dosage et effets\u003c\/summary\u003e\n        \u003cdiv class=\"hd-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Une consommation excessive peut avoir des effets laxatifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hd-accordion-item\"\u003e\n        \u003csummary class=\"hd-accordion-header\"\u003e🧊 Conservation et stockage\u003c\/summary\u003e\n        \u003cdiv class=\"hd-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hd-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hd-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"hd-cta-box\"\u003e\n      \u003cp\u003e🇫🇷 \u003cstrong\u003eHot Drink Bois Bandé Homme\u003c\/strong\u003e est fabriqué en France par \u003cstrong\u003eLabophyto\u003c\/strong\u003e, expert en compléments alimentaires dédiés au bien-être intime. Chaque flacon est produit dans le respect des normes européennes de qualité et de sécurité.\u003c\/p\u003e\n      \u003cp style=\"margin-top: 1rem;\"\u003eSi vous recherchez un \u003cstrong\u003eaphrodisiaque bois bandé pour homme\u003c\/strong\u003e naturel, pratique et agréable, cette solution buvable est le choix idéal pour retrouver confiance et vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --hd-cream: #faf6f4;\n  --hd-white: #ffffff;\n  --hd-primary: #d63031;\n  --hd-primary-dark: #a02020;\n  --hd-primary-light: #fdeaea;\n  --hd-secondary: #e17055;\n  --hd-accent: #ff7675;\n  --hd-text: #1a1a1a;\n  --hd-text-light: #5a5a5a;\n  --hd-border: #e8e0dc;\n  --hd-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --hd-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --hd-radius: 20px;\n  --hd-radius-sm: 12px;\n}\n\n.hd-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--hd-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.hd-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.hd-hero {\n  position: relative;\n  background: linear-gradient(135deg, #a02020 0%, #d63031 40%, #e17055 100%);\n  border-radius: var(--hd-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(--hd-shadow-lg);\n}\n\n.hd-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.hd-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.hd-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.hd-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.hd-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.hd-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.hd-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(--hd-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.hd-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.hd-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hd-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--hd-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.hd-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(--hd-primary), var(--hd-secondary));\n  border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.hd-highlight-box {\n  background: var(--hd-white);\n  border-radius: var(--hd-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--hd-shadow);\n  border-left: 4px solid var(--hd-primary);\n}\n\n.hd-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--hd-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.hd-card {\n  background: var(--hd-white);\n  border-radius: var(--hd-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--hd-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.hd-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--hd-shadow-lg);\n  border-color: var(--hd-primary);\n}\n\n.hd-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--hd-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.hd-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--hd-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hd-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.hd-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.hd-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.hd-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--hd-primary), var(--hd-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.hd-timeline-content {\n  flex: 1;\n  background: var(--hd-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--hd-radius-sm);\n  box-shadow: var(--hd-shadow);\n}\n\n.hd-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--hd-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.hd-timeline-content p {\n  font-size: 14px;\n  color: var(--hd-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.hd-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--hd-primary-light);\n  border-radius: var(--hd-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.hd-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.hd-tip p {\n  font-size: 14px;\n  color: var(--hd-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.hd-accordion {\n  background: var(--hd-white);\n  border-radius: var(--hd-radius);\n  box-shadow: var(--hd-shadow);\n  overflow: hidden;\n}\n\n.hd-accordion-item {\n  border-bottom: 1px solid var(--hd-border);\n  margin: 0;\n  padding: 0;\n}\n\n.hd-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.hd-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--hd-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.hd-accordion-header:hover {\n  background: var(--hd-primary-light);\n}\n\n.hd-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.hd-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--hd-primary);\n  transition: transform .2s ease;\n}\n\n.hd-accordion-item[open] .hd-accordion-header::after {\n  content: '−';\n}\n\n.hd-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--hd-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.hd-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.hd-cta-box {\n  background: linear-gradient(135deg, var(--hd-primary) 0%, var(--hd-primary-dark) 100%);\n  border-radius: var(--hd-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.hd-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.hd-disclaimer {\n  font-size: 12px;\n  color: var(--hd-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === SECTION INTRO === *\/\n.hd-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--hd-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 MOBILE === *\/\n@media (max-width: 767px) {\n  .hd-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .hd-card {\n    padding: 1.125rem;\n  }\n\n  .hd-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .hd-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--hd-radius-sm);\n  }\n\n  .hd-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .hd-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .hd-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .hd-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .hd-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .hd-timeline-content p {\n    font-size: 13px;\n  }\n\n  .hd-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .hd-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .hd-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .hd-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .hd-card {\n    animation: hdFadeInUp .5s ease backwards;\n  }\n  .hd-card:nth-child(1) { animation-delay: .05s; }\n  .hd-card:nth-child(2) { animation-delay: .1s; }\n  .hd-card:nth-child(3) { animation-delay: .15s; }\n  .hd-card:nth-child(4) { animation-delay: .2s; }\n  .hd-card:nth-child(5) { animation-delay: .25s; }\n  .hd-card:nth-child(6) { animation-delay: .3s; }\n\n  .hd-timeline-item {\n    animation: hdFadeInUp .5s ease backwards;\n  }\n  .hd-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .hd-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .hd-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .hd-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes hdFadeInUp {\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  .hd-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e\n","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755025555613,"sku":"REF1054","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hot-drink-bois-bande-homme-pour-la-libido-250ml-labophyto-packshothd.webp?v=1785939466"},{"product_id":"fertitop-femme-fertilite-60-gelules-labophyto","title":"Fertitop Femme Fertilité - 60 Gélules - Labophyto","description":"\u003cdiv class=\"ft-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ft-hero\"\u003e\n    \u003cdiv class=\"ft-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ft-hero-content\"\u003e\n      \u003cdiv class=\"ft-badges-top\"\u003e\n        \u003cspan class=\"ft-badge\"\u003e🌿 Maca + Inositol\u003c\/span\u003e\n        \u003cspan class=\"ft-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"ft-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"ft-badge\"\u003e🍃 Sans gluten · Sans lactose\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ft-hero-title\"\u003eFertitop Femme Fertilité\u003c\/span\u003e\n      \u003cp class=\"ft-subtitle\"\u003ePar Labophyto — Expert en bien-être intime\u003c\/p\u003e\n      \u003cp class=\"ft-description\"\u003eLa synergie naturelle de maca, myo-inositol et vitamines B pour accompagner votre projet bébé en douceur et soutenir chaque étape de la conception.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ft-section\"\u003e\n    \u003ch2\u003eFertitop Femme : le complément fertilité femme à base de maca, inositol et vitamines B\u003c\/h2\u003e\n    \u003cp class=\"ft-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire fertilité femme\u003c\/strong\u003e naturel et complet ?\u003c\/p\u003e\n    \u003cdiv class=\"ft-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eFertitop Femme\u003c\/strong\u003e de Labophyto réunit dans une seule gélule végétale les actifs les plus étudiés pour soutenir la conception : \u003cstrong\u003emaca\u003c\/strong\u003e, \u003cstrong\u003emyo-inositol\u003c\/strong\u003e, \u003cstrong\u003evitamine B9\u003c\/strong\u003e (acide folique), vitamines B5, B6, B12 et vitamine E. Cette synergie accompagne votre projet bébé en agissant sur l'équilibre hormonal, la qualité de l'ovulation et la vitalité globale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ft-section\"\u003e\n    \u003ch2\u003ePourquoi ces ingrédients sont essentiels pour la fertilité féminine\u003c\/h2\u003e\n    \u003cp class=\"ft-section-intro\"\u003eChaque actif de Fertitop Femme joue un rôle précis dans le soutien à la conception.\u003c\/p\u003e\n    \u003cdiv class=\"ft-grid\"\u003e\n      \u003cdiv class=\"ft-card\"\u003e\n        \u003ch3\u003e🌱 Maca (380 mg)\u003c\/h3\u003e\n        \u003cp\u003eRacine péruvienne traditionnellement utilisée pour soutenir l'énergie et l'équilibre hormonal. Dosée de façon optimale pour contribuer à un cycle régulier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-card\"\u003e\n        \u003ch3\u003e🧬 Inositol (240 mg)\u003c\/h3\u003e\n        \u003cp\u003eAussi appelé myo-inositol, il participe à la signalisation de l'insuline et favorise une ovulation de qualité. L'un des actifs les plus recommandés pour la conception.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-card\"\u003e\n        \u003ch3\u003e🍊 Vitamine B9 (200 µg – 100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eIndispensable avant et pendant la grossesse, elle contribue à la croissance des tissus maternels et au développement normal du tube neural du fœtus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-card\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E (12 mg – 100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant, elle protège les cellules du stress oxydatif et soutient la qualité ovocytaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-card\"\u003e\n        \u003ch3\u003e⚡ Vitamines B5, B6, B12\u003c\/h3\u003e\n        \u003cp\u003eElles réduisent la fatigue, participent à la régulation hormonale et soutiennent le métabolisme énergétique au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-card\"\u003e\n        \u003ch3\u003e🌹 Extrait de rose pâle (25 mg)\u003c\/h3\u003e\n        \u003cp\u003eApporte des polyphénols aux propriétés apaisantes pour un bien-être global et une sérénité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ft-section\"\u003e\n    \u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"ft-composition-table\"\u003e\n      \u003cdiv class=\"ft-compo-row\"\u003e\n        \u003cspan class=\"ft-compo-name\"\u003eExtrait sec de Maca (\u003cem\u003eLepidium meyenii\u003c\/em\u003e, racine)\u003c\/span\u003e\n        \u003cspan class=\"ft-compo-dose\"\u003e380 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-compo-row\"\u003e\n        \u003cspan class=\"ft-compo-name\"\u003eInositol\u003c\/span\u003e\n        \u003cspan class=\"ft-compo-dose\"\u003e240 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-compo-row\"\u003e\n        \u003cspan class=\"ft-compo-name\"\u003eExtrait sec de Rose pâle (\u003cem\u003eRosa centifolia\u003c\/em\u003e, fleur)\u003c\/span\u003e\n        \u003cspan class=\"ft-compo-dose\"\u003e25 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-compo-row\"\u003e\n        \u003cspan class=\"ft-compo-name\"\u003eVitamine E (acétate de D-alpha-tocophéryle)\u003c\/span\u003e\n        \u003cspan class=\"ft-compo-dose\"\u003e12 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-compo-row\"\u003e\n        \u003cspan class=\"ft-compo-name\"\u003eVitamine B5 (D-pantothénate de calcium)\u003c\/span\u003e\n        \u003cspan class=\"ft-compo-dose\"\u003e6 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-compo-row\"\u003e\n        \u003cspan class=\"ft-compo-name\"\u003eVitamine B6 (chlorhydrate de pyridoxine)\u003c\/span\u003e\n        \u003cspan class=\"ft-compo-dose\"\u003e1,4 mg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-compo-row\"\u003e\n        \u003cspan class=\"ft-compo-name\"\u003eVitamine B9 (acide ptéroylmonoglutamique)\u003c\/span\u003e\n        \u003cspan class=\"ft-compo-dose\"\u003e200 µg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-compo-row\"\u003e\n        \u003cspan class=\"ft-compo-name\"\u003eVitamine B12 (cyanocobalamine)\u003c\/span\u003e\n        \u003cspan class=\"ft-compo-dose\"\u003e2,5 µg \u003csmall\u003e(100 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ft-tip\"\u003e\n      \u003cspan class=\"ft-tip-icon\"\u003eℹ️\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eExcipients :\u003c\/strong\u003e carbonate de magnésium, sels de magnésium d'acides gras. \u003cstrong\u003eGélule végétale\u003c\/strong\u003e en hydroxypropylméthylcellulose. \u003cstrong\u003eSans gluten, sans lactose\u003c\/strong\u003e, sans additif synthétique. Fabrication française – Laboratoire Labophyto.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ft-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ft-timeline\"\u003e\n      \u003cdiv class=\"ft-timeline-item\"\u003e\n        \u003cdiv class=\"ft-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ft-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin au petit-déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-timeline-item\"\u003e\n        \u003cdiv class=\"ft-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ft-timeline-content\"\u003e\n          \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, une \u003cstrong\u003ecure de 3 mois\u003c\/strong\u003e est recommandée, correspondant au cycle naturel de maturation ovocytaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-timeline-item\"\u003e\n        \u003cdiv class=\"ft-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ft-timeline-content\"\u003e\n          \u003ch3\u003eMode de vie associé\u003c\/h3\u003e\n          \u003cp\u003eAssociez cette cure à une alimentation équilibrée et une bonne gestion du stress pour maximiser les bénéfices.\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=\"ft-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément alimentaire pour fertilité femme ?\u003c\/h2\u003e\n    \u003cp class=\"ft-section-intro\"\u003eFertitop Femme convient aux femmes en âge de procréer qui souhaitent :\u003c\/p\u003e\n    \u003cdiv class=\"ft-grid-compact\"\u003e\n      \u003cdiv class=\"ft-card\"\u003e\n        \u003ch3\u003e🌸 Préparation naturelle\u003c\/h3\u003e\n        \u003cp\u003ePréparer leur corps à la conception de façon naturelle et sereine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-card\"\u003e\n        \u003ch3\u003e🔄 Cycle régulier\u003c\/h3\u003e\n        \u003cp\u003eSoutenir un cycle menstruel régulier et une ovulation de qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-card\"\u003e\n        \u003ch3\u003e💊 Apport vitaminique\u003c\/h3\u003e\n        \u003cp\u003eCompléter leur apport en vitamines clés avant la grossesse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ft-card\"\u003e\n        \u003ch3\u003e⚡ Énergie \u0026amp; vitalité\u003c\/h3\u003e\n        \u003cp\u003eRetrouver énergie et vitalité pendant leur parcours de conception.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"ft-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ft-accordion\"\u003e\n      \u003cdetails class=\"ft-accordion-item\"\u003e\n        \u003csummary class=\"ft-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n        \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe remplace pas une alimentation variée, équilibrée, ni un mode de vie sain. Ne pas dépasser la dose journalière de 2 gélules. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ft-accordion-item\"\u003e\n        \u003csummary class=\"ft-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n          \u003cp\u003eDemandez l'avis de votre médecin avant toute prise de ce complément alimentaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ft-accordion-item\"\u003e\n        \u003csummary class=\"ft-accordion-header\"\u003e💊 Traitement médical en cours\u003c\/summary\u003e\n        \u003cdiv class=\"ft-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médical ou de pathologie, consultez un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ft-disclaimer\"\u003eCe complément alimentaire ne constitue pas un traitement médical et ne saurait se substituer à un suivi médical adapté.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ft-cream: #f9f5fb;\n  --ft-white: #ffffff;\n  --ft-primary: #7b2d8e;\n  --ft-primary-dark: #5a1a6b;\n  --ft-primary-light: #f3e8f9;\n  --ft-secondary: #a855c7;\n  --ft-accent: #d4a5e8;\n  --ft-text: #1a1a1a;\n  --ft-text-light: #5a5a5a;\n  --ft-border: #e8dced;\n  --ft-shadow: 0 4px 24px rgba(123,45,142,.08);\n  --ft-shadow-lg: 0 12px 48px rgba(123,45,142,.15);\n  --ft-radius: 20px;\n  --ft-radius-sm: 12px;\n}\n\n.ft-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ft-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ft-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5a1a6b 0%, #7b2d8e 40%, #a855c7 80%, #d4a5e8 100%);\n  border-radius: var(--ft-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(--ft-shadow-lg);\n}\n\n.ft-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n              radial-gradient(circle at 50% 50%, rgba(212,165,232,.1) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.ft-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ft-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.ft-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.ft-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\/* === BADGES === *\/\n.ft-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ft-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(--ft-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ft-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ft-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ft-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ft-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.ft-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(--ft-primary), var(--ft-secondary));\n  border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ft-highlight-box {\n  background: var(--ft-white);\n  border-radius: var(--ft-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ft-shadow);\n  border-left: 4px solid var(--ft-primary);\n}\n\n.ft-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--ft-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.ft-card {\n  background: var(--ft-white);\n  border-radius: var(--ft-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ft-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ft-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ft-shadow-lg);\n  border-color: var(--ft-primary);\n}\n\n.ft-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ft-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ft-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ft-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ft-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ft-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ft-grid-compact .ft-card {\n  padding: 1rem;\n}\n\n.ft-grid-compact .ft-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ft-grid-compact .ft-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.ft-composition-table {\n  background: var(--ft-white);\n  border-radius: var(--ft-radius);\n  box-shadow: var(--ft-shadow);\n  overflow: hidden;\n}\n\n.ft-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--ft-border);\n  gap: 1rem;\n}\n\n.ft-compo-row:last-child {\n  border-bottom: none;\n}\n\n.ft-compo-row:nth-child(even) {\n  background: var(--ft-primary-light);\n}\n\n.ft-compo-name {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ft-text);\n  font-weight: 500;\n  flex: 1;\n  line-height: 1.4;\n}\n\n.ft-compo-name em {\n  color: var(--ft-text-light);\n}\n\n.ft-compo-dose {\n  font-size: clamp(13px, 2vw, 15px);\n  font-weight: 800;\n  color: var(--ft-primary-dark);\n  white-space: nowrap;\n  text-align: right;\n}\n\n.ft-compo-dose small {\n  font-weight: 600;\n  color: var(--ft-secondary);\n  font-size: 11px;\n}\n\n\/* === TIMELINE === *\/\n.ft-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ft-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ft-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ft-primary), var(--ft-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.ft-timeline-content {\n  flex: 1;\n  background: var(--ft-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ft-radius-sm);\n  box-shadow: var(--ft-shadow);\n}\n\n.ft-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ft-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ft-timeline-content p {\n  font-size: 14px;\n  color: var(--ft-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.ft-accordion {\n  background: var(--ft-white);\n  border-radius: var(--ft-radius);\n  box-shadow: var(--ft-shadow);\n  overflow: hidden;\n}\n\n.ft-accordion-item {\n  border-bottom: 1px solid var(--ft-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ft-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ft-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ft-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.ft-accordion-header:hover {\n  background: var(--ft-primary-light);\n}\n\n.ft-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ft-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ft-primary);\n  transition: transform .2s ease;\n}\n\n.ft-accordion-item[open] .ft-accordion-header::after {\n  content: '−';\n}\n\n.ft-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ft-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ft-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ft-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ft-primary-light);\n  border-radius: var(--ft-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ft-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ft-tip p {\n  font-size: 14px;\n  color: var(--ft-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ft-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ft-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === DISCLAIMER === *\/\n.ft-disclaimer {\n  font-size: 12px;\n  color: var(--ft-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  .ft-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ft-card {\n    padding: 1.125rem;\n  }\n\n  .ft-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ft-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ft-radius-sm);\n  }\n\n  .ft-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ft-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ft-grid-compact {\n    gap: .625rem;\n  }\n\n  .ft-grid-compact .ft-card {\n    padding: .75rem;\n  }\n\n  .ft-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ft-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ft-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ft-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ft-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ft-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ft-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .ft-compo-row {\n    padding: .75rem 1rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n\n  .ft-compo-dose {\n    text-align: left;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ft-card {\n    animation: ftFadeInUp .5s ease backwards;\n  }\n  .ft-card:nth-child(1) { animation-delay: .05s; }\n  .ft-card:nth-child(2) { animation-delay: .1s; }\n  .ft-card:nth-child(3) { animation-delay: .15s; }\n  .ft-card:nth-child(4) { animation-delay: .2s; }\n  .ft-card:nth-child(5) { animation-delay: .25s; }\n  .ft-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ftFadeInUp {\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  .ft-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026374813,"sku":"REF1057","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Fertitop60gellules_1d1e0240-7652-4974-a31b-4938d9840251.webp?v=1772624460"},{"product_id":"erectab-stimulant-20-comprimes-labophyto","title":"Erectab - Stimulant Sexuel Naturel pour l'Érection - 20 Comprimés - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Erectab - Stimulant Sexuel Naturel pour l'Érection\nPalette détectée:\n  - Primaire: #2B7EC1 (Bleu profond du packaging, évoque confiance et masculinité)\n  - Secondaire: #1A5A8F (Bleu foncé pour contraste et profondeur)\n  - Accent: #4A9CD9 (Bleu clair pour les highlights et backgrounds)\n  - Neutre: #F8F9FB (Gris très clair\/blanc cassé pour backgrounds)\nAmbiance: Masculin, confiant, technique\/médical, professionnel avec approche naturelle\nStyle suggéré: Premium masculin avec touche médicale\/scientifique, moderne et rassurant\nPréfixe CSS: et\n--\u003e\n\n\u003cdiv class=\"et-premium\"\u003e\n  \u003cdiv class=\"et-hero\"\u003e\n    \u003cdiv class=\"et-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"et-hero-content\"\u003e\n      \u003cdiv class=\"et-badges-top\"\u003e\n        \u003cspan class=\"et-badge\"\u003e⚡ Effet rapide\u003c\/span\u003e\n        \u003cspan class=\"et-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n        \u003cspan class=\"et-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"et-hero-title\"\u003eErectab\u003c\/span\u003e\n      \u003cp class=\"et-subtitle\"\u003eStimulant naturel pour l'érection et la virilité\u003c\/p\u003e\n      \u003cp class=\"et-description\"\u003eLe complément alimentaire masculin qui combine 6 extraits végétaux puissants et des micronutriments essentiels pour booster vos performances naturellement et retrouver confiance en vous.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"et-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Erectab ?\u003c\/h2\u003e\n    \u003cdiv class=\"et-grid\"\u003e\n      \u003cdiv class=\"et-card\"\u003e\n        \u003cdiv class=\"et-card-icon\"\u003e🎯\u003c\/div\u003e\n        \u003cdiv class=\"et-card-title\"\u003eAction rapide et ciblée\u003c\/div\u003e\n        \u003cp\u003eFormule concentrée qui agit en \u003cstrong\u003e60 minutes\u003c\/strong\u003e pour favoriser une érection ferme et durable au moment souhaité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-card\"\u003e\n        \u003cdiv class=\"et-card-icon\"\u003e🔥\u003c\/div\u003e\n        \u003cdiv class=\"et-card-title\"\u003eLibido amplifiée\u003c\/div\u003e\n        \u003cp\u003eAugmente le désir sexuel et l'énergie grâce à une synergie d'aphrodisiaques naturels reconnus depuis des millénaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-card\"\u003e\n        \u003cdiv class=\"et-card-icon\"\u003e💪\u003c\/div\u003e\n        \u003cdiv class=\"et-card-title\"\u003eVirilité renforcée\u003c\/div\u003e\n        \u003cp\u003eSoutient la production hormonale masculine avec zinc et sélénium pour une vitalité optimale et des performances durables.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-card\"\u003e\n        \u003cdiv class=\"et-card-icon\"\u003e✅\u003c\/div\u003e\n        \u003cdiv class=\"et-card-title\"\u003e100% naturel et sûr\u003c\/div\u003e\n        \u003cp\u003eFormule à base de plantes adaptogènes, sans effets secondaires, pour améliorer naturellement votre performance sexuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-card\"\u003e\n        \u003cdiv class=\"et-card-icon\"\u003e🧠\u003c\/div\u003e\n        \u003cdiv class=\"et-card-title\"\u003eConfiance retrouvée\u003c\/div\u003e\n        \u003cp\u003eRetrouvez l'assurance et la sérénité nécessaires pour des moments intimes épanouis et satisfaisants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-card\"\u003e\n        \u003cdiv class=\"et-card-icon\"\u003e🏆\u003c\/div\u003e\n        \u003cdiv class=\"et-card-title\"\u003eQualité Labophyto\u003c\/div\u003e\n        \u003cp\u003eFabriqué en France par un laboratoire expert en santé sexuelle masculine depuis plus de 10 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"et-section\"\u003e\n    \u003ch2\u003eUne formule naturelle ultra-concentrée\u003c\/h2\u003e\n    \u003cp class=\"et-intro-text\"\u003eErectab réunit 6 extraits végétaux soigneusement sélectionnés et dosés, associés à des vitamines et minéraux essentiels pour une efficacité maximale.\u003c\/p\u003e\n    \n    \u003cdiv class=\"et-ingredients-grid\"\u003e\n      \u003cdiv class=\"et-ingredient-card\"\u003e\n        \u003cdiv class=\"et-ingredient-header\"\u003e\n          \u003cspan class=\"et-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n          \u003cdiv class=\"et-ingredient-name\"\u003eAstragale\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"et-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n        \u003cp class=\"et-ingredient-desc\"\u003eRacine tonifiante qui améliore la circulation sanguine et soutient la fonction érectile naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"et-ingredient-card\"\u003e\n        \u003cdiv class=\"et-ingredient-header\"\u003e\n          \u003cspan class=\"et-ingredient-icon\"\u003e🍃\u003c\/span\u003e\n          \u003cdiv class=\"et-ingredient-name\"\u003eAshwagandha\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"et-ingredient-dose\"\u003e160 mg\u003c\/div\u003e\n        \u003cp class=\"et-ingredient-desc\"\u003eAdaptogène puissant qui réduit le stress, augmente la testostérone et booste la libido masculine.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"et-ingredient-card\"\u003e\n        \u003cdiv class=\"et-ingredient-header\"\u003e\n          \u003cspan class=\"et-ingredient-icon\"\u003e⚡\u003c\/span\u003e\n          \u003cdiv class=\"et-ingredient-name\"\u003eTribulus\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"et-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n        \u003cp class=\"et-ingredient-desc\"\u003eAméliore la performance sexuelle et stimule la production naturelle de testostérone.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"et-ingredient-card\"\u003e\n        \u003cdiv class=\"et-ingredient-header\"\u003e\n          \u003cspan class=\"et-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n          \u003cdiv class=\"et-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"et-ingredient-dose\"\u003e90 mg\u003c\/div\u003e\n        \u003cp class=\"et-ingredient-desc\"\u003ePlante énergisante qui améliore l'endurance, la vitalité et la qualité des érections.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"et-ingredient-card\"\u003e\n        \u003cdiv class=\"et-ingredient-header\"\u003e\n          \u003cspan class=\"et-ingredient-icon\"\u003e🔥\u003c\/span\u003e\n          \u003cdiv class=\"et-ingredient-name\"\u003eGingembre\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"et-ingredient-dose\"\u003e50 mg\u003c\/div\u003e\n        \u003cp class=\"et-ingredient-desc\"\u003eStimulant circulatoire et aphrodisiaque qui favorise l'afflux sanguin et l'excitation.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"et-ingredient-card\"\u003e\n        \u003cdiv class=\"et-ingredient-header\"\u003e\n          \u003cspan class=\"et-ingredient-icon\"\u003e⚫\u003c\/span\u003e\n          \u003cdiv class=\"et-ingredient-name\"\u003ePoivre noir\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"et-ingredient-dose\"\u003e1 mg\u003c\/div\u003e\n        \u003cp class=\"et-ingredient-desc\"\u003eAméliore l'absorption de tous les actifs pour une efficacité optimale de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"et-vitamins-box\"\u003e\n      \u003cdiv class=\"et-vitamins-title\"\u003e💊 Enrichi en micronutriments essentiels\u003c\/div\u003e\n      \u003cdiv class=\"et-vitamins-grid\"\u003e\n        \u003cdiv class=\"et-vitamin-item\"\u003e\n          \u003cstrong\u003eZinc\u003c\/strong\u003e\n          \u003cspan\u003e10 mg (100% AR)\u003c\/span\u003e\n          \u003csmall\u003eSoutient la fertilité et la production de testostérone\u003c\/small\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"et-vitamin-item\"\u003e\n          \u003cstrong\u003eSélénium\u003c\/strong\u003e\n          \u003cspan\u003e55 µg (100% AR)\u003c\/span\u003e\n          \u003csmall\u003eProtège les cellules et favorise la spermatogenèse\u003c\/small\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"et-vitamin-item\"\u003e\n          \u003cstrong\u003eVitamine B6\u003c\/strong\u003e\n          \u003cspan\u003e1,4 mg (100% AR)\u003c\/span\u003e\n          \u003csmall\u003eRégule l'activité hormonale et réduit la fatigue\u003c\/small\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"et-vitamin-item\"\u003e\n          \u003cstrong\u003eBiotine (B8)\u003c\/strong\u003e\n          \u003cspan\u003e50 µg (100% AR)\u003c\/span\u003e\n          \u003csmall\u003eSoutient le métabolisme énergétique normal\u003c\/small\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"et-section\"\u003e\n    \u003ch2\u003eComment utiliser Erectab ?\u003c\/h2\u003e\n    \u003cdiv class=\"et-usage-timeline\"\u003e\n      \u003cdiv class=\"et-usage-step\"\u003e\n        \u003cdiv class=\"et-usage-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"et-usage-content\"\u003e\n          \u003cdiv class=\"et-usage-title\"\u003ePrendre 2 comprimés\u003c\/div\u003e\n          \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-usage-arrow\"\u003e→\u003c\/div\u003e\n      \u003cdiv class=\"et-usage-step\"\u003e\n        \u003cdiv class=\"et-usage-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"et-usage-content\"\u003e\n          \u003cdiv class=\"et-usage-title\"\u003e60 minutes avant\u003c\/div\u003e\n          \u003cp\u003eL'activité sexuelle prévue\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-usage-arrow\"\u003e→\u003c\/div\u003e\n      \u003cdiv class=\"et-usage-step\"\u003e\n        \u003cdiv class=\"et-usage-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"et-usage-content\"\u003e\n          \u003cdiv class=\"et-usage-title\"\u003eProfitez des résultats\u003c\/div\u003e\n          \u003cp\u003eÉrection ferme et durable\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"et-info-box\"\u003e\n      \u003cdiv class=\"et-info-icon\"\u003e📋\u003c\/div\u003e\n      \u003cdiv class=\"et-info-content\"\u003e\n        \u003cstrong\u003eDosage recommandé :\u003c\/strong\u003e Ne pas dépasser 4 comprimés par jour. Pour un effet optimal, respectez les recommandations d'usage et adoptez une utilisation régulière si nécessaire.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"et-section\"\u003e\n    \u003ch2\u003eRésultats attendus\u003c\/h2\u003e\n    \u003cdiv class=\"et-results-grid\"\u003e\n      \u003cdiv class=\"et-result-card\"\u003e\n        \u003cdiv class=\"et-result-time\"\u003e⏱️ 60 min\u003c\/div\u003e\n        \u003cdiv class=\"et-result-title\"\u003eAction rapide\u003c\/div\u003e\n        \u003cp\u003eLes premiers effets se font sentir environ une heure après la prise pour une spontanéité préservée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-result-card\"\u003e\n        \u003cdiv class=\"et-result-time\"\u003e💪 Immédiat\u003c\/div\u003e\n        \u003cdiv class=\"et-result-title\"\u003eÉrection renforcée\u003c\/div\u003e\n        \u003cp\u003eAmélioration de la qualité, de la fermeté et de la durée des érections dès la première utilisation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-result-card\"\u003e\n        \u003cdiv class=\"et-result-time\"\u003e🔥 2-4 semaines\u003c\/div\u003e\n        \u003cdiv class=\"et-result-title\"\u003eLibido amplifiée\u003c\/div\u003e\n        \u003cp\u003eAugmentation progressive du désir sexuel et de l'énergie avec une utilisation régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-result-card\"\u003e\n        \u003cdiv class=\"et-result-time\"\u003e✨ 1-2 mois\u003c\/div\u003e\n        \u003cdiv class=\"et-result-title\"\u003eVitalité optimale\u003c\/div\u003e\n        \u003cp\u003eSoutien hormonal et amélioration globale de la performance masculine sur le long terme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"et-section\"\u003e\n    \u003ch2\u003ePour qui est Erectab ?\u003c\/h2\u003e\n    \u003cdiv class=\"et-grid\"\u003e\n      \u003cdiv class=\"et-target-card\"\u003e\n        \u003cdiv class=\"et-target-icon\"\u003e👨\u003c\/div\u003e\n        \u003cdiv class=\"et-target-title\"\u003eHommes de 30 ans et +\u003c\/div\u003e\n        \u003cp\u003eQui souhaitent maintenir ou améliorer leur performance sexuelle naturellement avec l'âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-target-card\"\u003e\n        \u003cdiv class=\"et-target-icon\"\u003e💼\u003c\/div\u003e\n        \u003cdiv class=\"et-target-title\"\u003eActifs stressés\u003c\/div\u003e\n        \u003cp\u003eDont la libido et les érections sont affectées par le stress, la fatigue ou le surmenage professionnel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-target-card\"\u003e\n        \u003cdiv class=\"et-target-icon\"\u003e🎯\u003c\/div\u003e\n        \u003cdiv class=\"et-target-title\"\u003eRecherche de performance\u003c\/div\u003e\n        \u003cp\u003eQui veulent optimiser leur virilité, leur endurance et leur satisfaction lors des rapports intimes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-target-card\"\u003e\n        \u003cdiv class=\"et-target-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"et-target-title\"\u003eAdeptes du naturel\u003c\/div\u003e\n        \u003cp\u003eQui préfèrent une approche naturelle sans médicaments ni effets secondaires indésirables.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"et-section\"\u003e\n    \u003ch2\u003eAvis de nos clients et experts\u003c\/h2\u003e\n    \n    \u003cdiv class=\"et-expert-review\"\u003e\n      \u003cdiv class=\"et-expert-badge\"\u003e👨‍⚕️ Avis d'expert\u003c\/div\u003e\n      \u003cp\u003eNous apprécions particulièrement la synergie des plantes adaptogènes et aphrodisiaques utilisées dans la formule d'Erectab. \u003cstrong\u003eAstragale, Ashwagandha, Tribulus et Ginseng\u003c\/strong\u003e agissent de façon complémentaire pour soutenir l'érection, améliorer la vitalité et favoriser la libido.\u003c\/p\u003e\n      \u003cp\u003eLa présence de \u003cstrong\u003eZinc, de Sélénium et de vitamines du groupe B\u003c\/strong\u003e complète intelligemment l'action en soutenant la production hormonale et la santé générale. Sa fabrication française et le sérieux du laboratoire Labophyto sont également des gages de qualité.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"et-reviews-grid\"\u003e\n      \u003cdiv class=\"et-review-positive\"\u003e\n        \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n        \u003cp\u003e\u003cstrong\u003eEffets visibles dès les premières prises\u003c\/strong\u003e avec des érections plus fermes et durables rapportés par de nombreux utilisateurs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-review-positive\"\u003e\n        \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n        \u003cp\u003e\u003cstrong\u003eAmélioration notable de la confiance en soi\u003c\/strong\u003e et une meilleure satisfaction lors des rapports intimes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-review-positive\"\u003e\n        \u003cdiv class=\"et-review-icon\"\u003e✅\u003c\/div\u003e\n        \u003cp\u003e\u003cstrong\u003eConfort digestif et absence d'effets indésirables\u003c\/strong\u003e notables selon les retours clients.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-review-note\"\u003e\n        \u003cdiv class=\"et-review-icon\"\u003e💡\u003c\/div\u003e\n        \u003cp\u003e\u003cstrong\u003eEfficacité variable selon la sensibilité individuelle\u003c\/strong\u003e et la condition physique générale de chacun.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"et-tip-box\"\u003e\n      \u003cdiv class=\"et-tip-icon\"\u003e💡\u003c\/div\u003e\n      \u003cdiv class=\"et-tip-content\"\u003e\n        \u003cstrong\u003eNotre conseil d'expert :\u003c\/strong\u003e Pour maximiser les effets d'Erectab, adoptez une bonne hygiène de vie : \u003cstrong\u003ealimentation équilibrée, activité physique régulière, sommeil de qualité et gestion du stress\u003c\/strong\u003e sont des alliés indispensables pour une sexualité épanouie et durable.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"et-section\"\u003e\n    \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"et-quality-grid\"\u003e\n      \u003cdiv class=\"et-quality-card\"\u003e\n        \u003cdiv class=\"et-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv class=\"et-quality-title\"\u003eMade in France\u003c\/div\u003e\n        \u003cp\u003eFabriqué par \u003cstrong\u003eLabophyto\u003c\/strong\u003e, laboratoire français spécialisé en santé sexuelle masculine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-quality-card\"\u003e\n        \u003cdiv class=\"et-quality-icon\"\u003e🏭\u003c\/div\u003e\n        \u003cdiv class=\"et-quality-title\"\u003eLaboratoires certifiés\u003c\/div\u003e\n        \u003cp\u003eProduction dans des installations conformes aux \u003cstrong\u003enormes européennes\u003c\/strong\u003e les plus strictes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-quality-card\"\u003e\n        \u003cdiv class=\"et-quality-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"et-quality-title\"\u003eIngrédients sélectionnés\u003c\/div\u003e\n        \u003cp\u003eExtraits végétaux de \u003cstrong\u003equalité premium\u003c\/strong\u003e, rigoureusement sélectionnés pour leur efficacité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-quality-card\"\u003e\n        \u003cdiv class=\"et-quality-icon\"\u003e🔬\u003c\/div\u003e\n        \u003cdiv class=\"et-quality-title\"\u003eContrôles qualité\u003c\/div\u003e\n        \u003cp\u003eChaque lot est testé pour garantir \u003cstrong\u003epureté, sécurité et efficacité\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"et-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"et-warning-box\"\u003e\n      \u003cdiv class=\"et-warning-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv class=\"et-warning-content\"\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003eAdultes uniquement :\u003c\/strong\u003e Ce produit est destiné exclusivement aux hommes adultes.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eDéconseillé :\u003c\/strong\u003e Ne pas utiliser chez les femmes enceintes ou allaitantes.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eAvis médical :\u003c\/strong\u003e En cas de traitement médical en cours (notamment cardiovasculaire), consultez un professionnel de santé avant utilisation.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eConservation :\u003c\/strong\u003e Tenir hors de portée des enfants. Conserver dans un endroit sec et frais.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eComplément alimentaire :\u003c\/strong\u003e Ne peut remplacer une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eDosage :\u003c\/strong\u003e Ne pas dépasser 4 comprimés par jour. Respecter les doses recommandées.\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"et-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"et-infos-grid\"\u003e\n      \u003cdiv class=\"et-info-card\"\u003e\n        \u003cdiv class=\"et-info-card-icon\"\u003e📦\u003c\/div\u003e\n        \u003cdiv class=\"et-info-card-title\"\u003eContenu\u003c\/div\u003e\n        \u003cdiv class=\"et-info-card-value\"\u003e20 comprimés\u003c\/div\u003e\n        \u003cp\u003eSoit 10 prises de 2 comprimés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-info-card\"\u003e\n        \u003cdiv class=\"et-info-card-icon\"\u003e⏰\u003c\/div\u003e\n        \u003cdiv class=\"et-info-card-title\"\u003ePrise\u003c\/div\u003e\n        \u003cdiv class=\"et-info-card-value\"\u003e60 min avant\u003c\/div\u003e\n        \u003cp\u003eL'activité sexuelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-info-card\"\u003e\n        \u003cdiv class=\"et-info-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"et-info-card-title\"\u003eComposition\u003c\/div\u003e\n        \u003cdiv class=\"et-info-card-value\"\u003e100% naturel\u003c\/div\u003e\n        \u003cp\u003e6 extraits végétaux + nutriments\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"et-info-card\"\u003e\n        \u003cdiv class=\"et-info-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv class=\"et-info-card-title\"\u003eFabrication\u003c\/div\u003e\n        \u003cdiv class=\"et-info-card-value\"\u003eFrance\u003c\/div\u003e\n        \u003cp\u003eLaboratoires Labophyto\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"et-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"et-cta-box\"\u003e\n      \u003cdiv class=\"et-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"et-cta-content\"\u003e\n        \u003cdiv class=\"et-cta-icon\"\u003e🚀\u003c\/div\u003e\n        \u003cp\u003eBoostez votre virilité et votre performance sexuelle avec \u003cstrong\u003eErectab de Labophyto\u003c\/strong\u003e, un allié naturel pour des moments intimes plus intenses, plus confiants et plus satisfaisants !\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  --et-cream: #F8F9FB;\n  --et-white: #ffffff;\n  --et-primary: #2B7EC1;\n  --et-primary-dark: #1A5A8F;\n  --et-primary-light: #E8F3FC;\n  --et-secondary: #4A9CD9;\n  --et-accent: #3B8DC7;\n\n  \/* Textes *\/\n  --et-text: #1a1a1a;\n  --et-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --et-border: #e0e0e0;\n  --et-shadow: 0 4px 24px rgba(43, 126, 193, .08);\n  --et-shadow-lg: 0 12px 48px rgba(43, 126, 193, .15);\n  --et-radius: 20px;\n  --et-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.et-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--et-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--et-text);\n  line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.et-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2B7EC1 0%, #1A5A8F 50%, #2B7EC1 100%);\n  border-radius: var(--et-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(--et-shadow-lg);\n}\n\n.et-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px),\n    repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.3) 20px, rgba(255,255,255,.3) 21px);\n}\n\n.et-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.et-badges-top {\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n  flex-wrap: wrap;\n  margin-bottom: 1.5rem;\n}\n\n.et-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(--et-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.et-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.et-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.et-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.et-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.et-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.et-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--et-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.et-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(--et-primary), var(--et-secondary));\n  border-radius: 2px;\n}\n\n.et-intro-text {\n  text-align: center;\n  font-size: clamp(16px, 2.5vw, 19px);\n  color: var(--et-text-light);\n  max-width: 800px;\n  margin: 0 auto 2.5rem;\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.et-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.et-card {\n  background: var(--et-white);\n  border-radius: var(--et-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--et-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.et-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--et-shadow-lg);\n  border-color: var(--et-primary);\n}\n\n.et-card-icon {\n  font-size: clamp(36px, 6vw, 48px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.et-card-title {\n  font-size: clamp(17px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--et-primary-dark);\n  margin-bottom: .75rem;\n  letter-spacing: -.02em;\n}\n\n.et-card p {\n  font-size: clamp(14px, 2vw, 16px);\n  color: var(--et-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.et-ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2.5rem;\n}\n\n.et-ingredient-card {\n  background: var(--et-white);\n  border-radius: var(--et-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--et-shadow);\n  border-left: 4px solid var(--et-primary);\n  transition: all .3s ease;\n}\n\n.et-ingredient-card:hover {\n  transform: translateX(6px);\n  box-shadow: var(--et-shadow-lg);\n}\n\n.et-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 1rem;\n}\n\n.et-ingredient-icon {\n  font-size: 32px;\n}\n\n.et-ingredient-name {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--et-primary-dark);\n  letter-spacing: -.02em;\n}\n\n.et-ingredient-dose {\n  display: inline-block;\n  background: var(--et-primary-light);\n  color: var(--et-primary-dark);\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 1rem;\n}\n\n.et-ingredient-desc {\n  font-size: 15px;\n  color: var(--et-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === VITAMINES === *\/\n.et-vitamins-box {\n  background: linear-gradient(135deg, var(--et-primary-light) 0%, rgba(232, 243, 252, .5) 100%);\n  border-radius: var(--et-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  border: 2px solid var(--et-primary);\n}\n\n.et-vitamins-title {\n  font-size: clamp(19px, 3vw, 24px);\n  font-weight: 800;\n  color: var(--et-primary-dark);\n  margin-bottom: 1.5rem;\n  text-align: center;\n  letter-spacing: -.02em;\n}\n\n.et-vitamins-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.5rem;\n}\n\n.et-vitamin-item {\n  background: var(--et-white);\n  border-radius: var(--et-radius-sm);\n  padding: 1.25rem;\n  box-shadow: 0 2px 12px rgba(43, 126, 193, .08);\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  transition: transform .3s ease;\n}\n\n.et-vitamin-item:hover {\n  transform: translateY(-4px);\n}\n\n.et-vitamin-item strong {\n  color: var(--et-primary-dark);\n  font-size: 17px;\n  font-weight: 800;\n}\n\n.et-vitamin-item span {\n  color: var(--et-primary);\n  font-size: 15px;\n  font-weight: 700;\n}\n\n.et-vitamin-item small {\n  color: var(--et-text-light);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n\/* === USAGE TIMELINE === *\/\n.et-usage-timeline {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1.5rem;\n  margin-bottom: 2.5rem;\n  flex-wrap: wrap;\n}\n\n.et-usage-step {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  flex: 1;\n  min-width: 200px;\n  max-width: 280px;\n}\n\n.et-usage-number {\n  width: 60px;\n  height: 60px;\n  background: linear-gradient(135deg, var(--et-primary), var(--et-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  font-weight: 900;\n  box-shadow: var(--et-shadow);\n}\n\n.et-usage-content {\n  text-align: center;\n}\n\n.et-usage-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--et-primary-dark);\n  margin-bottom: .5rem;\n  letter-spacing: -.01em;\n}\n\n.et-usage-content p {\n  font-size: 15px;\n  color: var(--et-text-light);\n  margin: 0;\n}\n\n.et-usage-arrow {\n  font-size: 32px;\n  color: var(--et-primary);\n  font-weight: 700;\n}\n\n\/* === INFO BOX === *\/\n.et-info-box {\n  background: var(--et-white);\n  border-radius: var(--et-radius-sm);\n  padding: 1.5rem;\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  box-shadow: var(--et-shadow);\n  border-left: 4px solid var(--et-secondary);\n}\n\n.et-info-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.et-info-content {\n  font-size: 15px;\n  color: var(--et-text);\n  line-height: 1.6;\n}\n\n.et-info-content strong {\n  color: var(--et-primary-dark);\n  font-weight: 700;\n}\n\n\/* === RESULTS === *\/\n.et-results-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.et-result-card {\n  background: var(--et-white);\n  border-radius: var(--et-radius-sm);\n  padding: 1.75rem;\n  box-shadow: var(--et-shadow);\n  text-align: center;\n  border-top: 4px solid var(--et-primary);\n  transition: all .3s ease;\n}\n\n.et-result-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--et-shadow-lg);\n}\n\n.et-result-time {\n  font-size: 28px;\n  margin-bottom: .75rem;\n  display: block;\n}\n\n.et-result-title {\n  font-size: 19px;\n  font-weight: 800;\n  color: var(--et-primary-dark);\n  margin-bottom: .75rem;\n  letter-spacing: -.02em;\n}\n\n.et-result-card p {\n  font-size: 15px;\n  color: var(--et-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TARGET CARDS === *\/\n.et-target-card {\n  background: var(--et-white);\n  border-radius: var(--et-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--et-shadow);\n  text-align: center;\n  transition: all .3s ease;\n  border: 2px solid transparent;\n}\n\n.et-target-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--et-shadow-lg);\n  border-color: var(--et-primary);\n}\n\n.et-target-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.et-target-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--et-primary-dark);\n  margin-bottom: .75rem;\n  letter-spacing: -.02em;\n}\n\n.et-target-card p {\n  font-size: 15px;\n  color: var(--et-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === EXPERT REVIEW === *\/\n.et-expert-review {\n  background: var(--et-white);\n  border-radius: var(--et-radius);\n  padding: clamp(1.75rem, 3vw, 2.5rem);\n  box-shadow: var(--et-shadow);\n  border-left: 6px solid var(--et-primary);\n  margin-bottom: 2rem;\n}\n\n.et-expert-badge {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--et-primary), var(--et-secondary));\n  color: white;\n  padding: 8px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 1.25rem;\n}\n\n.et-expert-review p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--et-text);\n  line-height: 1.7;\n  margin-bottom: 1rem;\n}\n\n.et-expert-review p:last-child {\n  margin-bottom: 0;\n}\n\n.et-expert-review strong {\n  color: var(--et-primary-dark);\n  font-weight: 700;\n}\n\n\/* === REVIEWS GRID === *\/\n.et-reviews-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 2rem;\n}\n\n.et-review-positive,\n.et-review-note {\n  background: var(--et-white);\n  border-radius: var(--et-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--et-shadow);\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  transition: transform .3s ease;\n}\n\n.et-review-positive {\n  border-left: 4px solid #10b981;\n}\n\n.et-review-note {\n  border-left: 4px solid var(--et-secondary);\n}\n\n.et-review-positive:hover,\n.et-review-note:hover {\n  transform: translateX(6px);\n}\n\n.et-review-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.et-review-positive p,\n.et-review-note p {\n  font-size: 15px;\n  color: var(--et-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.et-review-positive p strong,\n.et-review-note p strong {\n  color: var(--et-primary-dark);\n  font-weight: 700;\n}\n\n\/* === TIP BOX === *\/\n.et-tip-box {\n  background: linear-gradient(135deg, var(--et-primary-light) 0%, rgba(232, 243, 252, .6) 100%);\n  border-radius: var(--et-radius);\n  padding: 1.75rem;\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  border: 2px solid var(--et-primary);\n}\n\n.et-tip-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.et-tip-content {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--et-text);\n  line-height: 1.7;\n}\n\n.et-tip-content strong {\n  color: var(--et-primary-dark);\n  font-weight: 800;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n\/* === QUALITY GRID === *\/\n.et-quality-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.et-quality-card {\n  background: var(--et-white);\n  border-radius: var(--et-radius-sm);\n  padding: 1.75rem;\n  box-shadow: var(--et-shadow);\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.et-quality-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--et-shadow-lg);\n}\n\n.et-quality-icon {\n  font-size: 42px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.et-quality-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--et-primary-dark);\n  margin-bottom: .75rem;\n  letter-spacing: -.02em;\n}\n\n.et-quality-card p {\n  font-size: 15px;\n  color: var(--et-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.et-quality-card strong {\n  color: var(--et-primary-dark);\n  font-weight: 700;\n}\n\n\/* === WARNING BOX === *\/\n.et-warning-box {\n  background: #FFF9E6;\n  border-radius: var(--et-radius);\n  padding: clamp(1.75rem, 3vw, 2.5rem);\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  border: 2px solid #FFD700;\n  box-shadow: 0 4px 20px rgba(255, 215, 0, .15);\n}\n\n.et-warning-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.et-warning-content ul {\n  margin: 0;\n  padding-left: 1.25rem;\n  list-style: none;\n}\n\n.et-warning-content li {\n  font-size: 15px;\n  color: var(--et-text);\n  line-height: 1.7;\n  margin-bottom: .75rem;\n  position: relative;\n  padding-left: 1.25rem;\n}\n\n.et-warning-content li:last-child {\n  margin-bottom: 0;\n}\n\n.et-warning-content li::before {\n  content: '▸';\n  position: absolute;\n  left: 0;\n  color: #FFD700;\n  font-weight: 700;\n}\n\n.et-warning-content strong {\n  color: var(--et-primary-dark);\n  font-weight: 700;\n}\n\n\/* === INFOS GRID === *\/\n.et-infos-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.et-info-card {\n  background: var(--et-white);\n  border-radius: var(--et-radius-sm);\n  padding: 1.75rem;\n  box-shadow: var(--et-shadow);\n  text-align: center;\n  transition: all .3s ease;\n  border-top: 4px solid var(--et-primary);\n}\n\n.et-info-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--et-shadow-lg);\n}\n\n.et-info-card-icon {\n  font-size: 42px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.et-info-card-title {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--et-text-light);\n  text-transform: uppercase;\n  letter-spacing: .1em;\n  margin-bottom: .5rem;\n}\n\n.et-info-card-value {\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--et-primary-dark);\n  margin-bottom: .5rem;\n  letter-spacing: -.02em;\n}\n\n.et-info-card p {\n  font-size: 14px;\n  color: var(--et-text-light);\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.et-cta-box {\n  background: linear-gradient(135deg, var(--et-primary) 0%, var(--et-primary-dark) 100%);\n  border-radius: var(--et-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--et-shadow-lg);\n}\n\n.et-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,.4) 0%, transparent 50%),\n    radial-gradient(circle at 80% 80%, rgba(255,255,255,.4) 0%, transparent 50%);\n}\n\n.et-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.et-cta-icon {\n  font-size: 56px;\n  margin-bottom: 1.5rem;\n  display: block;\n  animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.1); }\n}\n\n.et-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.et-cta-box strong {\n  font-weight: 900;\n  letter-spacing: -.01em;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .et-grid,\n  .et-ingredients-grid,\n  .et-vitamins-grid,\n  .et-results-grid,\n  .et-reviews-grid,\n  .et-quality-grid,\n  .et-infos-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .et-usage-arrow {\n  display: none;\n}\n\n  .et-usage-arrow {\n    transform: rotate(90deg);\n  }\n\n  .et-info-box,\n  .et-tip-box,\n  .et-warning-box {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .et-card,\n  .et-ingredient-card,\n  .et-result-card,\n  .et-target-card,\n  .et-quality-card,\n  .et-info-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n\n  .et-card:nth-child(1),\n  .et-ingredient-card:nth-child(1),\n  .et-result-card:nth-child(1),\n  .et-target-card:nth-child(1),\n  .et-quality-card:nth-child(1),\n  .et-info-card:nth-child(1) { animation-delay: .1s; }\n  \n  .et-card:nth-child(2),\n  .et-ingredient-card:nth-child(2),\n  .et-result-card:nth-child(2),\n  .et-target-card:nth-child(2),\n  .et-quality-card:nth-child(2),\n  .et-info-card:nth-child(2) { animation-delay: .2s; }\n  \n  .et-card:nth-child(3),\n  .et-ingredient-card:nth-child(3),\n  .et-result-card:nth-child(3),\n  .et-target-card:nth-child(3),\n  .et-quality-card:nth-child(3),\n  .et-info-card:nth-child(3) { animation-delay: .3s; }\n  \n  .et-card:nth-child(4),\n  .et-ingredient-card:nth-child(4),\n  .et-result-card:nth-child(4),\n  .et-target-card:nth-child(4),\n  .et-quality-card:nth-child(4),\n  .et-info-card:nth-child(4) { animation-delay: .4s; }\n  \n  .et-card:nth-child(5),\n  .et-ingredient-card:nth-child(5) { animation-delay: .5s; }\n  \n  .et-card:nth-child(6),\n  .et-ingredient-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  .et-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .et-premium {\n    --et-shadow: 0 0 0 2px var(--et-primary);\n    --et-shadow-lg: 0 0 0 3px var(--et-primary);\n  }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755026604189,"sku":"REF1058","price":40.62,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/erectab-erection-virilite-labophyto-720111.jpg?v=1732720364"},{"product_id":"vidanga-extrait-5-de-tanins-60-gelules-vegetales-ayurvana","title":"Vidanga Extrait 5% de Tanins - 60 Gélules végétales - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Vidanga Extrait - Complément Ayurvédique\nPalette détectée:\n  - Primaire: #C4D947 (vert chartreuse vif du packaging - fraîcheur et vitalité)\n  - Secondaire: #8B9F2E (vert olive foncé - ancrage naturel)\n  - Accent: #E8B05C (ocre doré des motifs paisley - chaleur ayurvédique)\nAmbiance: Ayurvéda authentique, tradition indienne, naturel et végétal, wellness holistique\nPréfixe CSS: vdg\n--\u003e\n\n\u003cdiv class=\"vdg-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"vdg-hero\"\u003e\n    \u003cdiv class=\"vdg-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"vdg-hero-content\"\u003e\n      \u003cdiv class=\"vdg-badges-top\"\u003e\n        \u003cspan class=\"vdg-badge\"\u003e🌿 Ayurvéda traditionnel\u003c\/span\u003e\n        \u003cspan class=\"vdg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"vdg-badge\"\u003e🌱 100% végétal\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"vdg-hero-title\"\u003eVidanga extrait\u003c\/span\u003e\n      \u003cp class=\"vdg-subtitle\"\u003eEmbelia ribes • 5% de tanins\u003c\/p\u003e\n      \u003cp class=\"vdg-description\"\u003ePlante purifiante majeure de l'Ayurvéda, la Vidanga est utilisée depuis des millénaires pour soutenir les défenses naturelles et purifier l'organisme en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e🌿 Les bienfaits de la Vidanga\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-grid\"\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eSoutient activement le système immunitaire et renforce les défenses de l'organisme face aux agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e✨ Action purifiante\u003c\/h3\u003e\n        \u003cp\u003ePropriétés détoxifiantes reconnues en Ayurvéda pour purifier le système digestif et éliminer les toxines.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e📜 Sagesse ancestrale\u003c\/h3\u003e\n        \u003cp\u003ePlante vénérée depuis des siècles dans la médecine traditionnelle indienne pour ses vertus exceptionnelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🔬 Extrait titré\u003c\/h3\u003e\n        \u003cp\u003eStandardisé à 5% de tanins pour garantir une concentration optimale en principes actifs à chaque prise.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n        \u003cp\u003eGélules d'origine végétale convenant parfaitement aux régimes végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre global\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir l'harmonie de l'organisme selon les principes holistiques de l'Ayurvéda.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e🌰 Composition par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-composition-box\"\u003e\n      \u003cdiv class=\"vdg-ingredient-main\"\u003e\n        \u003cdiv class=\"vdg-ingredient-header\"\u003e\n          \u003cspan class=\"vdg-ingredient-icon\"\u003e🌰\u003c\/span\u003e\n          \u003cdiv class=\"vdg-ingredient-info\"\u003e\n            \u003ch3\u003eEmbelia ribes (Vidanga)\u003c\/h3\u003e\n            \u003cspan class=\"vdg-ingredient-type\"\u003eExtrait de fruit\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cspan class=\"vdg-ingredient-dose\"\u003e250 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vdg-ingredient-detail\"\u003e\n          \u003cspan class=\"vdg-titration\"\u003eStandardisé à 5% de tanins\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-ingredient-secondary\"\u003e\n        \u003cspan\u003e💊\u003c\/span\u003e\n        \u003cspan\u003eGélule végétale HPMC\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-usage-box\"\u003e\n      \u003cdiv class=\"vdg-usage-main\"\u003e\n        \u003cspan class=\"vdg-usage-dose\"\u003e1 à 2\u003c\/span\u003e\n        \u003cspan class=\"vdg-usage-unit\"\u003egélules par jour\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-usage-details\"\u003e\n        \u003cdiv class=\"vdg-usage-item\"\u003e\n          \u003cspan\u003e⏰\u003c\/span\u003e\n          \u003cspan\u003eAvant les repas\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vdg-usage-item\"\u003e\n          \u003cspan\u003e💧\u003c\/span\u003e\n          \u003cspan\u003eAvec un grand verre d'eau\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e🎯 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-grid\"\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e💪 Immunité fragilisée\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant renforcer leurs défenses naturelles, notamment aux changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e✨ Recherche de détox\u003c\/h3\u003e\n        \u003cp\u003eIdéal pour purifier l'organisme et éliminer les toxines accumulées dans le système digestif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🧘 Adeptes de l'Ayurvéda\u003c\/h3\u003e\n        \u003cp\u003eParfait pour ceux qui privilégient une approche naturelle et holistique de leur bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-grid-compact\"\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e💊 Contenance\u003c\/h3\u003e\n        \u003cp\u003e60 gélules végétales\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n        \u003cp\u003e1 à 2 mois de cure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🌍 Origine plante\u003c\/h3\u003e\n        \u003cp\u003eInde\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vdg-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n        \u003cp\u003eFrance\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n  \u003csection class=\"vdg-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"vdg-accordion\"\u003e\n      \u003cdetails class=\"vdg-accordion-item\"\u003e\n        \u003csummary class=\"vdg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"vdg-accordion-content\"\u003e\n          \u003cp\u003eConserver dans un endroit sec et frais, à l'abri de la lumière et de l'humidité. Bien refermer le flacon après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vdg-accordion-item\"\u003e\n        \u003csummary class=\"vdg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"vdg-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants. Consulter un professionnel de santé en cas de grossesse, d'allaitement ou de traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"vdg-accordion-item\"\u003e\n        \u003csummary class=\"vdg-accordion-header\"\u003e🏭 Fabricant\u003c\/summary\u003e\n        \u003cdiv class=\"vdg-accordion-content\"\u003e\n          \u003cp\u003eAyurVana - Laboratoire français spécialisé dans les compléments alimentaires ayurvédiques de haute qualité, formulés selon les principes de la médecine traditionnelle indienne.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"vdg-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"vdg-cta-box\"\u003e\n      \u003cp\u003e🌿 Découvrez la puissance purifiante de la \u003cstrong\u003eVidanga\u003c\/strong\u003e, trésor de l'Ayurvéda millénaire, pour soutenir vos défenses naturelles et retrouver un organisme purifié.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --vdg-cream: #fdfbf7;\n  --vdg-white: #ffffff;\n  --vdg-primary: #C4D947;\n  --vdg-primary-dark: #8B9F2E;\n  --vdg-primary-light: #f0f5d8;\n  --vdg-secondary: #E8B05C;\n  --vdg-accent: #A67B5B;\n  --vdg-text: #1a1a1a;\n  --vdg-text-light: #5a5a5a;\n  --vdg-border: #e0e0e0;\n  --vdg-shadow: 0 4px 24px rgba(139,159,46,.08);\n  --vdg-shadow-lg: 0 12px 48px rgba(139,159,46,.15);\n  --vdg-radius: 20px;\n  --vdg-radius-sm: 12px;\n}\n\n.vdg-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--vdg-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vdg-hero {\n  position: relative;\n  background: linear-gradient(135deg, #C4D947 0%, #a8c03a 50%, #8B9F2E 100%);\n  border-radius: var(--vdg-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--vdg-shadow-lg);\n}\n\n.vdg-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-4 8-12 12-20 10 2 8 10 14 20 14s18-6 20-14c-8 2-16-2-20-10z' fill='%23fff' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.vdg-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.vdg-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.vdg-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--vdg-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.vdg-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.vdg-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.vdg-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n}\n\n.vdg-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.vdg-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vdg-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--vdg-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.vdg-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--vdg-primary), var(--vdg-secondary));\n  border-radius: 2px;\n}\n\n.vdg-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.vdg-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.vdg-card {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--vdg-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.vdg-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--vdg-shadow-lg);\n  border-color: var(--vdg-primary);\n}\n\n.vdg-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--vdg-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.vdg-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--vdg-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Composition *\/\n.vdg-composition-box {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  box-shadow: var(--vdg-shadow);\n  overflow: hidden;\n}\n\n.vdg-ingredient-main {\n  background: linear-gradient(135deg, var(--vdg-primary-light) 0%, #fdfde8 100%);\n  padding: clamp(1.5rem, 4vw, 2rem);\n  border-bottom: 2px solid var(--vdg-primary);\n}\n\n.vdg-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.vdg-ingredient-icon {\n  font-size: 40px;\n}\n\n.vdg-ingredient-info {\n  flex: 1;\n  min-width: 150px;\n}\n\n.vdg-ingredient-info h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--vdg-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.vdg-ingredient-type {\n  font-size: 13px;\n  color: var(--vdg-text-light);\n}\n\n.vdg-ingredient-dose {\n  font-size: clamp(24px, 5vw, 32px);\n  font-weight: 900;\n  color: var(--vdg-primary-dark);\n}\n\n.vdg-ingredient-detail {\n  margin-top: 1rem;\n}\n\n.vdg-titration {\n  display: inline-block;\n  background: var(--vdg-primary);\n  color: white;\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n}\n\n.vdg-ingredient-secondary {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  padding: 1rem clamp(1.5rem, 4vw, 2rem);\n  font-size: 14px;\n  color: var(--vdg-text-light);\n}\n\n\/* Usage *\/\n.vdg-usage-box {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  box-shadow: var(--vdg-shadow);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  text-align: center;\n}\n\n.vdg-usage-main {\n  margin-bottom: 1.5rem;\n}\n\n.vdg-usage-dose {\n  display: block;\n  font-size: clamp(48px, 10vw, 72px);\n  font-weight: 900;\n  color: var(--vdg-primary);\n  line-height: 1;\n}\n\n.vdg-usage-unit {\n  font-size: clamp(16px, 3vw, 20px);\n  color: var(--vdg-text);\n  font-weight: 600;\n}\n\n.vdg-usage-details {\n  display: flex;\n  justify-content: center;\n  gap: 2rem;\n  flex-wrap: wrap;\n}\n\n.vdg-usage-item {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  font-size: 14px;\n  color: var(--vdg-text-light);\n}\n\n\/* Accordéon *\/\n.vdg-accordion {\n  background: var(--vdg-white);\n  border-radius: var(--vdg-radius);\n  box-shadow: var(--vdg-shadow);\n  overflow: hidden;\n}\n\n.vdg-accordion-item {\n  border-bottom: 1px solid var(--vdg-border);\n  margin: 0;\n  padding: 0;\n}\n\n.vdg-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.vdg-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--vdg-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.vdg-accordion-header:hover {\n  background: var(--vdg-primary-light);\n}\n\n.vdg-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.vdg-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--vdg-primary);\n  transition: transform .2s ease;\n}\n\n.vdg-accordion-item[open] .vdg-accordion-header::after {\n  content: '−';\n}\n\n.vdg-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--vdg-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.vdg-accordion-content p {\n  margin: 0;\n}\n\n\/* CTA *\/\n.vdg-cta-box {\n  background: linear-gradient(135deg, var(--vdg-primary) 0%, var(--vdg-primary-dark) 100%);\n  border-radius: var(--vdg-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.vdg-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.vdg-cta-box strong {\n  font-weight: 800;\n}\n\n\/* Responsive *\/\n@media (max-width: 767px) {\n  .vdg-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .vdg-grid-compact {\n    gap: .625rem;\n  }\n  \n  .vdg-grid-compact .vdg-card {\n    padding: .75rem;\n  }\n  \n  .vdg-grid-compact .vdg-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n  \n  .vdg-grid-compact .vdg-card p {\n    font-size: 12px;\n  }\n  \n  .vdg-card {\n    padding: 1.125rem;\n  }\n  \n  .vdg-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .vdg-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--vdg-radius-sm);\n  }\n  \n  .vdg-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .vdg-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .vdg-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .vdg-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .vdg-ingredient-header {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .vdg-usage-details {\n    gap: 1rem;\n  }\n}\n\n\/* Animations *\/\n@media (prefers-reduced-motion: no-preference) {\n  .vdg-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .vdg-card:nth-child(1) { animation-delay: .05s; }\n  .vdg-card:nth-child(2) { animation-delay: .1s; }\n  .vdg-card:nth-child(3) { animation-delay: .15s; }\n  .vdg-card:nth-child(4) { animation-delay: .2s; }\n  .vdg-card:nth-child(5) { animation-delay: .25s; }\n  .vdg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .vdg-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755111080093,"sku":"AY9924","price":11.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vidanga-extrait_60-gelules_ayurvana_11zon.jpg?v=1767975517"},{"product_id":"tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Tulsi (basilic Sacré) Bio - Poudre 150 grammes - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tulsi (Basilic Sacré) Bio - Poudre 150g AyurVana\nPalette détectée:\n  - Primaire: #E87B2A (orange vif du bandeau et accents)\n  - Secondaire: #4A7C59 (vert naturel\/feuilles de tulsi)\n  - Accent: #D4A574 (beige kraft du sachet)\n  - Tertiaire: #1E6B8A (bleu turquoise des motifs paisley)\nAmbiance: Ayurvédique, naturel\/bio, traditionnel indien, chaleureux, authentique\nPréfixe CSS: tulsi\n--\u003e\n\n\u003cdiv class=\"tulsi-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"tulsi-hero\"\u003e\n    \u003cdiv class=\"tulsi-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tulsi-hero-content\"\u003e\n      \u003cdiv class=\"tulsi-badges-top\"\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n        \u003cspan class=\"tulsi-badge\"\u003e✨ Adaptogène\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tulsi-hero-title\"\u003eTulsi Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"tulsi-subtitle\"\u003eLe basilic sacré de l'Ayurveda\u003c\/p\u003e\n      \u003cp class=\"tulsi-description\"\u003ePlante vénérée depuis des millénaires en Inde, le Tulsi (Ocimum sanctum) est votre allié naturel pour une respiration apaisée, un système immunitaire renforcé et une gestion optimale du stress.\u003c\/p\u003e\n      \u003cdiv class=\"tulsi-hero-specs\"\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003e150g\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003ePoudre pure\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003eFeuilles de Tulsi\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tulsi-spec\"\u003e\n          \u003cspan class=\"tulsi-spec-value\"\u003eBio\u003c\/span\u003e\n          \u003cspan class=\"tulsi-spec-label\"\u003eCertifié AB\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BÉNÉFICES SANTÉ --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🌺 Les bienfaits ancestraux du tulsi\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid\"\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n        \u003cp\u003eLe Tulsi renforce naturellement les défenses de l'organisme et soutient le système immunitaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eAdaptogène puissant\u003c\/h3\u003e\n        \u003cp\u003eAide à mieux gérer le stress et favorise l'équilibre mental et physique grâce à ses propriétés adaptogènes reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e💨\u003c\/div\u003e\n        \u003ch3\u003eRespiration apaisée\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour apaiser les voies respiratoires et favoriser un confort respiratoire optimal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant naturel\u003c\/h3\u003e\n        \u003cp\u003eContribue à la protection des cellules contre les dommages oxydatifs grâce à sa richesse en antioxydants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🍃\u003c\/div\u003e\n        \u003ch3\u003eDigestion harmonieuse\u003c\/h3\u003e\n        \u003cp\u003eSoutient une digestion saine et aide à maintenir le confort digestif au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-benefit\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e⚖️\u003c\/div\u003e\n        \u003ch3\u003eAnti-inflammatoire\u003c\/h3\u003e\n        \u003cp\u003ePropriétés anti-inflammatoires traditionnellement reconnues pour le bien-être général de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🌱 Une composition pure et simple\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-composition-box\"\u003e\n      \u003cdiv class=\"tulsi-composition-main\"\u003e\n        \u003cdiv class=\"tulsi-composition-content\"\u003e\n          \u003ch3\u003eFeuilles de Tulsi (Ocimum sanctum)\u003c\/h3\u003e\n          \u003cp\u003e100% poudre de feuilles de basilic sacré issues de l'agriculture biologique\u003c\/p\u003e\n          \u003cdiv class=\"tulsi-composition-tags\"\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans additifs\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans conservateurs\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans OGM\u003c\/span\u003e\n            \u003cspan class=\"tulsi-tag\"\u003eSans pesticides\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e📖 Comment utiliser votre tulsi\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-usage-grid\"\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 cuillères à café de poudre par jour\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eEn boisson\u003c\/h3\u003e\n          \u003cp\u003eAjoutez à vos infusions, smoothies ou jus chauds ou froids\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eEn cuisine\u003c\/h3\u003e\n          \u003cp\u003eIncorporez dans vos soupes, plats mijotés et préparations culinaires\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-usage-card\"\u003e\n        \u003cdiv class=\"tulsi-usage-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"tulsi-usage-content\"\u003e\n          \u003ch3\u003eBien mélanger\u003c\/h3\u003e\n          \u003cp\u003eAssurez une bonne répartition de la poudre dans votre préparation\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ORIGINE --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🇮🇳 Origine et savoir-faire\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-origin-box\"\u003e\n      \u003cdiv class=\"tulsi-origin-content\"\u003e\n        \u003cdiv class=\"tulsi-origin-icon\"\u003e🏔️\u003c\/div\u003e\n        \u003ch3\u003eCultivé avec soin en Inde\u003c\/h3\u003e\n        \u003cp\u003eNotre Tulsi bio provient de fermes biologiques soigneusement sélectionnées en Inde, berceau de l'Ayurveda où le basilic sacré est vénéré et utilisé depuis des millénaires.\u003c\/p\u003e\n        \u003cdiv class=\"tulsi-origin-steps\"\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e🌱\u003c\/span\u003e\n            \u003cspan\u003eCulture biologique\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e✋\u003c\/span\u003e\n            \u003cspan\u003eRécolte à la main\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e☀️\u003c\/span\u003e\n            \u003cspan\u003eSéchage naturel\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e⚙️\u003c\/span\u003e\n            \u003cspan\u003eBroyage fin\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tulsi-origin-step\"\u003e\n            \u003cspan class=\"tulsi-step-icon\"\u003e✅\u003c\/span\u003e\n            \u003cspan\u003eContrôle qualité\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-grid tulsi-grid-3\"\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e😰\u003c\/div\u003e\n        \u003ch3\u003ePersonnes stressées\u003c\/h3\u003e\n        \u003cp\u003eCherchant un soutien naturel pour mieux gérer le stress quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🤧\u003c\/div\u003e\n        \u003ch3\u003eVoies respiratoires sensibles\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant apaiser et soutenir leur confort respiratoire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🧘‍♀️\u003c\/div\u003e\n        \u003ch3\u003eAdeptes de l'Ayurveda\u003c\/h3\u003e\n        \u003cp\u003eIntégrant les plantes sacrées indiennes dans leur routine bien-être\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eImmunité fragile\u003c\/h3\u003e\n        \u003cp\u003eDésireux de renforcer naturellement leurs défenses immunitaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🍵\u003c\/div\u003e\n        \u003ch3\u003eAmateurs de thés \u0026amp; infusions\u003c\/h3\u003e\n        \u003cp\u003eÀ la recherche de nouvelles saveurs aux vertus bienfaisantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-card tulsi-card-profile\"\u003e\n        \u003cdiv class=\"tulsi-card-icon\"\u003e🥗\u003c\/div\u003e\n        \u003ch3\u003eCuisiniers créatifs\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant enrichir leurs plats d'une touche ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CERTIFICATIONS --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e🏆 Certifications et qualité\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-certif-grid\"\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eAgriculture Biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003e100% Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eSans OGM\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-certif-card\"\u003e\n        \u003cspan class=\"tulsi-certif-icon\"\u003e✨\u003c\/span\u003e\n        \u003cspan class=\"tulsi-certif-label\"\u003eSans pesticides\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"tulsi-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"tulsi-info-grid\"\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e⚖️\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eContenance\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003e150 grammes\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e📍\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eOrigine\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003eInde\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e📋\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eForme\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003ePoudre pure\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tulsi-info-item\"\u003e\n        \u003cspan class=\"tulsi-info-icon\"\u003e🌡️\u003c\/span\u003e\n        \u003cdiv class=\"tulsi-info-text\"\u003e\n          \u003cspan class=\"tulsi-info-label\"\u003eConservation\u003c\/span\u003e\n          \u003cspan class=\"tulsi-info-value\"\u003eAu sec, à l'abri de la lumière\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"tulsi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tulsi-cta-box\"\u003e\n      \u003cdiv class=\"tulsi-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"tulsi-cta-content\"\u003e\n        \u003cp\u003eOffrez à votre corps et à votre esprit les bienfaits millénaires du basilic sacré. Avec le Tulsi Bio AyurVana, adoptez un remède ancestral, naturellement efficace, pour votre bien-être quotidien.\u003c\/p\u003e\n        \u003cdiv class=\"tulsi-cta-tagline\"\u003eLa sagesse de l'Ayurveda à votre portée\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  \/* Couleurs principales *\/\n  --tulsi-cream: #FDF8F3;\n  --tulsi-white: #ffffff;\n  --tulsi-primary: #E87B2A;\n  --tulsi-primary-dark: #C45D10;\n  --tulsi-primary-light: #FFF4EC;\n  --tulsi-secondary: #4A7C59;\n  --tulsi-secondary-light: #E8F5E9;\n  --tulsi-accent: #1E6B8A;\n  --tulsi-kraft: #D4A574;\n\n  \/* Textes *\/\n  --tulsi-text: #2C2C2C;\n  --tulsi-text-light: #5D5D5D;\n\n  \/* Effets *\/\n  --tulsi-border: #E8E0D8;\n  --tulsi-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tulsi-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n  --tulsi-radius: 20px;\n  --tulsi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tulsi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tulsi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--tulsi-text);\n  line-height: 1.6;\n}\n\n.tulsi-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tulsi-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--tulsi-primary) 0%, var(--tulsi-primary-dark) 50%, #A84D08 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-5 8-15 12-15 20s10 15 15 20c5-5 15-12 15-20S35 13 30 5z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  background-size: 80px 80px;\n  opacity: 0.6;\n}\n\n.tulsi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tulsi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.tulsi-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--tulsi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tulsi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.tulsi-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 0.5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tulsi-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  font-style: italic;\n}\n\n.tulsi-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.tulsi-hero-specs {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.tulsi-spec {\n  text-align: center;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  padding: 1rem 1.5rem;\n  border-radius: var(--tulsi-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.tulsi-spec-value {\n  display: block;\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n}\n\n.tulsi-spec-label {\n  display: block;\n  font-size: 13px;\n  color: rgba(255,255,255,.85);\n  font-weight: 500;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.tulsi-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tulsi-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--tulsi-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.tulsi-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--tulsi-primary), var(--tulsi-secondary));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.tulsi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.tulsi-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.tulsi-card {\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tulsi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.tulsi-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tulsi-shadow-lg);\n  border-color: var(--tulsi-primary);\n}\n\n.tulsi-card-icon {\n  font-size: 40px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tulsi-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--tulsi-text);\n  margin: 0 0 0.75rem 0;\n}\n\n.tulsi-card p {\n  font-size: 15px;\n  color: var(--tulsi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.tulsi-card-benefit {\n  text-align: center;\n}\n\n.tulsi-card-benefit:hover .tulsi-card-icon {\n  animation: bounce .5s ease;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tulsi-composition-box {\n  background: linear-gradient(135deg, var(--tulsi-secondary-light) 0%, var(--tulsi-white) 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--tulsi-secondary);\n  box-shadow: var(--tulsi-shadow);\n}\n\n.tulsi-composition-main {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n\n.tulsi-composition-icon {\n  font-size: 60px;\n  flex-shrink: 0;\n}\n\n.tulsi-composition-content {\n  flex: 1;\n  min-width: 250px;\n}\n\n.tulsi-composition-content h3 {\n  font-size: clamp(20px, 3vw, 24px);\n  font-weight: 800;\n  color: var(--tulsi-secondary);\n  margin: 0 0 0.5rem 0;\n}\n\n.tulsi-composition-content \u003e p {\n  font-size: 16px;\n  color: var(--tulsi-text-light);\n  margin: 0 0 1.5rem 0;\n}\n\n.tulsi-composition-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.tulsi-tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background: var(--tulsi-white);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--tulsi-secondary);\n  border: 1px solid var(--tulsi-secondary);\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tulsi-usage-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.tulsi-usage-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tulsi-shadow);\n  transition: all .3s ease;\n}\n\n.tulsi-usage-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-usage-number {\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-primary-dark));\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.tulsi-usage-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n  margin: 0 0 0.25rem 0;\n}\n\n.tulsi-usage-content p {\n  font-size: 14px;\n  color: var(--tulsi-text-light);\n  margin: 0;\n}\n\n\/* === ORIGINE === *\/\n.tulsi-origin-box {\n  background: linear-gradient(135deg, var(--tulsi-primary-light) 0%, var(--tulsi-white) 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border: 2px solid var(--tulsi-kraft);\n  box-shadow: var(--tulsi-shadow);\n  text-align: center;\n}\n\n.tulsi-origin-icon {\n  font-size: 50px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tulsi-origin-content h3 {\n  font-size: clamp(20px, 3vw, 26px);\n  font-weight: 800;\n  color: var(--tulsi-primary-dark);\n  margin: 0 0 1rem 0;\n}\n\n.tulsi-origin-content \u003e p {\n  font-size: 16px;\n  color: var(--tulsi-text-light);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.tulsi-origin-steps {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.tulsi-origin-step {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--tulsi-white);\n  padding: 10px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--tulsi-text);\n  box-shadow: 0 2px 8px rgba(0,0,0,.06);\n}\n\n.tulsi-step-icon {\n  font-size: 18px;\n}\n\n\/* === CERTIFICATIONS === *\/\n.tulsi-certif-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.tulsi-certif-card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius);\n  padding: 1.5rem;\n  box-shadow: var(--tulsi-shadow);\n  border: 2px solid var(--tulsi-border);\n  transition: all .3s ease;\n}\n\n.tulsi-certif-card:hover {\n  border-color: var(--tulsi-secondary);\n  transform: translateY(-4px);\n}\n\n.tulsi-certif-icon {\n  font-size: 36px;\n}\n\n.tulsi-certif-label {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n  text-align: center;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tulsi-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.tulsi-info-item {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--tulsi-white);\n  border-radius: var(--tulsi-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--tulsi-shadow);\n  border-left: 4px solid var(--tulsi-primary);\n}\n\n.tulsi-info-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.tulsi-info-text {\n  display: flex;\n  flex-direction: column;\n}\n\n.tulsi-info-label {\n  font-size: 12px;\n  color: var(--tulsi-text-light);\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  font-weight: 600;\n}\n\n.tulsi-info-value {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--tulsi-text);\n}\n\n\/* === CTA FINAL === *\/\n.tulsi-cta-box {\n  background: linear-gradient(135deg, var(--tulsi-secondary) 0%, #3A6249 100%);\n  border-radius: var(--tulsi-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--tulsi-shadow-lg);\n}\n\n.tulsi-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 2c-4 6-12 10-12 16s8 12 12 16c4-4 12-10 12-16S24 8 20 2z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  background-size: 60px 60px;\n}\n\n.tulsi-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.tulsi-cta-icon {\n  font-size: 50px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.tulsi-cta-box p {\n  color: white;\n  font-size: clamp(16px, 2.5vw, 20px);\n  line-height: 1.7;\n  font-weight: 500;\n  max-width: 700px;\n  margin: 0 auto 1.5rem;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.tulsi-cta-tagline {\n  display: inline-block;\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  padding: 12px 28px;\n  border-radius: 999px;\n  color: white;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: .5px;\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes bounce {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .tulsi-card,\n  .tulsi-usage-card,\n  .tulsi-certif-card,\n  .tulsi-info-item {\n    animation: fadeInUp .6s ease backwards;\n  }\n  .tulsi-card:nth-child(1), .tulsi-usage-card:nth-child(1) { animation-delay: .1s; }\n  .tulsi-card:nth-child(2), .tulsi-usage-card:nth-child(2) { animation-delay: .2s; }\n  .tulsi-card:nth-child(3), .tulsi-usage-card:nth-child(3) { animation-delay: .3s; }\n  .tulsi-card:nth-child(4), .tulsi-usage-card:nth-child(4) { animation-delay: .4s; }\n  .tulsi-card:nth-child(5) { animation-delay: .5s; }\n  .tulsi-card:nth-child(6) { animation-delay: .6s; }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .tulsi-grid,\n  .tulsi-grid-3 {\n    grid-template-columns: 1fr;\n  }\n  \n  .tulsi-hero-specs {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .tulsi-spec {\n    width: 100%;\n    max-width: 200px;\n  }\n  \n  .tulsi-composition-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .tulsi-composition-tags {\n    justify-content: center;\n  }\n  \n  .tulsi-origin-steps {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .tulsi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .tulsi-card,\n  .tulsi-usage-card,\n  .tulsi-certif-card,\n  .tulsi-info-item {\n    border: 2px solid var(--tulsi-text);\n  }\n  \n  .tulsi-badge {\n    border: 2px solid var(--tulsi-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755111506077,"sku":"AY9933","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tulsi-basilic-sacre-bio-150-grammes-de-poudre-en-sachet-ayurvana-827581.jpg?v=1732722036"},{"product_id":"triphala-boisson-bio-flacon-de-500-ml-ayurvana","title":"Triphala Boisson Minceur Bio - Flacon de 500 ml - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Triphala Boisson Minceur Bio\nPalette détectée:\n  - Primaire: #A8B96E (Vert olive\/anis du bandeau - naturel, bio)\n  - Secondaire: #8B7355 (Brun ambré de la bouteille - ayurvédique, terre)\n  - Accent: #6B8E23 (Vert foncé - bio, santé)\n  - Crème: #F5F3E8 (Beige clair de l'étiquette - naturel, doux)\nAmbiance: Naturel\/Ayurvédique, Bio authentique, Bien-être traditionnel, Médecine douce\nPréfixe CSS: tr\n--\u003e\n\n\u003cdiv class=\"tr-premium\"\u003e\n  \u003cdiv class=\"tr-hero\"\u003e\n    \u003cdiv class=\"tr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tr-hero-content\"\u003e\n      \u003cdiv class=\"tr-badges-top\"\u003e\n        \u003cspan class=\"tr-badge\"\u003e🌿 100% bio\u003c\/span\u003e\n        \u003cspan class=\"tr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"tr-badge\"\u003e🍃 3 fruits sacrés\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"tr-hero-title\"\u003eTriphala bio d'Ayurvana\u003c\/span\u003e\n      \u003cp class=\"tr-subtitle\"\u003eLa boisson ayurvédique ancestrale pour un bien-être digestif naturel\u003c\/p\u003e\n      \u003cp class=\"tr-description\"\u003eDécouvrez la sagesse millénaire de l'Ayurveda concentrée dans ce flacon de 500 ml. Une synergie unique de trois fruits sacrés pour accompagner votre équilibre intestinal au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"tr-section\"\u003e\n    \u003ch2\u003e✨ Les bienfaits de la triphala\u003c\/h2\u003e\n    \u003cdiv class=\"tr-grid\"\u003e\n      \u003cdiv class=\"tr-card tr-benefit\"\u003e\n        \u003cdiv class=\"tr-icon\"\u003e🌸\u003c\/div\u003e\n        \u003cdiv class=\"tr-card-title\"\u003eÉquilibre digestif\u003c\/div\u003e\n        \u003cp\u003eFavorise un transit intestinal harmonieux grâce à l'action synergique des trois fruits ayurvédiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-benefit\"\u003e\n        \u003cdiv class=\"tr-icon\"\u003e💚\u003c\/div\u003e\n        \u003cdiv class=\"tr-card-title\"\u003ePurification douce\u003c\/div\u003e\n        \u003cp\u003eAccompagne la détoxification naturelle de l'organisme en douceur et sans agressivité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-benefit\"\u003e\n        \u003cdiv class=\"tr-icon\"\u003e⚖️\u003c\/div\u003e\n        \u003cdiv class=\"tr-card-title\"\u003eBien-être général\u003c\/div\u003e\n        \u003cp\u003eContribue à l'équilibre global du système digestif selon la tradition ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-benefit\"\u003e\n        \u003cdiv class=\"tr-icon\"\u003e🍃\u003c\/div\u003e\n        \u003cdiv class=\"tr-card-title\"\u003e100% naturel\u003c\/div\u003e\n        \u003cp\u003eSans additif chimique ni conservateur, uniquement des extraits de fruits bio et eau purifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tr-section\"\u003e\n    \u003ch2\u003e🌿 Les trois fruits sacrés de l'Ayurveda\u003c\/h2\u003e\n    \u003cdiv class=\"tr-grid\"\u003e\n      \u003cdiv class=\"tr-card tr-ingredient\"\u003e\n        \u003cdiv class=\"tr-fruit-badge\"\u003eAmalaki\u003c\/div\u003e\n        \u003cdiv class=\"tr-fruit-icon\"\u003e🍋\u003c\/div\u003e\n        \u003cdiv class=\"tr-fruit-name\"\u003eEmblica officinalis\u003c\/div\u003e\n        \u003cp\u003eAussi appelé groseille indienne, ce fruit est vénéré en Ayurveda pour sa richesse en vitamine C naturelle et ses propriétés régénérantes. Il soutient l'équilibre des doshas et favorise la vitalité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-ingredient\"\u003e\n        \u003cdiv class=\"tr-fruit-badge\"\u003eBibhitaki\u003c\/div\u003e\n        \u003cdiv class=\"tr-fruit-icon\"\u003e🥜\u003c\/div\u003e\n        \u003cdiv class=\"tr-fruit-name\"\u003eTerminalia bellirica\u003c\/div\u003e\n        \u003cp\u003eReconnu pour son action purifiante, le bibhitaki aide à éliminer les toxines accumulées et soutient le fonctionnement optimal du système digestif selon la médecine traditionnelle indienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-ingredient\"\u003e\n        \u003cdiv class=\"tr-fruit-badge\"\u003eHaritaki\u003c\/div\u003e\n        \u003cdiv class=\"tr-fruit-icon\"\u003e🌰\u003c\/div\u003e\n        \u003cdiv class=\"tr-fruit-name\"\u003eTerminalia chebula\u003c\/div\u003e\n        \u003cp\u003eConsidéré comme le \"roi des plantes\" en Ayurveda, l'haritaki est traditionnellement utilisé pour harmoniser le transit intestinal et favoriser l'élimination naturelle des déchets.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tr-synergy-box\"\u003e\n      \u003cdiv class=\"tr-synergy-icon\"\u003e⚡\u003c\/div\u003e\n      \u003cp\u003e\u003cstrong\u003eLa puissance de la synergie :\u003c\/strong\u003e Ces trois fruits travaillent ensemble pour créer une formule équilibrée qui respecte la philosophie ayurvédique des trois doshas (Vata, Pitta, Kapha).\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tr-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"tr-usage-container\"\u003e\n      \u003cdiv class=\"tr-usage-step\"\u003e\n        \u003cdiv class=\"tr-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tr-step-content\"\u003e\n          \u003cdiv class=\"tr-step-title\"\u003eDosage recommandé\u003c\/div\u003e\n          \u003cp\u003eMesurez \u003cstrong\u003e25 ml\u003c\/strong\u003e de triphala bio à l'aide du bouchon doseur\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-usage-step\"\u003e\n        \u003cdiv class=\"tr-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tr-step-content\"\u003e\n          \u003cdiv class=\"tr-step-title\"\u003eDilution\u003c\/div\u003e\n          \u003cp\u003eDiluez dans un grand verre d'eau (200-250 ml) et mélangez bien\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-usage-step\"\u003e\n        \u003cdiv class=\"tr-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tr-step-content\"\u003e\n          \u003cdiv class=\"tr-step-title\"\u003eMoment idéal\u003c\/div\u003e\n          \u003cp\u003eÀ consommer le \u003cstrong\u003ematin à jeun\u003c\/strong\u003e ou le \u003cstrong\u003esoir avant le coucher\u003c\/strong\u003e pour optimiser les effets\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-usage-step\"\u003e\n        \u003cdiv class=\"tr-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"tr-step-content\"\u003e\n          \u003cdiv class=\"tr-step-title\"\u003eRégularité\u003c\/div\u003e\n          \u003cp\u003ePrenez votre triphala quotidiennement pour des résultats optimaux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tr-tip-box\"\u003e\n      \u003cspan class=\"tr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Agitez bien le flacon avant chaque utilisation. Une fois ouvert, conservez au réfrigérateur et consommez dans les 30 jours.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tr-section\"\u003e\n    \u003ch2\u003e🎯 Pour qui est cette boisson ?\u003c\/h2\u003e\n    \u003cdiv class=\"tr-grid\"\u003e\n      \u003cdiv class=\"tr-card tr-target\"\u003e\n        \u003cdiv class=\"tr-target-icon\"\u003e🧘\u003c\/div\u003e\n        \u003cdiv class=\"tr-target-title\"\u003eAmateurs d'Ayurveda\u003c\/div\u003e\n        \u003cp\u003eVous cherchez à intégrer les principes de la médecine traditionnelle indienne dans votre quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-target\"\u003e\n        \u003cdiv class=\"tr-target-icon\"\u003e🌱\u003c\/div\u003e\n        \u003cdiv class=\"tr-target-title\"\u003eAdeptes du bio\u003c\/div\u003e\n        \u003cp\u003eVous privilégiez des produits naturels, biologiques et sans additifs chimiques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-target\"\u003e\n        \u003cdiv class=\"tr-target-icon\"\u003e⚖️\u003c\/div\u003e\n        \u003cdiv class=\"tr-target-title\"\u003eRecherche d'équilibre\u003c\/div\u003e\n        \u003cp\u003eVous souhaitez soutenir votre transit intestinal de manière douce et naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-target\"\u003e\n        \u003cdiv class=\"tr-target-icon\"\u003e🔄\u003c\/div\u003e\n        \u003cdiv class=\"tr-target-title\"\u003eDétox régulière\u003c\/div\u003e\n        \u003cp\u003eVous désirez accompagner votre organisme dans son processus de purification naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tr-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"tr-warning-box\"\u003e\n      \u003cdiv class=\"tr-warning-content\"\u003e\n        \u003cdiv class=\"tr-warning-item\"\u003e\n          \u003cspan class=\"tr-warning-icon\"\u003e👶\u003c\/span\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tr-warning-item\"\u003e\n          \u003cspan class=\"tr-warning-icon\"\u003e💊\u003c\/span\u003e\n          \u003cp\u003eEn cas de traitement médical, consultez votre médecin avant utilisation\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tr-warning-item\"\u003e\n          \u003cspan class=\"tr-warning-icon\"\u003e📏\u003c\/span\u003e\n          \u003cp\u003eRespectez la dose journalière recommandée de 25 ml\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tr-warning-item\"\u003e\n          \u003cspan class=\"tr-warning-icon\"\u003e🥗\u003c\/span\u003e\n          \u003cp\u003eCe produit ne remplace pas une alimentation variée et équilibrée\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tr-warning-item\"\u003e\n          \u003cspan class=\"tr-warning-icon\"\u003e❄️\u003c\/span\u003e\n          \u003cp\u003eConservez au réfrigérateur après ouverture et consommez sous 30 jours\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tr-warning-item\"\u003e\n          \u003cspan class=\"tr-warning-icon\"\u003e🔒\u003c\/span\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tr-section\"\u003e\n    \u003ch2\u003e📦 Composition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"tr-composition-card\"\u003e\n      \u003cdiv class=\"tr-comp-header\"\u003e\n        \u003cspan class=\"tr-comp-badge\"\u003e🌿 Formule 100% naturelle\u003c\/span\u003e\n        \u003cspan class=\"tr-comp-badge\"\u003e✅ Agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-comp-list\"\u003e\n        \u003cdiv class=\"tr-comp-item\"\u003e\n          \u003cspan class=\"tr-comp-check\"\u003e✓\u003c\/span\u003e\n          \u003cdiv class=\"tr-comp-detail\"\u003e\n            \u003cstrong\u003eExtrait d'Amalaki bio\u003c\/strong\u003e\n            \u003cspan\u003e(Emblica officinalis)\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tr-comp-item\"\u003e\n          \u003cspan class=\"tr-comp-check\"\u003e✓\u003c\/span\u003e\n          \u003cdiv class=\"tr-comp-detail\"\u003e\n            \u003cstrong\u003eExtrait de Bibhitaki bio\u003c\/strong\u003e\n            \u003cspan\u003e(Terminalia bellirica)\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tr-comp-item\"\u003e\n          \u003cspan class=\"tr-comp-check\"\u003e✓\u003c\/span\u003e\n          \u003cdiv class=\"tr-comp-detail\"\u003e\n            \u003cstrong\u003eExtrait d'Haritaki bio\u003c\/strong\u003e\n            \u003cspan\u003e(Terminalia chebula)\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tr-comp-item\"\u003e\n          \u003cspan class=\"tr-comp-check\"\u003e✓\u003c\/span\u003e\n          \u003cdiv class=\"tr-comp-detail\"\u003e\n            \u003cstrong\u003eEau purifiée\u003c\/strong\u003e\n            \u003cspan\u003e(base liquide)\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-comp-footer\"\u003e\n        \u003cp\u003e❌ Sans additif chimique • Sans conservateur • Sans pesticide\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tr-section\"\u003e\n    \u003ch2\u003e🏭 Origine et qualité\u003c\/h2\u003e\n    \u003cdiv class=\"tr-grid tr-grid-2\"\u003e\n      \u003cdiv class=\"tr-card tr-quality\"\u003e\n        \u003cdiv class=\"tr-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv class=\"tr-quality-title\"\u003eFabriqué en France\u003c\/div\u003e\n        \u003cp\u003eProduction française respectant les normes les plus strictes de qualité et de sécurité. Un savoir-faire local au service de la tradition ayurvédique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-quality\"\u003e\n        \u003cdiv class=\"tr-quality-icon\"\u003e🌾\u003c\/div\u003e\n        \u003cdiv class=\"tr-quality-title\"\u003eAgriculture biologique\u003c\/div\u003e\n        \u003cp\u003eTous les fruits sont issus de cultures biologiques certifiées, cultivés sans pesticides ni produits chimiques pour une pureté maximale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-quality\"\u003e\n        \u003cdiv class=\"tr-quality-icon\"\u003e🌍\u003c\/div\u003e\n        \u003cdiv class=\"tr-quality-title\"\u003eDémarche éthique\u003c\/div\u003e\n        \u003cp\u003eAyurVana privilégie des procédés de fabrication durables et respectueux de l'environnement, dans une logique de développement responsable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-card tr-quality\"\u003e\n        \u003cdiv class=\"tr-quality-icon\"\u003e🔬\u003c\/div\u003e\n        \u003cdiv class=\"tr-quality-title\"\u003eContrôle qualité\u003c\/div\u003e\n        \u003cp\u003eChaque lot est rigoureusement testé et contrôlé pour garantir l'efficacité, la pureté et la sécurité du produit fini.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tr-section\"\u003e\n    \u003ch2\u003eℹ️ Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"tr-grid tr-grid-3\"\u003e\n      \u003cdiv class=\"tr-info-card\"\u003e\n        \u003cdiv class=\"tr-info-icon\"\u003e📏\u003c\/div\u003e\n        \u003cdiv class=\"tr-info-label\"\u003eContenance\u003c\/div\u003e\n        \u003cdiv class=\"tr-info-value\"\u003e500 ml\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-info-card\"\u003e\n        \u003cdiv class=\"tr-info-icon\"\u003e🥄\u003c\/div\u003e\n        \u003cdiv class=\"tr-info-label\"\u003eDose journalière\u003c\/div\u003e\n        \u003cdiv class=\"tr-info-value\"\u003e25 ml\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-info-card\"\u003e\n        \u003cdiv class=\"tr-info-icon\"\u003e📅\u003c\/div\u003e\n        \u003cdiv class=\"tr-info-label\"\u003eDurée d'utilisation\u003c\/div\u003e\n        \u003cdiv class=\"tr-info-value\"\u003e20 jours\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tr-info-card\"\u003e\n        \u003cdiv class=\"tr-info-icon\"\u003e♻️\u003c\/div\u003e\n        \u003cdiv class=\"tr-info-label\"\u003eCertification\u003c\/div\u003e\n        \u003cdiv class=\"tr-info-value\"\u003eBio AB \u0026amp; UE\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"tr-cta-box\"\u003e\n      \u003cdiv class=\"tr-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"tr-cta-content\"\u003e\n        \u003cdiv class=\"tr-cta-icon\"\u003e🌟\u003c\/div\u003e\n        \u003cp\u003eOffrez à votre corps la sagesse millénaire de l'Ayurveda. Le triphala bio d'Ayurvana vous accompagne naturellement vers un bien-être digestif harmonieux, jour après jour.\u003c\/p\u003e\n        \u003cdiv class=\"tr-cta-features\"\u003e\n          \u003cspan class=\"tr-cta-feature\"\u003e✓ 100% bio certifié\u003c\/span\u003e\n          \u003cspan class=\"tr-cta-feature\"\u003e✓ Made in France\u003c\/span\u003e\n          \u003cspan class=\"tr-cta-feature\"\u003e✓ 3 fruits sacrés\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  --tr-cream: #FAF8F3;\n  --tr-white: #ffffff;\n  --tr-primary: #A8B96E;\n  --tr-primary-dark: #7A8E4A;\n  --tr-primary-light: #E8F0D5;\n  --tr-secondary: #8B7355;\n  --tr-accent: #6B8E23;\n  --tr-text: #1a1a1a;\n  --tr-text-light: #5a5a5a;\n  --tr-border: #e0e0e0;\n  --tr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --tr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --tr-radius: 20px;\n  --tr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--tr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--tr-text);\n}\n\n\/* === HERO === *\/\n.tr-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--tr-primary) 0%, var(--tr-accent) 50%, var(--tr-primary-dark) 100%);\n  border-radius: var(--tr-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(--tr-shadow-lg);\n}\n\n.tr-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n                    repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.2) 35px, rgba(255,255,255,.2) 70px);\n}\n\n.tr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.tr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.tr-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(--tr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.tr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.tr-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.tr-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  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.tr-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.tr-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tr-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--tr-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.tr-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(--tr-primary), var(--tr-accent));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.tr-card {\n  background: var(--tr-white);\n  border-radius: var(--tr-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--tr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  height: 100%;\n}\n\n.tr-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--tr-shadow-lg);\n  border-color: var(--tr-primary);\n}\n\n\/* === GRILLES === *\/\n.tr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.tr-grid-2 {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.tr-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n}\n\n\/* === BÉNÉFICES === *\/\n.tr-benefit .tr-icon {\n  font-size: clamp(40px, 8vw, 56px);\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tr-benefit .tr-card-title {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--tr-primary-dark);\n  margin-bottom: .75rem;\n}\n\n.tr-benefit p {\n  color: var(--tr-text-light);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === INGRÉDIENTS === *\/\n.tr-ingredient {\n  text-align: center;\n  position: relative;\n}\n\n.tr-fruit-badge {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  background: var(--tr-primary);\n  color: white;\n  font-size: 12px;\n  font-weight: 700;\n  padding: 6px 12px;\n  border-radius: 999px;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n}\n\n.tr-fruit-icon {\n  font-size: 64px;\n  margin: 1rem 0;\n  display: block;\n  filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.tr-fruit-name {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--tr-accent);\n  font-style: italic;\n  margin-bottom: .75rem;\n}\n\n.tr-ingredient p {\n  color: var(--tr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.tr-synergy-box {\n  margin-top: 2rem;\n  background: linear-gradient(135deg, var(--tr-primary-light) 0%, rgba(255,255,255,.5) 100%);\n  border-left: 4px solid var(--tr-primary);\n  border-radius: var(--tr-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.tr-synergy-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.tr-synergy-box p {\n  margin: 0;\n  color: var(--tr-text);\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tr-usage-container {\n  display: grid;\n  gap: 1.5rem;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.tr-usage-step {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  background: var(--tr-white);\n  border-radius: var(--tr-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--tr-shadow);\n  transition: all .3s ease;\n}\n\n.tr-usage-step:hover {\n  transform: translateX(8px);\n  box-shadow: var(--tr-shadow-lg);\n}\n\n.tr-step-number {\n  flex-shrink: 0;\n  width: 50px;\n  height: 50px;\n  background: linear-gradient(135deg, var(--tr-primary), var(--tr-accent));\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 12px rgba(168, 185, 110, .3);\n}\n\n.tr-step-content {\n  flex: 1;\n}\n\n.tr-step-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--tr-primary-dark);\n  margin-bottom: .5rem;\n}\n\n.tr-step-content p {\n  color: var(--tr-text-light);\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.tr-tip-box {\n  margin-top: 2rem;\n  background: linear-gradient(135deg, #FFF9E6 0%, #FFFBF0 100%);\n  border: 2px solid #FFD700;\n  border-radius: var(--tr-radius-sm);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n}\n\n.tr-tip-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.tr-tip-box p {\n  margin: 0;\n  color: var(--tr-text);\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n\/* === CIBLES === *\/\n.tr-target {\n  text-align: center;\n}\n\n.tr-target-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tr-target-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--tr-primary-dark);\n  margin-bottom: .75rem;\n}\n\n.tr-target p {\n  color: var(--tr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.tr-warning-box {\n  background: linear-gradient(135deg, #FFF5F5 0%, #FFEBEB 100%);\n  border: 2px solid #FFA07A;\n  border-radius: var(--tr-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--tr-shadow);\n}\n\n.tr-warning-content {\n  display: grid;\n  gap: 1.25rem;\n}\n\n.tr-warning-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n}\n\n.tr-warning-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.tr-warning-item p {\n  margin: 0;\n  color: var(--tr-text);\n  font-size: 15px;\n  line-height: 1.7;\n  font-weight: 600;\n}\n\n\/* === COMPOSITION === *\/\n.tr-composition-card {\n  background: var(--tr-white);\n  border-radius: var(--tr-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--tr-shadow-lg);\n  border: 2px solid var(--tr-primary-light);\n}\n\n.tr-comp-header {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 2rem;\n  padding-bottom: 1.5rem;\n  border-bottom: 2px solid var(--tr-primary-light);\n}\n\n.tr-comp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: var(--tr-primary-light);\n  color: var(--tr-primary-dark);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.tr-comp-list {\n  display: grid;\n  gap: 1.25rem;\n  margin-bottom: 2rem;\n}\n\n.tr-comp-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1rem;\n  background: var(--tr-cream);\n  border-radius: var(--tr-radius-sm);\n  transition: all .3s ease;\n}\n\n.tr-comp-item:hover {\n  background: var(--tr-primary-light);\n  transform: translateX(8px);\n}\n\n.tr-comp-check {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  background: var(--tr-primary);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.tr-comp-detail {\n  display: flex;\n  flex-direction: column;\n  gap: .25rem;\n}\n\n.tr-comp-detail strong {\n  color: var(--tr-text);\n  font-size: 16px;\n  font-weight: 800;\n}\n\n.tr-comp-detail span {\n  color: var(--tr-text-light);\n  font-size: 14px;\n  font-style: italic;\n}\n\n.tr-comp-footer {\n  text-align: center;\n  padding-top: 1.5rem;\n  border-top: 2px solid var(--tr-primary-light);\n}\n\n.tr-comp-footer p {\n  margin: 0;\n  color: var(--tr-text);\n  font-size: 15px;\n  font-weight: 700;\n}\n\n\/* === QUALITÉ === *\/\n.tr-quality {\n  text-align: center;\n}\n\n.tr-quality-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tr-quality-title {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--tr-primary-dark);\n  margin-bottom: .75rem;\n}\n\n.tr-quality p {\n  color: var(--tr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tr-info-card {\n  background: var(--tr-white);\n  border-radius: var(--tr-radius-sm);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--tr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.tr-info-card:hover {\n  transform: translateY(-4px);\n  border-color: var(--tr-primary);\n  box-shadow: var(--tr-shadow-lg);\n}\n\n.tr-info-icon {\n  font-size: 40px;\n  margin-bottom: .75rem;\n  display: block;\n}\n\n.tr-info-label {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--tr-text-light);\n  text-transform: uppercase;\n  letter-spacing: .5px;\n  margin-bottom: .5rem;\n}\n\n.tr-info-value {\n  font-size: 20px;\n  font-weight: 900;\n  color: var(--tr-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.tr-cta-box {\n  background: linear-gradient(135deg, var(--tr-primary) 0%, var(--tr-accent) 50%, var(--tr-primary-dark) 100%);\n  border-radius: var(--tr-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--tr-shadow-lg);\n}\n\n.tr-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.3) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 80%, rgba(255,255,255,.3) 0%, transparent 50%);\n}\n\n.tr-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.tr-cta-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.tr-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0 0 1.5rem 0;\n}\n\n.tr-cta-features {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n}\n\n.tr-cta-feature {\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.15);\n  backdrop-filter: blur(10px);\n  border: 2px solid rgba(255,255,255,.3);\n  border-radius: 999px;\n  color: white;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .tr-grid,\n  .tr-grid-2,\n  .tr-grid-3 {\n    grid-template-columns: 1fr;\n  }\n  \n  .tr-usage-step {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n  \n  .tr-usage-step:hover {\n    transform: translateY(-4px);\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .tr-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n  .tr-card:nth-child(1) { animation-delay: .1s; }\n  .tr-card:nth-child(2) { animation-delay: .2s; }\n  .tr-card:nth-child(3) { animation-delay: .3s; }\n  .tr-card:nth-child(4) { animation-delay: .4s; }\n  .tr-card:nth-child(5) { animation-delay: .5s; }\n  .tr-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  .tr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .tr-premium {\n    --tr-text: #000000;\n    --tr-border: #000000;\n  }\n  \n  .tr-card {\n    border: 2px solid var(--tr-border);\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755111932061,"sku":"AY9026","price":17.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/triphala-boisson-minceur-bio-flacon-de-500-ml-ayur-vana-560320.jpg?v=1774339620"},{"product_id":"shatavari-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Shatavari Bio en poudre - 150g - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shatavari Bio en poudre - 150g - Ayur-Vana\nPalette détectée:\n  - Primaire: #E91E8C (rose fuchsia\/magenta du bandeau et accents)\n  - Secondaire: #8B6914 (brun kraft du packaging)\n  - Accent: #4A9B4E (vert nature\/bio des motifs)\n  - Tertiaire: #5E4B8B (violet\/bleu des motifs paisley)\nAmbiance: Ayurvédique, féminin, naturel\/bio, tradition indienne, douceur, bien-être holistique\nPréfixe CSS: shata\n--\u003e\n\n\u003cdiv class=\"shata-premium\"\u003e\n  \n  \u003cdiv class=\"shata-hero\"\u003e\n    \u003cdiv class=\"shata-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"shata-hero-content\"\u003e\n      \u003cdiv class=\"shata-badges-top\"\u003e\n        \u003cspan class=\"shata-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"shata-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"shata-badge\"\u003e🌸 Équilibre féminin\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"shata-hero-title\"\u003eShatavari Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"shata-subtitle\"\u003eLa plante ayurvédique au service de votre féminité\u003c\/p\u003e\n      \u003cp class=\"shata-description\"\u003eStimulant féminin naturel • Désir et santé • 150g de racine pure\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e✨ Ce que le shatavari peut faire pour vous\u003c\/h2\u003e\n    \u003cdiv class=\"shata-intro-box\"\u003e\n      \u003cp\u003eÀ certaines périodes de votre vie, votre corps réclame un coup de pouce plus doux, plus à l'écoute. C'est là que le \u003cstrong\u003eShatavari Bio Ayur-Vana\u003c\/strong\u003e entre en scène. Recommandé depuis des siècles dans la tradition ayurvédique, il est particulièrement apprécié pour soutenir l'équilibre hormonal, adoucir les moments sensibles, et nourrir en profondeur votre énergie vitale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e💜 Les bienfaits que vous allez adorer\u003c\/h2\u003e\n    \u003cdiv class=\"shata-grid\"\u003e\n      \u003cdiv class=\"shata-card\"\u003e\n        \u003cdiv class=\"shata-card-icon\"\u003e🌙\u003c\/div\u003e\n        \u003ch3\u003eUn allié pour vos hormones\u003c\/h3\u003e\n        \u003cp\u003eSi vos cycles sont irréguliers ou que la ménopause chamboule tout, le shatavari peut vous aider à retrouver un peu de sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-card\"\u003e\n        \u003cdiv class=\"shata-card-icon\"\u003e🌺\u003c\/div\u003e\n        \u003ch3\u003eFertilité et vitalité féminine\u003c\/h3\u003e\n        \u003cp\u003eIl est souvent utilisé en soutien naturel lorsqu'un bébé se fait attendre… ou simplement pour renforcer votre énergie cyclique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-card\"\u003e\n        \u003cdiv class=\"shata-card-icon\"\u003e💪\u003c\/div\u003e\n        \u003ch3\u003eUn petit plus pour les hommes aussi\u003c\/h3\u003e\n        \u003cp\u003eMême s'il est plus connu pour ses effets chez la femme, le shatavari soutient aussi la vitalité masculine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-card\"\u003e\n        \u003cdiv class=\"shata-card-icon\"\u003e☕\u003c\/div\u003e\n        \u003ch3\u003eFacile à intégrer\u003c\/h3\u003e\n        \u003cp\u003eUn smoothie le matin, une tisane le soir… Pas besoin de changer toutes vos habitudes pour en profiter.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e📝 Comment l'utiliser au quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"shata-usage-box\"\u003e\n      \u003cdiv class=\"shata-usage-steps\"\u003e\n        \u003cdiv class=\"shata-step\"\u003e\n          \u003cdiv class=\"shata-step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"shata-step-content\"\u003e\n            \u003ch4\u003eDosez\u003c\/h4\u003e\n            \u003cp\u003ePrenez \u003cstrong\u003e1 cuillère à café\u003c\/strong\u003e de poudre (environ 3g)\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shata-step\"\u003e\n          \u003cdiv class=\"shata-step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"shata-step-content\"\u003e\n            \u003ch4\u003eMélangez\u003c\/h4\u003e\n            \u003cp\u003eDans un jus, une boisson végétale ou une infusion\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shata-step\"\u003e\n          \u003cdiv class=\"shata-step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"shata-step-content\"\u003e\n            \u003ch4\u003eRépétez\u003c\/h4\u003e\n            \u003cp\u003e\u003cstrong\u003e1 à 2 fois par jour\u003c\/strong\u003e selon votre ressenti\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-tip\"\u003e\n        \u003cspan class=\"shata-tip-icon\"\u003e💡\u003c\/span\u003e\n        \u003cp\u003eCertaines préfèrent en cure d'un mois, d'autres sur le long terme — écoutez votre corps, c'est lui le meilleur guide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e🌱 Une composition ultra simple\u003c\/h2\u003e\n    \u003cdiv class=\"shata-compo-card\"\u003e\n      \u003cdiv class=\"shata-compo-visual\"\u003e\n        \u003cdiv class=\"shata-plant-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cspan class=\"shata-compo-title\"\u003eRacine de shatavari\u003c\/span\u003e\n        \u003cspan class=\"shata-compo-badge\"\u003e100% Bio\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-compo-text\"\u003e\n        \u003cp\u003ePas de liste d'ingrédients à rallonge ici. Juste \u003cstrong\u003ede la racine de shatavari pure, 100% bio\u003c\/strong\u003e, rien d'autre.\u003c\/p\u003e\n        \u003cdiv class=\"shata-compo-checks\"\u003e\n          \u003cspan\u003e✓ Pas d'additifs\u003c\/span\u003e\n          \u003cspan\u003e✓ Pas de conservateurs\u003c\/span\u003e\n          \u003cspan\u003e✓ Transparence totale\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e🏔️ D'où vient cette poudre ?\u003c\/h2\u003e\n    \u003cdiv class=\"shata-origin-grid\"\u003e\n      \u003cdiv class=\"shata-origin-item\"\u003e\n        \u003cspan class=\"shata-origin-icon\"\u003e🌾\u003c\/span\u003e\n        \u003ch4\u003eCulture biologique\u003c\/h4\u003e\n        \u003cp\u003eCultivée en respectant les règles strictes de l'agriculture biologique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-origin-item\"\u003e\n        \u003cspan class=\"shata-origin-icon\"\u003e☀️\u003c\/span\u003e\n        \u003ch4\u003eSéchage doux\u003c\/h4\u003e\n        \u003cp\u003eSéchée doucement pour garder intacts ses précieux actifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-origin-item\"\u003e\n        \u003cspan class=\"shata-origin-icon\"\u003e🕉️\u003c\/span\u003e\n        \u003ch4\u003eTradition ayurvédique\u003c\/h4\u003e\n        \u003cp\u003eSelon la méthode traditionnelle, comme depuis des générations\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-origin-item\"\u003e\n        \u003cspan class=\"shata-origin-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003ch4\u003eSavoir-faire Ayur-Vana\u003c\/h4\u003e\n        \u003cp\u003eConditionné en France avec le plus grand soin\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e👩 Pourquoi tant de femmes l'adoptent\u003c\/h2\u003e\n    \u003cdiv class=\"shata-why-box\"\u003e\n      \u003cp\u003eParce qu'il fait du bien. Sans vous bousculer. Le shatavari est une plante douce, qui agit en profondeur sur le long terme. Il ne fait pas de promesses miracles, mais offre un \u003cstrong\u003esoutien réel et naturel\u003c\/strong\u003e pour celles qui veulent traverser les étapes de leur vie féminine avec plus de confort et de stabilité.\u003c\/p\u003e\n      \u003cdiv class=\"shata-profiles\"\u003e\n        \u003cdiv class=\"shata-profile\"\u003e\n          \u003cspan class=\"shata-profile-icon\"\u003e🌸\u003c\/span\u003e\n          \u003cspan\u003eCycles irréguliers\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shata-profile\"\u003e\n          \u003cspan class=\"shata-profile-icon\"\u003e🦋\u003c\/span\u003e\n          \u003cspan\u003eMénopause\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shata-profile\"\u003e\n          \u003cspan class=\"shata-profile-icon\"\u003e👶\u003c\/span\u003e\n          \u003cspan\u003eProjet bébé\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shata-profile\"\u003e\n          \u003cspan class=\"shata-profile-icon\"\u003e💫\u003c\/span\u003e\n          \u003cspan\u003eMieux-être général\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e❓ Vos questions, nos réponses honnêtes\u003c\/h2\u003e\n    \u003cdiv class=\"shata-faq\"\u003e\n      \u003cdetails class=\"shata-faq-item\"\u003e\n        \u003csummary\u003eEst-ce que c'est un produit « miracle » ?\u003c\/summary\u003e\n        \u003cp\u003eNon, et c'est tant mieux. Il s'agit d'un soutien naturel, doux mais profond. Les résultats sont progressifs et souvent liés à une utilisation régulière.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shata-faq-item\"\u003e\n        \u003csummary\u003eComment savoir si le shatavari est fait pour moi ?\u003c\/summary\u003e\n        \u003cp\u003eVous ressentez des déséquilibres hormonaux, vous êtes en période de transition (périménopause, post-partum…), ou simplement à la recherche d'un mieux-être ? Cela peut valoir le coup d'essayer.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shata-faq-item\"\u003e\n        \u003csummary\u003eY a-t-il des contre-indications ?\u003c\/summary\u003e\n        \u003cp\u003eOui, comme tout complément. Mieux vaut éviter si vous êtes enceinte (sauf avis médical), en cours de traitement hormonal, ou allergique à l'asperge. Un petit tour chez votre médecin, au moindre doute.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"shata-faq-item\"\u003e\n        \u003csummary\u003ePuis-je faire une cure longue durée ?\u003c\/summary\u003e\n        \u003cp\u003eAbsolument, sur 1 à 3 mois en général. Mais toujours avec écoute de soi. Faites des pauses, observez les effets… votre corps saura vous parler.\u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"shata-info-grid\"\u003e\n      \u003cdiv class=\"shata-info-item\"\u003e\n        \u003cspan class=\"shata-info-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"shata-info-value\"\u003e150g\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-info-item\"\u003e\n        \u003cspan class=\"shata-info-label\"\u003eFormat\u003c\/span\u003e\n        \u003cspan class=\"shata-info-value\"\u003ePoudre pure\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"shata-info-item\"\u003e\n        \u003cspan class=\"shata-info-label\"\u003eCertification\u003c\/span\u003e\n        \u003cspan class=\"shata-info-value\"\u003eAgriculture Bio\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"shata-info-item\"\u003e\n        \u003cspan class=\"shata-info-label\"\u003eDurée cure\u003c\/span\u003e\n        \u003cspan class=\"shata-info-value\"\u003e~50 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"shata-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"shata-cta-box\"\u003e\n      \u003cdiv class=\"shata-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"shata-cta-content\"\u003e\n        \u003cspan class=\"shata-cta-emoji\"\u003e🌸\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre corps le soutien doux et naturel qu'il mérite.\u003cbr\u003e\u003cstrong\u003e150g de pureté ayurvédique\u003c\/strong\u003e pour accompagner votre féminité au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --shata-cream: #FDF8F3;\n  --shata-white: #ffffff;\n  --shata-primary: #E91E8C;\n  --shata-primary-dark: #C4177A;\n  --shata-primary-light: #FCE4F0;\n  --shata-secondary: #8B6914;\n  --shata-accent: #4A9B4E;\n  --shata-violet: #7B5EA7;\n  --shata-text: #2D2A32;\n  --shata-text-light: #6B6574;\n  --shata-border: #E8DFD5;\n  --shata-shadow: 0 4px 24px rgba(233,30,140,.08);\n  --shata-shadow-lg: 0 12px 48px rgba(233,30,140,.15);\n  --shata-radius: 20px;\n  --shata-radius-sm: 12px;\n}\n\n.shata-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--shata-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--shata-text);\n  line-height: 1.6;\n}\n\n.shata-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.shata-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--shata-primary) 0%, var(--shata-violet) 50%, var(--shata-primary-dark) 100%);\n  border-radius: var(--shata-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--shata-shadow-lg);\n}\n\n.shata-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 14 8 0 14 6 16 14 2-8 8-14 16-14-8 0-14-6-16-14z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n  opacity: .6;\n}\n\n.shata-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.shata-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.shata-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--shata-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.shata-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.shata-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.shata-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.shata-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2vw, 16px);\n  margin: 0;\n  font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.shata-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.shata-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--shata-primary-dark);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.shata-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--shata-primary), var(--shata-violet));\n  border-radius: 2px;\n}\n\n\/* === INTRO BOX === *\/\n.shata-intro-box {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--shata-shadow);\n  border-left: 4px solid var(--shata-primary);\n}\n\n.shata-intro-box p {\n  font-size: clamp(16px, 2.5vw, 18px);\n  line-height: 1.8;\n  color: var(--shata-text);\n  margin: 0;\n}\n\n.shata-intro-box strong {\n  color: var(--shata-primary-dark);\n}\n\n\/* === CARDS GRID === *\/\n.shata-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.shata-card {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--shata-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.shata-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--shata-shadow-lg);\n  border-color: var(--shata-primary);\n}\n\n.shata-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.shata-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--shata-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.shata-card p {\n  font-size: 15px;\n  color: var(--shata-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === USAGE BOX === *\/\n.shata-usage-box {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--shata-shadow);\n}\n\n.shata-usage-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.shata-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n}\n\n.shata-step-number {\n  width: 48px;\n  height: 48px;\n  min-width: 48px;\n  background: linear-gradient(135deg, var(--shata-primary), var(--shata-violet));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 20px;\n  font-weight: 900;\n  box-shadow: 0 4px 16px rgba(233,30,140,.3);\n}\n\n.shata-step-content h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--shata-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.shata-step-content p {\n  font-size: 14px;\n  color: var(--shata-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.shata-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--shata-primary-light);\n  border-radius: var(--shata-radius-sm);\n  padding: 1rem 1.25rem;\n}\n\n.shata-tip-icon {\n  font-size: 24px;\n}\n\n.shata-tip p {\n  font-size: 14px;\n  color: var(--shata-primary-dark);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.shata-compo-card {\n  background: linear-gradient(135deg, var(--shata-accent) 0%, #3D8240 100%);\n  border-radius: var(--shata-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 2rem;\n  align-items: center;\n  color: white;\n  box-shadow: 0 8px 32px rgba(74,155,78,.3);\n}\n\n.shata-compo-visual {\n  text-align: center;\n}\n\n.shata-plant-icon {\n  font-size: 64px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.shata-compo-title {\n  display: block;\n  font-size: 18px;\n  font-weight: 700;\n  margin-bottom: .5rem;\n}\n\n.shata-compo-badge {\n  display: inline-block;\n  background: rgba(255,255,255,.2);\n  padding: 6px 14px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.shata-compo-text p {\n  font-size: 16px;\n  line-height: 1.7;\n  margin: 0 0 1rem 0;\n}\n\n.shata-compo-checks {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .75rem;\n}\n\n.shata-compo-checks span {\n  background: rgba(255,255,255,.2);\n  padding: 6px 12px;\n  border-radius: var(--shata-radius-sm);\n  font-size: 13px;\n  font-weight: 600;\n}\n\n\/* === ORIGIN === *\/\n.shata-origin-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n}\n\n.shata-origin-item {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius);\n  padding: 1.5rem;\n  text-align: center;\n  box-shadow: var(--shata-shadow);\n  transition: all .3s ease;\n}\n\n.shata-origin-item:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--shata-shadow-lg);\n}\n\n.shata-origin-icon {\n  font-size: 40px;\n  display: block;\n  margin-bottom: .75rem;\n}\n\n.shata-origin-item h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--shata-secondary);\n  margin: 0 0 .5rem 0;\n}\n\n.shata-origin-item p {\n  font-size: 14px;\n  color: var(--shata-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === WHY BOX === *\/\n.shata-why-box {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--shata-shadow);\n  text-align: center;\n}\n\n.shata-why-box \u003e p {\n  font-size: clamp(16px, 2.5vw, 18px);\n  line-height: 1.8;\n  color: var(--shata-text);\n  margin: 0 0 2rem 0;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.shata-why-box strong {\n  color: var(--shata-primary-dark);\n}\n\n.shata-profiles {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n}\n\n.shata-profile {\n  display: flex;\n  align-items: center;\n  gap: .5rem;\n  background: var(--shata-primary-light);\n  padding: 10px 18px;\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--shata-primary-dark);\n  transition: all .3s ease;\n}\n\n.shata-profile:hover {\n  transform: scale(1.05);\n  background: var(--shata-primary);\n  color: white;\n}\n\n.shata-profile-icon {\n  font-size: 18px;\n}\n\n\/* === FAQ === *\/\n.shata-faq {\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.shata-faq-item {\n  background: var(--shata-white);\n  border: 2px solid var(--shata-border);\n  border-radius: var(--shata-radius-sm);\n  margin-bottom: 12px;\n  overflow: hidden;\n  transition: all .3s ease;\n}\n\n.shata-faq-item[open] {\n  border-color: var(--shata-primary);\n  box-shadow: var(--shata-shadow);\n}\n\n.shata-faq-item summary {\n  padding: 1.25rem 3rem 1.25rem 1.5rem;\n  font-weight: 700;\n  font-size: 16px;\n  color: var(--shata-text);\n  cursor: pointer;\n  position: relative;\n  list-style: none;\n  transition: all .3s ease;\n}\n\n.shata-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.shata-faq-item summary::after {\n  content: '+';\n  position: absolute;\n  right: 1.25rem;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 24px;\n  font-weight: 300;\n  color: var(--shata-primary);\n  transition: transform .3s ease;\n}\n\n.shata-faq-item[open] summary::after {\n  transform: translateY(-50%) rotate(45deg);\n}\n\n.shata-faq-item summary:hover {\n  color: var(--shata-primary-dark);\n}\n\n.shata-faq-item p {\n  padding: 0 1.5rem 1.25rem 1.5rem;\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.7;\n  color: var(--shata-text-light);\n}\n\n\/* === INFO GRID === *\/\n.shata-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 1rem;\n}\n\n.shata-info-item {\n  background: var(--shata-white);\n  border-radius: var(--shata-radius-sm);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--shata-shadow);\n  border-top: 3px solid var(--shata-primary);\n}\n\n.shata-info-label {\n  display: block;\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  color: var(--shata-text-light);\n  margin-bottom: .5rem;\n  font-weight: 600;\n}\n\n.shata-info-value {\n  display: block;\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--shata-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.shata-cta-box {\n  background: linear-gradient(135deg, var(--shata-primary) 0%, var(--shata-violet) 100%);\n  border-radius: var(--shata-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.shata-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='3' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n}\n\n.shata-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.shata-cta-emoji {\n  font-size: 48px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.shata-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  margin: 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.shata-cta-box strong {\n  color: rgba(255,255,255,1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .shata-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .shata-compo-card {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n  \n  .shata-usage-steps {\n    grid-template-columns: 1fr;\n  }\n  \n  .shata-step {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .shata-card,\n  .shata-origin-item,\n  .shata-info-item {\n    animation: shataFadeInUp .6s ease backwards;\n  }\n  \n  .shata-card:nth-child(1),\n  .shata-origin-item:nth-child(1),\n  .shata-info-item:nth-child(1) { animation-delay: .1s; }\n  .shata-card:nth-child(2),\n  .shata-origin-item:nth-child(2),\n  .shata-info-item:nth-child(2) { animation-delay: .2s; }\n  .shata-card:nth-child(3),\n  .shata-origin-item:nth-child(3),\n  .shata-info-item:nth-child(3) { animation-delay: .3s; }\n  .shata-card:nth-child(4),\n  .shata-origin-item:nth-child(4),\n  .shata-info-item:nth-child(4) { animation-delay: .4s; }\n  .shata-info-item:nth-child(5) { animation-delay: .5s; }\n  .shata-info-item:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes shataFadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .shata-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .shata-card,\n  .shata-faq-item {\n    border: 2px solid var(--shata-text);\n  }\n  \n  .shata-hero-title,\n  .shata-subtitle {\n    text-shadow: none;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755112358045,"sku":"AY9928","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shatavari-bio-en-poudre-150g-ayur-vana-packshothd.webp?v=1788447196"},{"product_id":"programme-poids-ideal-avec-layurveda-6-triphala-bio-60-gelules-1-trikatu-3-trimada-et-3-guggul-ayurvana","title":"Programme Ayurvédique Poids Idéal : Triphala Bio, Trikatu, Trimada et Guggul | AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Programme Ayurvédique Poids Idéal (4 produits AyurVana)\nPalette détectée:\n  - Primaire: #6B9B7B (vert sauge naturel du Triphala, dominante)\n  - Secondaire: #4A8B8F (vert-turquoise du Guggul)\n  - Accent: #C85757 (rouge terracotta du Trimada)\n  - Support: #6FA8C4 (bleu ciel du Trikatu)\n  - Base: #F5F3EE (beige clair naturel\/bio)\nAmbiance: Naturelle, bio, ayurvédique, holistique, authentique\nStyle: Santé naturelle, wellness premium, médecine douce\nType: Programme de compléments alimentaires ayurvédiques\nPréfixe CSS: ayur\n--\u003e\n\u003cdiv class=\"ayur-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"ayur-hero\"\u003e\n\u003cdiv class=\"ayur-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ayur-hero-content\"\u003e\n\u003cdiv class=\"ayur-badges-top\"\u003e\n\u003cspan class=\"ayur-badge\"\u003e🌿 100% naturel\u003c\/span\u003e \u003cspan class=\"ayur-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ayur-badge\"\u003e🌱 Bio certifié\u003c\/span\u003e \u003cspan class=\"ayur-badge\"\u003e⏱️ Programme 90 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ayur-hero-title\"\u003eProgramme ayurvédique poids idéal\u003c\/span\u003e\n\u003cp class=\"ayur-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLa solution holistique pour retrouver votre équilibre naturel\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"ayur-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUn protocole complet de 4 formules synergiques qui accompagnent les 3 phases clés du métabolisme : digestion, régulation et élimination. Une approche millénaire pour des résultats durables.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- COMPOSITION DU PROGRAMME --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e🎯 Votre programme complet en 4 formules\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-4\"\u003e\n\u003cdiv class=\"ayur-card ayur-card-triphala\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex6\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e🌿\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTriphala Bio\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eDigestion \u0026amp; élimination\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003e3 fruits ayurvédiques sacrés\u003c\/li\u003e\n\u003cli\u003eÉlimination douce et efficace\u003c\/li\u003e\n\u003cli\u003eCertifié bio\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e2 gélules\/jour pendant 90 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-card ayur-card-guggul\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex3\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e💚\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eGuggul\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eRégulation lipidique\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003eMaintient les taux de lipides sains\u003c\/li\u003e\n\u003cli\u003eFavorise le bon cholestérol\u003c\/li\u003e\n\u003cli\u003eRésine précieuse purifiée\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e1 gélule\/jour pendant 60 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-card ayur-card-trikatu\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex1\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e🔥\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTrikatu\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eDigestion optimale\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003e3 épices chauffantes\u003c\/li\u003e\n\u003cli\u003eStimule le feu digestif\u003c\/li\u003e\n\u003cli\u003eActive le métabolisme\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e2 gélules\/jour pendant 15 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-card ayur-card-trimada\"\u003e\n\u003cdiv class=\"ayur-card-header\"\u003e\n\u003cspan class=\"ayur-quantity\"\u003ex3\u003c\/span\u003e\n\u003cdiv class=\"ayur-icon\"\u003e🍃\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTrimada\u003c\/h3\u003e\n\u003cp class=\"ayur-card-subtitle\"\u003eÉlimination des lipides\u003c\/p\u003e\n\u003cul class=\"ayur-list\" style=\"list-style:none;\"\u003e\n\u003cli\u003eRégule le métabolisme lipidique\u003c\/li\u003e\n\u003cli\u003eCible les zones de stockage\u003c\/li\u003e\n\u003cli\u003eAction ciblée\u003c\/li\u003e\n\u003cli\u003e60 gélules végétales\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"ayur-dosage\"\u003e1 gélule\/jour pendant 60 jours\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LES 3 PHASES --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e⚡ Les 3 phases du métabolisme optimisé\u003c\/h2\u003e\n\u003cdiv class=\"ayur-phases\"\u003e\n\u003cdiv class=\"ayur-phase ayur-phase-1\"\u003e\n\u003cdiv class=\"ayur-phase-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase-content\"\u003e\n\u003ch3\u003e🔥 Phase 1 : digestion stimulée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAction du Trikatu\u003c\/strong\u003e – Ce complexe de trois épices chauffantes réveille votre feu digestif (Agni en sanskrit). Une mauvaise digestion se manifeste par une langue chargée, un manque d'énergie après les repas, voire un assoupissement. Le Trikatu transforme cette torpeur en énergie.\u003c\/p\u003e\n\u003cdiv class=\"ayur-highlight\"\u003e⏱️ Jours 1 à 15 : phase d'activation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase ayur-phase-2\"\u003e\n\u003cdiv class=\"ayur-phase-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase-content\"\u003e\n\u003ch3\u003e⚖️ Phase 2 : métabolisme régulé\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAction du Trimada\u003c\/strong\u003e – Cette formule intervient sur le métabolisme des lipides. Les graisses non métabolisées ont tendance à s'accumuler sur les fesses et les cuisses chez les femmes, et sur le ventre chez les hommes. Le Trimada empêche ces dépôts de s'installer durablement.\u003c\/p\u003e\n\u003cdiv class=\"ayur-highlight\"\u003e⏱️ Jours 1 à 60 : régulation active\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase ayur-phase-3\"\u003e\n\u003cdiv class=\"ayur-phase-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ayur-phase-content\"\u003e\n\u003ch3\u003e🌊 Phase 3 : élimination harmonieuse\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAction du Triphala Bio\u003c\/strong\u003e – Composé de trois fruits ayurvédiques (Amalaki, Bibhitaki, Haritaki), il assure une élimination douce, régulière et efficace. Contrairement aux laxatifs agressifs, le Triphala respecte votre organisme tout en nettoyant en profondeur.\u003c\/p\u003e\n\u003cdiv class=\"ayur-highlight\"\u003e⏱️ Jours 1 à 90 : élimination continue\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-box\"\u003e\n\u003cstrong\u003e💚 Le Guggul\u003c\/strong\u003e : formule complémentaire qui maintient des niveaux sains de lipides sanguins et favorise le bon cholestérol tout au long du programme.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de ce programme holistique\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-3\"\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eApproche globale\u003c\/h3\u003e\n\u003cp\u003eNe se contente pas de masquer les symptômes : agit sur les trois phases du métabolisme pour des résultats durables et harmonieux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003e100% naturel\u003c\/h3\u003e\n\u003cp\u003eFormules issues de la pharmacopée ayurvédique millénaire, sans additifs chimiques, certifiées bio et fabriquées en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e⚖️\u003c\/div\u003e\n\u003ch3\u003eÉquilibre restauré\u003c\/h3\u003e\n\u003cp\u003eRetrouvez légèreté et vitalité en régulant naturellement votre poids sans frustration ni effet yo-yo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eÉnergie retrouvée\u003c\/h3\u003e\n\u003cp\u003eFini la lourdeur après les repas : une digestion optimale libère votre énergie pour vos activités quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e🧘\u003c\/div\u003e\n\u003ch3\u003eBien-être global\u003c\/h3\u003e\n\u003cp\u003eAu-delà du poids, c'est tout votre système digestif et métabolique qui retrouve son équilibre naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-benefit-card\"\u003e\n\u003cdiv class=\"ayur-benefit-icon\"\u003e📅\u003c\/div\u003e\n\u003ch3\u003eProgramme structuré\u003c\/h3\u003e\n\u003cp\u003eUn protocole clair de 90 jours avec un dosage précis pour chaque formule, pour des résultats optimaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e📋 Comment suivre votre programme\u003c\/h2\u003e\n\u003cdiv class=\"ayur-timeline\"\u003e\n\u003cdiv class=\"ayur-timeline-item\"\u003e\n\u003cdiv class=\"ayur-timeline-marker\"\u003eJours\u003cbr\u003e1-15\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-content\"\u003e\n\u003ch3\u003e🔥 Phase d'activation\u003c\/h3\u003e\n\u003cdiv class=\"ayur-posology\"\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTriphala Bio\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTrikatu\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTrimada\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eGuggul\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-item\"\u003e\n\u003cdiv class=\"ayur-timeline-marker\"\u003eJour\u003cbr\u003e16-60\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-content\"\u003e\n\u003ch3\u003e⚖️ Phase de régulation\u003c\/h3\u003e\n\u003cdiv class=\"ayur-posology\"\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTriphala Bio\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTrimada\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eGuggul\u003c\/strong\u003e : 1 gélule\/jour (matin, midi ou soir)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-item\"\u003e\n\u003cdiv class=\"ayur-timeline-marker\"\u003eJour\u003cbr\u003e61-90\u003c\/div\u003e\n\u003cdiv class=\"ayur-timeline-content\"\u003e\n\u003ch3\u003e🌊 Phase de stabilisation\u003c\/h3\u003e\n\u003cdiv class=\"ayur-posology\"\u003e\n\u003cdiv class=\"ayur-posology-item\"\u003e\n\u003cstrong\u003eTriphala Bio\u003c\/strong\u003e : 2 gélules\/jour (midi et soir)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ayur-note\"\u003e💡 Continuez le Triphala seul pour maintenir une élimination douce et régulière\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEILS --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e💡 Conseils pour optimiser vos résultats\u003c\/h2\u003e\n\u003cdiv class=\"ayur-tips-grid\"\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e🍽️\u003c\/div\u003e\n\u003ch3\u003eAlimentation consciente\u003c\/h3\u003e\n\u003cp\u003eMangez en pleine conscience, sans masquer un mal-être. L'important n'est pas seulement ce que vous mangez, mais pourquoi et comment vous le mangez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHydratation optimale\u003c\/h3\u003e\n\u003cp\u003eBuvez 1,5 à 2 litres d'eau par jour, de préférence chaude ou tiède, pour faciliter l'élimination et soutenir votre métabolisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e🚶\u003c\/div\u003e\n\u003ch3\u003eActivité régulière\u003c\/h3\u003e\n\u003cp\u003eUne marche quotidienne de 30 minutes active la digestion et le métabolisme. Pas besoin de sport intense, la régularité prime.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e😴\u003c\/div\u003e\n\u003ch3\u003eSommeil réparateur\u003c\/h3\u003e\n\u003cp\u003eUn sommeil de qualité est essentiel à la régulation métabolique. Couchez-vous avant 23h pour respecter votre rythme circadien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e🧘\u003c\/div\u003e\n\u003ch3\u003eGestion du stress\u003c\/h3\u003e\n\u003cp\u003eLe stress favorise le stockage des graisses. Pratiquez la respiration profonde, la méditation ou le yoga pour apaiser votre mental.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-tip-card\"\u003e\n\u003cdiv class=\"ayur-tip-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eRégularité des prises\u003c\/h3\u003e\n\u003cp\u003ePrenez vos gélules aux mêmes heures chaque jour pour créer une routine et maximiser l'efficacité du programme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e👤 Ce programme est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-3\"\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e🎯\u003c\/div\u003e\n\u003cp\u003eVous souhaitez retrouver votre poids de forme de manière naturelle et durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e😓\u003c\/div\u003e\n\u003cp\u003eVous vous sentez lourd après les repas avec une digestion laborieuse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e📊\u003c\/div\u003e\n\u003cp\u003eVos analyses montrent des taux de lipides ou de cholestérol à surveiller\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e🔄\u003c\/div\u003e\n\u003cp\u003eVous avez essayé des régimes yo-yo sans succès durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003cp\u003eVous recherchez une approche holistique respectueuse de votre corps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-profile-card\"\u003e\n\u003cdiv class=\"ayur-profile-icon\"\u003e💪\u003c\/div\u003e\n\u003cp\u003eVous voulez retrouver légèreté, énergie et vitalité au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003cdiv class=\"ayur-warning-box\"\u003e\n\u003cdiv class=\"ayur-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eCe programme ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n\u003cli\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical\u003c\/li\u003e\n\u003cli\u003eEn cas de traitement médical, consultez votre médecin avant de commencer\u003c\/li\u003e\n\u003cli\u003eRespectez les dosages recommandés pour une utilisation optimale\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n\u003cli\u003eCe produit n'est pas un médicament mais un complément alimentaire\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"ayur-grid ayur-grid-3\"\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e📏\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e13 boîtes au total :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e6x Triphala Bio (60 gél.)\u003c\/li\u003e\n\u003cli\u003e3x Guggul (60 gél.)\u003c\/li\u003e\n\u003cli\u003e3x Trimada (60 gél.)\u003c\/li\u003e\n\u003cli\u003e1x Trikatu (60 gél.)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003eDurée\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eProgramme complet de 90 jours\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e3 mois pour restaurer l'équilibre métabolique en profondeur et obtenir des résultats durables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eFabrication\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eProduits AyurVana, certification bio, gélules 100% végétales, contrôles qualité rigoureux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% végétal\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003ePlantes ayurvédiques authentiques, sans OGM, sans gluten, gélules végétales (pullulane)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e📦\u003c\/div\u003e\n\u003ch3\u003eConservation\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eÀ l'abri de la lumière\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eConservez dans un endroit sec et frais, à l'abri de la lumière directe et de l'humidité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ayur-info-card\"\u003e\n\u003cdiv class=\"ayur-info-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003eCertifications\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLabel Bio officiel\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eLe Triphala est certifié Agriculture Biologique par Ecocert selon le référentiel européen\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LA PHILOSOPHIE AYURVÉDIQUE --\u003e\n\u003csection class=\"ayur-section\"\u003e\n\u003cdiv class=\"ayur-philosophy-box\"\u003e\n\u003ch2\u003e🕉️ La sagesse ayurvédique au service de votre équilibre\u003c\/h2\u003e\n\u003cdiv class=\"ayur-philosophy-content\"\u003e\n\u003cp\u003eL'Ayurvéda, médecine traditionnelle indienne vieille de plus de 5000 ans, considère que le poids idéal n'est pas une question de calories, mais d'\u003cstrong\u003eéquilibre énergétique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eSelon cette science millénaire, la prise de poids résulte d'un déséquilibre entre les trois doshas (Vata, Pitta, Kapha) et d'un affaiblissement du feu digestif (Agni). Lorsque Agni est faible, les aliments ne sont pas correctement métabolisés et créent de l'Ama (toxines), qui s'accumulent dans les tissus.\u003c\/p\u003e\n\u003cp\u003eCe programme ne propose \u003cstrong\u003epas de solution miracle\u003c\/strong\u003e, mais une approche respectueuse de votre physiologie. Il accompagne les trois grandes phases du métabolisme selon l'Ayurvéda :\u003c\/p\u003e\n\u003cdiv class=\"ayur-philosophy-steps\"\u003e\n\u003cdiv class=\"ayur-philosophy-step\"\u003e\n\u003cstrong\u003e1. Réveiller le feu digestif\u003c\/strong\u003e (avec le Trikatu) pour transformer efficacement les aliments en énergie\u003c\/div\u003e\n\u003cdiv class=\"ayur-philosophy-step\"\u003e\n\u003cstrong\u003e2. Réguler le métabolisme\u003c\/strong\u003e (avec le Trimada et le Guggul) pour empêcher l'accumulation de graisses\u003c\/div\u003e\n\u003cdiv class=\"ayur-philosophy-step\"\u003e\n\u003cstrong\u003e3. Éliminer les toxines\u003c\/strong\u003e (avec le Triphala) pour purifier l'organisme en douceur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ayur-philosophy-quote\"\u003e💫 \u003cem\u003e\"Lorsque la digestion est pure, le corps est pur. Lorsque le corps est pur, l'esprit est clair.\"\u003c\/em\u003e – Sagesse ayurvédique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ayur-section\"\u003e\n\u003cdiv class=\"ayur-cta-box\"\u003e\n\u003cdiv class=\"ayur-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ayur-cta-content\"\u003e\n\u003ch2\u003e🌟 Retrouvez votre équilibre naturel\u003c\/h2\u003e\n\u003cp\u003eCe programme ayurvédique complet de 90 jours vous accompagne vers votre poids idéal de manière holistique et durable. Plus qu'une simple cure minceur, c'est un véritable rééquilibrage métabolique qui vous redonne légèreté, vitalité et bien-être.\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e\u003cstrong\u003eUn investissement dans votre santé pour des résultats qui durent.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"ayur-cta-features\"\u003e\n\u003cspan\u003e✓ Programme complet 90 jours\u003c\/span\u003e \u003cspan\u003e✓ 4 formules synergiques\u003c\/span\u003e \u003cspan\u003e✓ 100% naturel \u0026amp; bio\u003c\/span\u003e \u003cspan\u003e✓ Made in France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --ayur-cream: #FDF8F1;\n  --ayur-white: #ffffff;\n  --ayur-primary: #6B9B7B;\n  --ayur-primary-dark: #4A6B5A;\n  --ayur-primary-light: #E8F0EB;\n  --ayur-secondary: #4A8B8F;\n  --ayur-accent: #C85757;\n  --ayur-blue: #6FA8C4;\n  \n  \/* Couleurs spécifiques produits *\/\n  --ayur-triphala: #7FAF6E;\n  --ayur-guggul: #4A8B8F;\n  --ayur-trikatu: #6FA8C4;\n  --ayur-trimada: #C85757;\n\n  \/* Textes *\/\n  --ayur-text: #1a1a1a;\n  --ayur-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --ayur-border: #e0e0e0;\n  --ayur-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ayur-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ayur-radius: 20px;\n  --ayur-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ayur-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ayur-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--ayur-text);\n  line-height: 1.7;\n}\n\n\/* === HERO === *\/\n.ayur-hero {\n  position: relative;\n  background: linear-gradient(135deg, #6B9B7B 0%, #4A8B8F 50%, #5A7B8F 100%);\n  border-radius: var(--ayur-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .07;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n    repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.05) 35px, rgba(255,255,255,.05) 70px);\n}\n\n.ayur-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ayur-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  justify-content: center;\n  margin-bottom: 2rem;\n}\n\n.ayur-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ayur-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ayur-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.ayur-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.15;\n}\n\n.ayur-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.ayur-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 800px;\n  margin: 0 auto;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.ayur-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.ayur-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ayur-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ayur-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ayur-primary), var(--ayur-secondary));\n  border-radius: 2px;\n}\n\n.ayur-premium h3 {\n  font-size: clamp(18px, 3vw, 22px);\n  font-weight: 800;\n  color: var(--ayur-primary-dark);\n  margin-bottom: .75rem;\n  letter-spacing: -.02em;\n}\n\n.ayur-premium p {\n  margin-bottom: 1rem;\n  color: var(--ayur-text);\n}\n\n.ayur-premium strong {\n  color: var(--ayur-primary-dark);\n  font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.ayur-grid {\n  display: grid;\n  gap: 1.5rem;\n}\n\n.ayur-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.ayur-grid-4 {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS PRODUITS === *\/\n.ayur-card {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  border: 3px solid transparent;\n  transition: all .3s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.ayur-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 6px;\n  opacity: 0;\n  transition: opacity .3s ease;\n}\n\n.ayur-card-triphala::before {\n  background: linear-gradient(90deg, var(--ayur-triphala), #8BC978);\n}\n\n.ayur-card-guggul::before {\n  background: linear-gradient(90deg, var(--ayur-guggul), #5AA5AA);\n}\n\n.ayur-card-trikatu::before {\n  background: linear-gradient(90deg, var(--ayur-trikatu), #85BCDB);\n}\n\n.ayur-card-trimada::before {\n  background: linear-gradient(90deg, var(--ayur-trimada), #DD6B6B);\n}\n\n.ayur-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-card:hover::before {\n  opacity: 1;\n}\n\n.ayur-card-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 1.5rem;\n}\n\n.ayur-quantity {\n  background: var(--ayur-primary-light);\n  color: var(--ayur-primary-dark);\n  font-weight: 900;\n  font-size: 20px;\n  padding: 8px 16px;\n  border-radius: 999px;\n}\n\n.ayur-icon {\n  font-size: 32px;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-card-subtitle {\n  color: var(--ayur-secondary);\n  font-weight: 700;\n  font-size: 14px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 1rem;\n}\n\n.ayur-list {\n  list-style: none;\n  padding: 0;\n  margin: 1.5rem 0;\n}\n\n.ayur-list li {\n  position: relative;\n  padding-left: 28px;\n  margin-bottom: .75rem;\n  color: var(--ayur-text);\n  font-size: 15px;\n}\n\n.ayur-list li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--ayur-primary);\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.ayur-dosage {\n  background: var(--ayur-primary-light);\n  color: var(--ayur-primary-dark);\n  padding: 12px 16px;\n  border-radius: var(--ayur-radius-sm);\n  font-weight: 700;\n  font-size: 14px;\n  text-align: center;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--ayur-primary);\n}\n\n\/* === PHASES === *\/\n.ayur-phases {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.ayur-phase {\n  display: flex;\n  gap: 2rem;\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  border-left: 6px solid var(--ayur-primary);\n  transition: all .3s ease;\n}\n\n.ayur-phase:hover {\n  transform: translateX(8px);\n  box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-phase-1 {\n  border-left-color: var(--ayur-trimada);\n}\n\n.ayur-phase-2 {\n  border-left-color: var(--ayur-guggul);\n}\n\n.ayur-phase-3 {\n  border-left-color: var(--ayur-triphala);\n}\n\n.ayur-phase-number {\n  flex-shrink: 0;\n  width: 60px;\n  height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 32px;\n  font-weight: 900;\n  background: linear-gradient(135deg, var(--ayur-primary), var(--ayur-secondary));\n  color: white;\n  border-radius: 50%;\n  box-shadow: 0 4px 16px rgba(107, 155, 123, .3);\n}\n\n.ayur-phase-content {\n  flex: 1;\n}\n\n.ayur-highlight {\n  display: inline-block;\n  background: var(--ayur-primary-light);\n  color: var(--ayur-primary-dark);\n  padding: 8px 16px;\n  border-radius: 999px;\n  font-weight: 700;\n  font-size: 13px;\n  margin-top: 1rem;\n}\n\n\/* === INFO BOX === *\/\n.ayur-info-box {\n  background: linear-gradient(135deg, var(--ayur-primary-light) 0%, rgba(74, 139, 143, .1) 100%);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  margin-top: 2rem;\n  border-left: 4px solid var(--ayur-secondary);\n  font-size: 16px;\n  line-height: 1.8;\n}\n\n\/* === BENEFIT CARDS === *\/\n.ayur-benefit-card {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  text-align: center;\n  transition: all .3s ease;\n  border-top: 4px solid transparent;\n}\n\n.ayur-benefit-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--ayur-shadow-lg);\n  border-top-color: var(--ayur-primary);\n}\n\n.ayur-benefit-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-benefit-card h3 {\n  margin-bottom: 1rem;\n}\n\n.ayur-benefit-card p {\n  font-size: 15px;\n  color: var(--ayur-text-light);\n  margin-bottom: 0;\n}\n\n\/* === TIMELINE === *\/\n.ayur-timeline {\n  position: relative;\n  padding-left: 2rem;\n}\n\n.ayur-timeline::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 4px;\n  background: linear-gradient(180deg, var(--ayur-primary) 0%, var(--ayur-secondary) 100%);\n  border-radius: 2px;\n}\n\n.ayur-timeline-item {\n  position: relative;\n  margin-bottom: 2.5rem;\n}\n\n.ayur-timeline-item:last-child {\n  margin-bottom: 0;\n}\n\n.ayur-timeline-marker {\n  position: absolute;\n  left: -2rem;\n  top: 0;\n  transform: translateX(-50%);\n  background: linear-gradient(135deg, var(--ayur-primary), var(--ayur-secondary));\n  color: white;\n  padding: 6px 12px;\n  border-radius: 999px;\n  font-weight: 800;\n  font-size: 12px;\n  white-space: nowrap;\n  box-shadow: 0 2px 12px rgba(107, 155, 123, .3);\n}\n\n.ayur-timeline-content {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  margin-left: 1rem;\n}\n\n.ayur-posology {\n  display: grid;\n  gap: .75rem;\n  margin-top: 1.5rem;\n}\n\n.ayur-posology-item {\n  background: var(--ayur-primary-light);\n  padding: 12px 16px;\n  border-radius: var(--ayur-radius-sm);\n  font-size: 14px;\n  border-left: 3px solid var(--ayur-primary);\n}\n\n.ayur-note {\n  background: rgba(74, 139, 143, .1);\n  padding: 12px 16px;\n  border-radius: var(--ayur-radius-sm);\n  font-size: 14px;\n  margin-top: 1rem;\n  border-left: 3px solid var(--ayur-secondary);\n}\n\n\/* === TIPS GRID === *\/\n.ayur-tips-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.ayur-tip-card {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  transition: all .3s ease;\n  border-left: 4px solid var(--ayur-primary);\n}\n\n.ayur-tip-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ayur-shadow-lg);\n  border-left-width: 6px;\n}\n\n.ayur-tip-icon {\n  font-size: 36px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n\/* === PROFILE CARDS === *\/\n.ayur-profile-card {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  text-align: center;\n  transition: all .3s ease;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n}\n\n.ayur-profile-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--ayur-shadow-lg);\n  background: var(--ayur-primary-light);\n}\n\n.ayur-profile-icon {\n  font-size: 40px;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-profile-card p {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.ayur-warning-box {\n  background: linear-gradient(135deg, #FFF8F0 0%, #FFF3E6 100%);\n  border-radius: var(--ayur-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  display: flex;\n  gap: 2rem;\n  border: 2px solid #FFE0B2;\n  box-shadow: var(--ayur-shadow);\n}\n\n.ayur-warning-icon {\n  flex-shrink: 0;\n  font-size: 48px;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-warning-content h3 {\n  color: #E65100;\n  margin-bottom: 1rem;\n}\n\n.ayur-warning-content ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.ayur-warning-content li {\n  position: relative;\n  padding-left: 28px;\n  margin-bottom: .75rem;\n  color: var(--ayur-text);\n}\n\n.ayur-warning-content li::before {\n  content: '▸';\n  position: absolute;\n  left: 0;\n  color: #FF9800;\n  font-weight: 900;\n}\n\n\/* === INFO CARDS === *\/\n.ayur-info-card {\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ayur-shadow);\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ayur-info-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-info-icon {\n  font-size: 40px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.ayur-info-card h3 {\n  margin-bottom: 1rem;\n}\n\n.ayur-info-card ul {\n  text-align: left;\n  list-style: none;\n  padding: 0;\n  margin: 1rem 0 0 0;\n}\n\n.ayur-info-card li {\n  position: relative;\n  padding-left: 24px;\n  margin-bottom: .5rem;\n  font-size: 14px;\n}\n\n.ayur-info-card li::before {\n  content: '•';\n  position: absolute;\n  left: 8px;\n  color: var(--ayur-primary);\n  font-weight: 900;\n}\n\n\/* === PHILOSOPHY BOX === *\/\n.ayur-philosophy-box {\n  background: linear-gradient(135deg, var(--ayur-primary-light) 0%, rgba(74, 139, 143, .15) 100%);\n  border-radius: var(--ayur-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  box-shadow: var(--ayur-shadow);\n  border: 3px solid var(--ayur-primary);\n}\n\n.ayur-philosophy-box h2 {\n  text-align: left;\n  padding-bottom: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.ayur-philosophy-box h2::after {\n  left: 0;\n  transform: none;\n}\n\n.ayur-philosophy-content p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  line-height: 1.8;\n  margin-bottom: 1.5rem;\n}\n\n.ayur-philosophy-steps {\n  display: grid;\n  gap: 1rem;\n  margin: 2rem 0;\n}\n\n.ayur-philosophy-step {\n  background: var(--ayur-white);\n  padding: 1.5rem;\n  border-radius: var(--ayur-radius-sm);\n  border-left: 4px solid var(--ayur-primary);\n  box-shadow: 0 2px 12px rgba(0,0,0,.05);\n}\n\n.ayur-philosophy-quote {\n  font-size: clamp(16px, 2.8vw, 20px);\n  font-style: italic;\n  color: var(--ayur-primary-dark);\n  text-align: center;\n  padding: 2rem;\n  background: var(--ayur-white);\n  border-radius: var(--ayur-radius-sm);\n  margin-top: 2rem;\n  box-shadow: 0 4px 20px rgba(0,0,0,.08);\n}\n\n\/* === CTA FINAL === *\/\n.ayur-cta-box {\n  background: linear-gradient(135deg, var(--ayur-primary) 0%, var(--ayur-secondary) 100%);\n  border-radius: var(--ayur-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--ayur-shadow-lg);\n}\n\n.ayur-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: \n    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.15) 30px, rgba(255,255,255,.15) 60px);\n}\n\n.ayur-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.ayur-cta-box h2 {\n  color: white;\n  text-shadow: 0 2px 16px rgba(0,0,0,.2);\n  margin-bottom: 1.5rem;\n}\n\n.ayur-cta-box h2::after {\n  background: white;\n}\n\n.ayur-cta-box p {\n  color: white;\n  font-size: clamp(17px, 2.5vw, 21px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin-bottom: 1.5rem;\n}\n\n.ayur-cta-features {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  justify-content: center;\n  margin-top: 2rem;\n}\n\n.ayur-cta-features span {\n  background: rgba(255,255,255,.95);\n  color: var(--ayur-primary-dark);\n  padding: 10px 20px;\n  border-radius: 999px;\n  font-weight: 800;\n  font-size: 14px;\n  box-shadow: 0 4px 16px rgba(0,0,0,.15);\n  transition: all .3s ease;\n}\n\n.ayur-cta-features span:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 6px 24px rgba(0,0,0,.2);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .ayur-grid,\n  .ayur-grid-3,\n  .ayur-grid-4,\n  .ayur-tips-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .ayur-phase {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .ayur-timeline {\n    padding-left: 1.5rem;\n  }\n  \n  .ayur-timeline-marker {\n    left: -1.5rem;\n    font-size: 11px;\n    padding: 4px 8px;\n  }\n  \n  .ayur-warning-box {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .ayur-cta-features {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  \n  .ayur-cta-features span {\n    text-align: center;\n  }\n}\n\n@media (max-width: 480px) {\n  .ayur-badges-top {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  \n  .ayur-badge {\n    justify-content: center;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ayur-card,\n  .ayur-benefit-card,\n  .ayur-profile-card,\n  .ayur-info-card,\n  .ayur-tip-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n  \n  .ayur-card:nth-child(1),\n  .ayur-benefit-card:nth-child(1),\n  .ayur-profile-card:nth-child(1),\n  .ayur-info-card:nth-child(1),\n  .ayur-tip-card:nth-child(1) { animation-delay: .1s; }\n  \n  .ayur-card:nth-child(2),\n  .ayur-benefit-card:nth-child(2),\n  .ayur-profile-card:nth-child(2),\n  .ayur-info-card:nth-child(2),\n  .ayur-tip-card:nth-child(2) { animation-delay: .2s; }\n  \n  .ayur-card:nth-child(3),\n  .ayur-benefit-card:nth-child(3),\n  .ayur-profile-card:nth-child(3),\n  .ayur-info-card:nth-child(3),\n  .ayur-tip-card:nth-child(3) { animation-delay: .3s; }\n  \n  .ayur-card:nth-child(4),\n  .ayur-benefit-card:nth-child(4),\n  .ayur-profile-card:nth-child(4),\n  .ayur-info-card:nth-child(4),\n  .ayur-tip-card:nth-child(4) { animation-delay: .4s; }\n  \n  .ayur-card:nth-child(5),\n  .ayur-benefit-card:nth-child(5),\n  .ayur-profile-card:nth-child(5),\n  .ayur-info-card:nth-child(5),\n  .ayur-tip-card:nth-child(5) { animation-delay: .5s; }\n  \n  .ayur-card:nth-child(6),\n  .ayur-benefit-card:nth-child(6),\n  .ayur-profile-card:nth-child(6),\n  .ayur-info-card:nth-child(6),\n  .ayur-tip-card:nth-child(6) { animation-delay: .6s; }\n  \n  .ayur-phase {\n    animation: slideInLeft .6s ease backwards;\n  }\n  \n  .ayur-phase:nth-child(1) { animation-delay: .1s; }\n  .ayur-phase:nth-child(2) { animation-delay: .2s; }\n  .ayur-phase:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ayur-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .ayur-premium {\n    --ayur-shadow: 0 4px 24px rgba(0,0,0,.2);\n    --ayur-shadow-lg: 0 12px 48px rgba(0,0,0,.3);\n  }\n  \n  .ayur-card,\n  .ayur-benefit-card,\n  .ayur-info-card,\n  .ayur-profile-card,\n  .ayur-tip-card {\n    border: 2px solid var(--ayur-border);\n  }\n}\n\n\/* === PRINT === *\/\n@media print {\n  .ayur-premium {\n    background: white;\n    padding: 0;\n  }\n  \n  .ayur-hero,\n  .ayur-cta-box {\n    background: white;\n    color: black;\n    border: 2px solid black;\n  }\n  \n  .ayur-hero-title,\n  .ayur-subtitle,\n  .ayur-description,\n  .ayur-cta-box p {\n    color: black;\n    text-shadow: none;\n  }\n  \n  .ayur-card,\n  .ayur-benefit-card,\n  .ayur-info-card {\n    box-shadow: none;\n    border: 1px solid #ccc;\n    page-break-inside: avoid;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755112947869,"sku":"AY1010.1","price":200.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/programme-ayurvedique-poids-ideal-triphala-bio-trikatu-trima-packshothd.webp?v=1787409607"},{"product_id":"guduchi-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Guduchi Bio en poudre - 150g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Guduchi Bio en poudre - 150g - AyurVana\nPalette détectée:\n  - Primaire: #C75B2A (terre cuite\/orangé du packaging et du logo AyurVana)\n  - Secondaire: #5B8C3E (vert naturel des feuilles de Guduchi illustrées)\n  - Accent: #8B5E3C (brun kraft du sachet)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, traditionnel indien, authenticité\nPréfixe CSS: gu\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Guduchi Bio en poudre : le soutien ancestral de vos défenses naturelles\"\n  2. \"Pourquoi choisir le Guduchi comme complément immunitaire ?\"\n  3. \"Composition\"\n  4. \"Comment prendre le Guduchi en poudre ?\"\n  5. \"Précautions d'emploi\"\n  6. \"Le choix AyurVana : qualité et authenticité\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gu-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"gu-hero\"\u003e\n    \u003cdiv class=\"gu-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gu-hero-content\"\u003e\n      \u003cdiv class=\"gu-badges-top\"\u003e\n        \u003cspan class=\"gu-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n        \u003cspan class=\"gu-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n        \u003cspan class=\"gu-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e\n        \u003cspan class=\"gu-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gu-hero-title\"\u003eGuduchi Bio en poudre\u003c\/span\u003e\n      \u003cp class=\"gu-subtitle\"\u003e150 g · AyurVana · Tinospora cordifolia\u003c\/p\u003e\n      \u003cp class=\"gu-description\"\u003eLe « nectar d'immortalité » de l'Ayurvéda — une poudre pure à 100 % pour stimuler vos défenses naturelles, sans excipient ni additif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003eGuduchi Bio en poudre : le soutien ancestral de vos défenses naturelles\u003c\/h2\u003e\n    \u003cp class=\"gu-section-intro\"\u003eSurnommé \u003cstrong\u003e« nectar d'immortalité »\u003c\/strong\u003e dans la tradition ayurvédique, le \u003cstrong\u003eGuduchi\u003c\/strong\u003e (\u003cem\u003eTinospora cordifolia\u003c\/em\u003e) est l'une des plantes les plus respectées de la pharmacopée indienne.\u003c\/p\u003e\n    \u003cdiv class=\"gu-highlight-box\"\u003e\n      \u003cp\u003eAvec cette poudre bio de \u003cstrong\u003e150 g\u003c\/strong\u003e proposée par \u003cstrong\u003eAyurVana\u003c\/strong\u003e, vous accédez à un \u003cstrong\u003ecomplément alimentaire pour le système immunitaire\u003c\/strong\u003e d'une pureté remarquable : \u003cstrong\u003e100 % tige de Guduchi\u003c\/strong\u003e, certifiée agriculture biologique, sans excipient ni additif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003ePourquoi choisir le Guduchi comme complément immunitaire ?\u003c\/h2\u003e\n    \u003cp class=\"gu-section-intro\"\u003eSi vous cherchez à \u003cstrong\u003erenforcer votre système immunitaire\u003c\/strong\u003e de façon naturelle, le Guduchi mérite toute votre attention. Plante adaptogène puissante, elle aide votre organisme à s'adapter au stress, à la fatigue saisonnière et aux agressions extérieures.\u003c\/p\u003e\n    \u003cdiv class=\"gu-grid\"\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🛡️ Stimulation des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisé pour soutenir l'immunité, le Guduchi est un complément alimentaire de défense immunitaire de premier choix.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e✨ Action antioxydante\u003c\/h3\u003e\n        \u003cp\u003eRiche en polyphénols et en composés amers, il aide à neutraliser les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🫀 Soutien hépatique et détoxification\u003c\/h3\u003e\n        \u003cp\u003eIl favorise le bon fonctionnement du foie, organe clé dans l'élimination des toxines accumulées par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité et tonus\u003c\/h3\u003e\n        \u003cp\u003eEn aidant l'organisme à retrouver son équilibre, il contribue à une sensation d'énergie durable tout au long de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gu-tip\"\u003e\n      \u003cspan class=\"gu-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCe complément pour le système immunitaire convient parfaitement aux \u003cstrong\u003epériodes de changement de saison\u003c\/strong\u003e ou de surmenage, quand votre corps a besoin d'un coup de pouce naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003eComposition\u003c\/h2\u003e\n    \u003cdiv class=\"gu-grid-compact\"\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🌿 Ingrédient unique\u003c\/h3\u003e\n        \u003cp\u003ePoudre de tiges de Guduchi* (Tinospora cordifolia)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🏷️ Certifié bio\u003c\/h3\u003e\n        \u003cp\u003e*Issu de l'agriculture biologique certifiée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eSans OGM, sans conservateur, sans additif. 100 % vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-card\"\u003e\n        \u003ch3\u003e🇮🇳 Origine \u0026amp; conditionnement\u003c\/h3\u003e\n        \u003cp\u003eOrigine Inde — Conditionné en France en sachet hermétique recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003eComment prendre le Guduchi en poudre ?\u003c\/h2\u003e\n    \u003cp class=\"gu-section-intro\"\u003eLa posologie recommandée est de \u003cstrong\u003e1 à 2 g par jour\u003c\/strong\u003e, soit environ une demi-cuillère à café.\u003c\/p\u003e\n    \u003cdiv class=\"gu-timeline\"\u003e\n      \u003cdiv class=\"gu-timeline-item\"\u003e\n        \u003cdiv class=\"gu-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gu-timeline-content\"\u003e\n          \u003ch3\u003e🍯 Dans de l'eau tiède\u003c\/h3\u003e\n          \u003cp\u003eDiluez la poudre dans un verre d'eau tiède avec une pointe de miel pour adoucir son amertume caractéristique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-timeline-item\"\u003e\n        \u003cdiv class=\"gu-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gu-timeline-content\"\u003e\n          \u003ch3\u003e🥤 Dans un smoothie\u003c\/h3\u003e\n          \u003cp\u003eAjoutez-la à un smoothie, un jus de fruits frais ou un lait végétal pour un mélange gourmand et nutritif.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gu-timeline-item\"\u003e\n        \u003cdiv class=\"gu-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gu-timeline-content\"\u003e\n          \u003ch3\u003e🍲 Dans une soupe ou sauce\u003c\/h3\u003e\n          \u003cp\u003eIncorporez-la dans une soupe ou une sauce — la chaleur ne détruit pas ses propriétés bénéfiques.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gu-tip\"\u003e\n      \u003cspan class=\"gu-tip-icon\"\u003e🌅\u003c\/span\u003e\n      \u003cp\u003ePour des résultats optimaux, consommez le Guduchi \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e pendant une cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e. Renouvelez la cure plusieurs fois dans l'année, notamment à l'approche de l'automne et de l'hiver.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"gu-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gu-accordion\"\u003e\n      \u003cdetails class=\"gu-accordion-item\"\u003e\n        \u003csummary class=\"gu-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical ni une alimentation variée et équilibrée. Ne dépassez pas la dose journalière conseillée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gu-accordion-item\"\u003e\n        \u003csummary class=\"gu-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le sachet bien fermé, à l'abri de la lumière et de l'humidité. Tenez hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gu-accordion-item\"\u003e\n        \u003csummary class=\"gu-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; traitements\u003c\/summary\u003e\n        \u003cdiv class=\"gu-accordion-content mt-3\"\u003e\n          \u003cp\u003eSi vous êtes enceinte, allaitante ou sous traitement, demandez l'avis de votre médecin ou pharmacien avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"gu-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLe choix AyurVana : qualité et authenticité\u003c\/h2\u003e\n    \u003cdiv class=\"gu-cta-box\"\u003e\n      \u003cp\u003eAyurVana sélectionne ses plantes directement auprès de \u003cstrong\u003eproducteurs indiens engagés dans l'agriculture biologique\u003c\/strong\u003e. Chaque lot de Guduchi Bio est contrôlé pour garantir l'absence de pesticides, de métaux lourds et de contaminants. En choisissant cette poudre, vous optez pour un produit \u003cstrong\u003epur, traçable et respectueux de l'environnement\u003c\/strong\u003e — un véritable allié pour \u003cstrong\u003erenforcer votre système immunitaire\u003c\/strong\u003e au quotidien, en toute confiance.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"gu-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --gu-cream: #faf6f1;\n  --gu-white: #ffffff;\n  --gu-primary: #C75B2A;\n  --gu-primary-dark: #8B3A15;\n  --gu-primary-light: #fdf0e8;\n  --gu-secondary: #5B8C3E;\n  --gu-accent: #8B5E3C;\n  --gu-text: #1a1a1a;\n  --gu-text-light: #5a5a5a;\n  --gu-border: #e8ddd3;\n  --gu-shadow: 0 4px 24px rgba(139, 58, 21, .08);\n  --gu-shadow-lg: 0 12px 48px rgba(139, 58, 21, .15);\n  --gu-radius: 20px;\n  --gu-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gu-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gu-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gu-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B3A15 0%, #C75B2A 45%, #5B8C3E 100%);\n  border-radius: var(--gu-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--gu-shadow-lg);\n}\n\n.gu-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.gu-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gu-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gu-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 500;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.gu-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.gu-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gu-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--gu-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gu-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gu-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gu-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gu-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.gu-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--gu-primary), var(--gu-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gu-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gu-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gu-highlight-box {\n  background: var(--gu-white);\n  border-radius: var(--gu-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gu-shadow);\n  border-left: 4px solid var(--gu-secondary);\n  text-align: center;\n}\n\n.gu-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gu-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.gu-card {\n  background: var(--gu-white);\n  border-radius: var(--gu-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gu-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gu-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gu-shadow-lg);\n  border-color: var(--gu-primary);\n}\n\n.gu-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gu-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gu-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gu-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gu-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gu-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gu-grid-compact .gu-card {\n  padding: 1rem;\n}\n\n.gu-grid-compact .gu-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gu-grid-compact .gu-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gu-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gu-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gu-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gu-primary), var(--gu-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.gu-timeline-content {\n  flex: 1;\n  background: var(--gu-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gu-radius-sm);\n  box-shadow: var(--gu-shadow);\n}\n\n.gu-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gu-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gu-timeline-content p {\n  font-size: 14px;\n  color: var(--gu-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gu-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gu-primary-light);\n  border-radius: var(--gu-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gu-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gu-tip p {\n  font-size: 14px;\n  color: var(--gu-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gu-accordion {\n  background: var(--gu-white);\n  border-radius: var(--gu-radius);\n  box-shadow: var(--gu-shadow);\n  overflow: hidden;\n}\n\n.gu-accordion-item {\n  border-bottom: 1px solid var(--gu-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gu-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gu-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gu-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.gu-accordion-header:hover {\n  background: var(--gu-primary-light);\n}\n\n.gu-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gu-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gu-primary);\n  transition: transform .2s ease;\n}\n\n.gu-accordion-item[open] .gu-accordion-header::after {\n  content: '−';\n}\n\n.gu-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gu-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gu-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gu-cta-box {\n  background: linear-gradient(135deg, var(--gu-primary) 0%, var(--gu-primary-dark) 100%);\n  border-radius: var(--gu-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gu-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gu-disclaimer {\n  font-size: 12px;\n  color: var(--gu-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .gu-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gu-card {\n    padding: 1.125rem;\n  }\n\n  .gu-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gu-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gu-radius-sm);\n  }\n\n  .gu-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gu-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gu-grid-compact {\n    gap: .625rem;\n  }\n\n  .gu-grid-compact .gu-card {\n    padding: .75rem;\n  }\n\n  .gu-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gu-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gu-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gu-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gu-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gu-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gu-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .gu-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gu-card {\n    animation: guFadeInUp .5s ease backwards;\n  }\n  .gu-card:nth-child(1) { animation-delay: .05s; }\n  .gu-card:nth-child(2) { animation-delay: .1s; }\n  .gu-card:nth-child(3) { animation-delay: .15s; }\n  .gu-card:nth-child(4) { animation-delay: .2s; }\n  .gu-card:nth-child(5) { animation-delay: .25s; }\n  .gu-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes guFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .gu-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755113865373,"sku":"AY9935","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guduchi-bio-en-poudre-150g-ayurvana-ingredients.webp?v=1770994830"},{"product_id":"ashwagandha-bio-150-grammes-de-poudre-en-sachet-ayurvana","title":"Ashwagandha Bio - 150 g de Poudre en Sachet - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ashwagandha Bio - 150 g de Poudre en Sachet - Ayur-Vana\nPalette détectée:\n  - Primaire: #4BA3C3 (bleu azur\/turquoise du bandeau)\n  - Secondaire: #D4A574 (kraft\/beige naturel du sachet)\n  - Accent: #7CB342 (vert feuillage de la plante)\n  - Neutre: #F5F0E8 (crème naturel)\nAmbiance: Naturel\/Ayurvédique, Bio, Authentique, Bien-être, Tradition indienne\nPréfixe CSS: ash\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"L'Ashwagandha Bio en poudre : votre allié naturel contre le stress au quotidien\"\n  2. \"Qu'est-ce que l'Ashwagandha et pourquoi est-elle si prisée ?\"\n  3. \"Les bienfaits de la poudre d'Ashwagandha Bio\"\n  4. \"Composition de l'Ashwagandha Bio Ayur-Vana\"\n  5. \"Comment utiliser la poudre d'Ashwagandha ? Posologie et conseils pratiques\"\n  6. \"Origine et engagements qualité Ayur-Vana\"\n  7. \"Pour qui est destinée l'Ashwagandha Bio en poudre ?\"\n  8. \"Précautions d'emploi et contre-indications\"\n  9. \"Conservation\"\n  10. \"Questions fréquentes sur l'Ashwagandha en poudre\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ash-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"ash-hero\"\u003e\n    \u003cdiv class=\"ash-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ash-hero-content\"\u003e\n      \u003cdiv class=\"ash-badges-top\"\u003e\n        \u003cspan class=\"ash-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ash-badge\"\u003e⏱️ 50 jours d'utilisation\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ash-hero-title\"\u003eAshwagandha Bio en Poudre\u003c\/span\u003e\n      \u003cp class=\"ash-subtitle\"\u003eLe ginseng indien pour retrouver sérénité et vitalité\u003c\/p\u003e\n      \u003cp class=\"ash-description\"\u003e150 g de poudre pure • Tradition ayurvédique millénaire • Adaptogène naturel\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eL'Ashwagandha Bio en poudre : votre allié naturel contre le stress au quotidien\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eVous cherchez une solution naturelle pour mieux gérer le stress et retrouver votre vitalité ? L'Ashwagandha Bio en poudre d'Ayur-Vana est exactement ce qu'il vous faut.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid-compact\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🧘 Adaptogène millénaire\u003c\/h3\u003e\n        \u003cp\u003eUtilisée depuis plus de 3000 ans dans la tradition ayurvédique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😌 Anti-stress naturel\u003c\/h3\u003e\n        \u003cp\u003eAide l'organisme à gérer le stress au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n        \u003cp\u003eSoutient votre énergie et votre endurance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💤 Sommeil de qualité\u003c\/h3\u003e\n        \u003cp\u003eFavorise un repos véritablement réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eQu'est-ce que l'Ashwagandha et pourquoi est-elle si prisée ?\u003c\/h2\u003e\n    \u003cdiv class=\"ash-info-box\"\u003e\n      \u003cp\u003eL'\u003cstrong\u003eashwagandha\u003c\/strong\u003e (\u003cem\u003eWithania somnifera\u003c\/em\u003e) fait partie des plantes adaptogènes les plus étudiées au monde. Son nom sanskrit signifie littéralement « odeur du cheval », en référence à la force et à la vitalité qu'elle confère traditionnellement.\u003c\/p\u003e\n      \u003cp\u003eContrairement aux stimulants classiques qui épuisent l'organisme sur le long terme, cette racine précieuse aide votre corps à \u003cstrong\u003es'adapter naturellement aux différentes formes de stress\u003c\/strong\u003e : physique, émotionnel ou environnemental.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est cette capacité unique d'adaptation qui fait de l'ashwagandha bio un complément si apprécié des personnes actives, stressées ou simplement soucieuses de leur bien-être.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la poudre d'Ashwagandha Bio\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eLa consommation régulière d'ashwagandha en poudre offre de nombreux bienfaits reconnus par la tradition ayurvédique et confirmés par des études scientifiques modernes.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🧠 Gestion du stress et de l'anxiété\u003c\/h3\u003e\n        \u003cp\u003eAide à réguler le cortisol, l'hormone du stress, favorisant un état d'esprit plus serein tout au long de la journée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🌙 Amélioration du sommeil\u003c\/h3\u003e\n        \u003cp\u003ePrise le soir, l'ashwagandha favorise l'endormissement et un repos véritablement réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💪 Soutien de la vitalité physique\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir votre énergie et votre endurance, particulièrement appréciée des sportifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🎯 Équilibre mental et cognitif\u003c\/h3\u003e\n        \u003cp\u003eAide à maintenir la concentration, la mémoire et la clarté d'esprit au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🛡️ Renforcement des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eSes propriétés antioxydantes participent au bon fonctionnement du système immunitaire\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eComposition de l'Ashwagandha Bio Ayur-Vana\u003c\/h2\u003e\n    \u003cdiv class=\"ash-composition-box\"\u003e\n      \u003cdiv class=\"ash-composition-highlight\"\u003e\n        \u003cdiv class=\"ash-composition-text\"\u003e\n          \u003cstrong\u003e🌱 Ingrédient unique\u003c\/strong\u003e\n          \u003cp\u003e100% poudre de racine d'Ashwagandha* (\u003cem\u003eWithania somnifera\u003c\/em\u003e)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"ash-bio-mention\"\u003e*Ingrédient issu de l'agriculture biologique certifiée\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-purity-badges\"\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun additif\u003c\/span\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun excipient\u003c\/span\u003e\n      \u003cspan class=\"ash-purity-badge\"\u003e❌ Aucun conservateur\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e✨\u003c\/span\u003e\n      \u003cp\u003eCette formule minimaliste est un véritable gage de qualité : vous bénéficiez uniquement de la pureté de la plante, dans le respect de la tradition ayurvédique authentique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eComment utiliser la poudre d'Ashwagandha ? Posologie et conseils pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"ash-dosage-box\"\u003e\n      \u003cdiv class=\"ash-dosage-text\"\u003e\n        \u003cstrong\u003ePosologie recommandée\u003c\/strong\u003e\n        \u003cp\u003e1 cuillère à café rase (environ 3 g) par jour\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003ch3 class=\"ash-subsection-title\"\u003eModes de consommation\u003c\/h3\u003e\n    \u003cdiv class=\"ash-grid-compact\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e💧 Dans l'eau\u003c\/h3\u003e\n        \u003cp\u003eDiluée dans un grand verre d'eau tiède ou froide\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🥛 Moon milk\u003c\/h3\u003e\n        \u003cp\u003eMélangée à un lait végétal pour un moment relaxant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🥤 Smoothies\u003c\/h3\u003e\n        \u003cp\u003eIncorporée dans vos smoothies, jus ou yaourts\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🍲 Cuisine\u003c\/h3\u003e\n        \u003cp\u003eAjoutée à vos soupes, porridges ou energy balls\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch3 class=\"ash-subsection-title\"\u003eMoment idéal de prise\u003c\/h3\u003e\n    \u003cdiv class=\"ash-timeline\"\u003e\n      \u003cdiv class=\"ash-timeline-item\"\u003e\n        \u003cspan class=\"ash-timeline-number\"\u003e☀️\u003c\/span\u003e\n        \u003cdiv class=\"ash-timeline-content\"\u003e\n          \u003ch3\u003eLe matin\u003c\/h3\u003e\n          \u003cp\u003ePour soutenir votre énergie et votre concentration tout au long de la journée\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-timeline-item\"\u003e\n        \u003cspan class=\"ash-timeline-number\"\u003e🌙\u003c\/span\u003e\n        \u003cdiv class=\"ash-timeline-content\"\u003e\n          \u003ch3\u003eLe soir\u003c\/h3\u003e\n          \u003cp\u003e30 minutes avant le coucher pour favoriser un sommeil paisible\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ash-tip\"\u003e\n      \u003cspan class=\"ash-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût de l'ashwagandha est terreux et légèrement amer. Si vous le trouvez trop prononcé, associez-la à une cuillère de miel ou à une boisson cacaotée pour l'adoucir.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eOrigine et engagements qualité Ayur-Vana\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eAyur-Vana sélectionne ses racines d'ashwagandha auprès de producteurs indiens engagés dans l'agriculture biologique. Les plantes sont cultivées dans leur terroir d'origine, où le climat et les sols leur permettent de développer toute leur richesse en principes actifs.\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🌿 Certification Agriculture Biologique\u003c\/h3\u003e\n        \u003cp\u003eCulture sans pesticides ni engrais chimiques de synthèse\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eConditionnement et contrôles qualité réalisés sur le territoire français\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n        \u003cp\u003eChaque lot est analysé pour garantir pureté et conformité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📦 Sachet refermable\u003c\/h3\u003e\n        \u003cp\u003eConservation optimale de la fraîcheur et des propriétés de la poudre\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003ePour qui est destinée l'Ashwagandha Bio en poudre ?\u003c\/h2\u003e\n    \u003cp class=\"ash-section-intro\"\u003eCette poudre d'ashwagandha bio conviendra particulièrement si vous :\u003c\/p\u003e\n    \u003cdiv class=\"ash-grid\"\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😰 Périodes de stress intense\u003c\/h3\u003e\n        \u003cp\u003eStress professionnel, personnel, examens ou surcharge mentale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e😴 Troubles du sommeil\u003c\/h3\u003e\n        \u003cp\u003eDifficultés d'endormissement ou sommeil non réparateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eÉpuisement malgré un repos suffisant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n        \u003cp\u003eOptimisation de la récupération et de l'endurance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e📚 Besoin de concentration\u003c\/h3\u003e\n        \u003cp\u003eSoutien naturel des capacités cognitives et de mémorisation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ash-card\"\u003e\n        \u003ch3\u003e👨‍🍳 Amateurs de cuisine\u003c\/h3\u003e\n        \u003cp\u003ePour une utilisation culinaire créative et personnalisée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 \u0026 9 : ACCORDÉON --\u003e\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n    \u003cdiv class=\"ash-accordion\"\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/li\u003e\n            \u003cli\u003eNe pas utiliser en cas d'hyperthyroïdie ou de troubles thyroïdiens sans avis médical\u003c\/li\u003e\n            \u003cli\u003eDéconseillé aux personnes sous traitement immunosuppresseur ou sédatif\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e📋 Recommandations d'usage\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eRespecter la dose journalière recommandée\u003c\/li\u003e\n            \u003cli\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ash-accordion-item\"\u003e\n        \u003csummary class=\"ash-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"ash-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical. En cas de doute ou de traitement en cours, consultez votre médecin ou votre pharmacien avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ash-section\"\u003e\n    \u003ch2\u003eConservation\u003c\/h2\u003e\n    \u003cdiv class=\"ash-conservation-box\"\u003e\n      \u003cp\u003eConservez votre sachet d'ashwagandha poudre bio dans un endroit \u003cstrong\u003efrais, sec et à l'abri de la lumière\u003c\/strong\u003e. Refermez soigneusement le sachet après chaque utilisation pour préserver toutes les qualités de la poudre. À consommer de préférence avant la date indiquée sur l'emballage.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"ash-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"ash-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le soutien naturel qu'il mérite avec l'Ashwagandha Bio Ayur-Vana : \u003cstrong\u003e150 g de pureté ayurvédique\u003c\/strong\u003e pour retrouver sérénité, vitalité et un sommeil réparateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ash-disclaimer\"\u003eComplément alimentaire. Ne pas dépasser la dose journalière recommandée. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  \/* Couleurs principales *\/\n  --ash-cream: #F5F0E8;\n  --ash-white: #ffffff;\n  --ash-primary: #4BA3C3;\n  --ash-primary-dark: #2E7D99;\n  --ash-primary-light: #E8F4F8;\n  --ash-secondary: #D4A574;\n  --ash-accent: #7CB342;\n\n  \/* Textes *\/\n  --ash-text: #1a1a1a;\n  --ash-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --ash-border: #e0e0e0;\n  --ash-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ash-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ash-radius: 20px;\n  --ash-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ash-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ash-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ash-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4BA3C3 0%, #2E7D99 50%, #7CB342 100%);\n  border-radius: var(--ash-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ash-shadow-lg);\n}\n\n.ash-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-4 8-12 15-20 15 8 0 16 7 20 15 4-8 12-15 20-15-8 0-16-7-20-15z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .15;\n}\n\n.ash-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ash-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ash-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.ash-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  margin: 0;\n}\n\n\/* === BADGES === *\/\n.ash-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ash-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ash-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ash-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ash-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ash-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ash-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ash-primary), var(--ash-accent));\n  border-radius: 2px;\n}\n\n.ash-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ash-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.ash-subsection-title {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  margin: 1.5rem 0 1rem 0;\n  text-align: center;\n}\n\n\/* === CARDS === *\/\n.ash-card {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ash-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ash-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ash-shadow-lg);\n  border-color: var(--ash-primary);\n}\n\n.ash-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ash-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ash-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ash-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ash-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ash-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ash-grid-compact .ash-card {\n  padding: 1rem;\n}\n\n.ash-grid-compact .ash-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ash-grid-compact .ash-card p {\n  font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.ash-info-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n  margin-bottom: 1.25rem;\n}\n\n.ash-info-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ash-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.ash-info-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ash-composition-box {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ash-shadow);\n  text-align: center;\n  margin-bottom: 1.25rem;\n}\n\n.ash-composition-highlight {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: .75rem;\n}\n\n.ash-composition-icon {\n  font-size: 48px;\n}\n\n.ash-composition-text strong {\n  display: block;\n  font-size: clamp(16px, 3vw, 20px);\n  color: var(--ash-primary-dark);\n  margin-bottom: .25rem;\n}\n\n.ash-composition-text p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ash-text-light);\n  margin: 0;\n}\n\n.ash-bio-mention {\n  font-size: 13px;\n  color: var(--ash-accent);\n  font-style: italic;\n  margin-top: 1rem;\n}\n\n.ash-purity-badges {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n  margin-bottom: 1.25rem;\n}\n\n.ash-purity-badge {\n  background: var(--ash-primary-light);\n  color: var(--ash-primary-dark);\n  padding: .5rem 1rem;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n\/* === DOSAGE BOX === *\/\n.ash-dosage-box {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n  border-radius: var(--ash-radius);\n  padding: 1.25rem 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.ash-dosage-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.ash-dosage-text strong {\n  display: block;\n  color: white;\n  font-size: clamp(14px, 2.5vw, 16px);\n  margin-bottom: .25rem;\n}\n\n.ash-dosage-text p {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 700;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.ash-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ash-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ash-timeline-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--ash-primary), var(--ash-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n}\n\n.ash-timeline-content {\n  flex: 1;\n  background: var(--ash-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ash-radius-sm);\n  box-shadow: var(--ash-shadow);\n}\n\n.ash-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ash-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ash-timeline-content p {\n  font-size: 14px;\n  color: var(--ash-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ash-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ash-primary-light);\n  border-radius: var(--ash-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ash-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ash-tip p {\n  font-size: 14px;\n  color: var(--ash-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CONSERVATION BOX === *\/\n.ash-conservation-box {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--ash-shadow);\n  border-left: 4px solid var(--ash-accent);\n}\n\n.ash-conservation-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.ash-conservation-box p {\n  font-size: clamp(14px, 2.5vw, 15px);\n  color: var(--ash-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.ash-accordion {\n  background: var(--ash-white);\n  border-radius: var(--ash-radius);\n  box-shadow: var(--ash-shadow);\n  overflow: hidden;\n}\n\n.ash-accordion-item {\n  border-bottom: 1px solid var(--ash-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ash-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ash-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ash-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ash-accordion-header:hover {\n  background: var(--ash-primary-light);\n}\n\n.ash-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ash-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ash-primary);\n  transition: transform .2s ease;\n}\n\n.ash-accordion-item[open] .ash-accordion-header::after {\n  content: '−';\n}\n\n.ash-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ash-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ash-accordion-content p {\n  margin: 0;\n}\n\n.ash-accordion-content ul {\n  margin: 0;\n  padding-left: 1.25rem;\n}\n\n.ash-accordion-content li {\n  margin-bottom: .5rem;\n}\n\n.ash-accordion-content li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ash-cta-box {\n  background: linear-gradient(135deg, var(--ash-primary) 0%, var(--ash-primary-dark) 100%);\n  border-radius: var(--ash-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ash-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ash-disclaimer {\n  font-size: 12px;\n  color: var(--ash-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ash-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ash-card {\n    padding: 1.125rem;\n  }\n  \n  .ash-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ash-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ash-radius-sm);\n  }\n  \n  .ash-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .ash-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ash-grid-compact {\n    gap: .625rem;\n  }\n  \n  .ash-grid-compact .ash-card {\n    padding: .75rem;\n  }\n  \n  .ash-timeline-number {\n    width: 40px;\n    height: 40px;\n    font-size: 20px;\n  }\n  \n  .ash-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .ash-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .ash-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .ash-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ash-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .ash-dosage-box {\n    flex-direction: column;\n    text-align: center;\n    padding: 1rem;\n  }\n  \n  .ash-conservation-box {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .ash-info-box {\n    padding: 1.25rem;\n  }\n  \n  .ash-composition-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ash-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ash-card:nth-child(1) { animation-delay: .05s; }\n  .ash-card:nth-child(2) { animation-delay: .1s; }\n  .ash-card:nth-child(3) { animation-delay: .15s; }\n  .ash-card:nth-child(4) { animation-delay: .2s; }\n  .ash-card:nth-child(5) { animation-delay: .25s; }\n  .ash-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ash-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755114324125,"sku":"AY9931","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Ashwagandha-Bio-150-grammes-de-poudre-en-sachet-694903.jpg?v=1732719467"},{"product_id":"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.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Amalaki-Bio-150-grammes-de-poudre-en-sachet-541595.jpg?v=1732719477"},{"product_id":"boisson-instantanee-bleu-comme-toi-bio-50-g-sol-semilla","title":"Bleu Comme Toi (Sérénité \u0026 Immunité) : Boisson Instantanée Bio 50 g - Sol Semilla","description":"\u003cdiv class=\"bm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bm-hero\"\u003e\n\u003cdiv class=\"bm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-hero-content\"\u003e\n\u003cdiv class=\"bm-badges-top\"\u003e\n\u003cspan class=\"bm-badge\"\u003e🧠 Mental \u0026amp; concentration\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🛡️ Immunité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e⚡ Vitalité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bm-hero-title\"\u003eBlue Mind - Super boisson bio à la Klamath\u003c\/span\u003e\n\u003cp class=\"bm-subtitle\"\u003eKlamath · Menthe · Cardamone\u003c\/p\u003e\n\u003cp class=\"bm-description\"\u003eL'algue des esprits clairs dans une boisson instantanée à la couleur bleue envoûtante. 50 g · 17 portions · Par Sol Semilla, depuis 1992.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003cp class=\"bm-section-intro\"\u003eEnvie d'une boisson qui fait du bien à votre esprit autant qu'à votre corps ?\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003eKlamath\u003c\/strong\u003e, surnommée l'algue des esprits clairs, soutient activement votre clarté mentale et votre focus au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux, oligoéléments et phycocyanine, cette super boisson renforce vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n\u003cp\u003eUn concentré de nutriments essentiels pour retrouver \u003cstrong\u003eénergie\u003c\/strong\u003e et dynamisme dès la première gorgée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 1.25rem; font-size: clamp(14px,2.2vw,16px); color: var(--bm-text-light); line-height: 1.7;\"\u003eLa \u003cstrong\u003esuper boisson Blue Mind Bio de Sol Semilla\u003c\/strong\u003e associe l'extraordinaire algue Klamath, la fraîcheur de la menthe et les notes chaleureuses de la cardamone dans une poudre instantanée à la couleur bleue envoûtante. En quelques secondes, vous obtenez une boisson riche en nutriments, pensée pour soutenir votre concentration, votre immunité et votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003ePourquoi choisir la Klamath, l'algue des esprits clairs ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa Klamath (Aphanizomenon flos-aquae) est une micro-algue bleu-vert récoltée à l'état sauvage dans le lac Klamath, en Oregon (USA). Elle est considérée comme l'un des superaliments les plus complets au monde.\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003eUn pigment bleu aux puissantes propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e, qui donne à cette boisson sa teinte unique et fascinante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🔬 Vitamines du groupe B\u003c\/h3\u003e\n\u003cp\u003eDont la précieuse \u003cstrong\u003eB12\u003c\/strong\u003e, essentielle pour le système nerveux et l'énergie mentale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧬 Acides aminés essentiels\u003c\/h3\u003e\n\u003cp\u003eUn \u003cstrong\u003eprofil protéique complet\u003c\/strong\u003e, fait rare dans le monde végétal, pour nourrir vos cellules en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚙️ Minéraux \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eFer, magnésium, zinc… Des cofacteurs indispensables au bon \u003cstrong\u003efonctionnement immunitaire\u003c\/strong\u003e et métabolique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eSouvent surnommée « l'algue des esprits clairs », la Klamath est traditionnellement appréciée pour favoriser la \u003cstrong\u003econcentration\u003c\/strong\u003e et la \u003cstrong\u003eclarté mentale\u003c\/strong\u003e. Associée à la menthe rafraîchissante et à la cardamone digestive, elle compose ici une recette à la fois savoureuse et fonctionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComposition de Blue Mind Bio\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eChaque sachet de \u003cstrong\u003e50 g\u003c\/strong\u003e contient environ \u003cstrong\u003e17 portions\u003c\/strong\u003e. Ingrédients issus de l'agriculture biologique :\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card bm-card-highlight\"\u003e\n\u003ch3\u003e🔵 Algue Klamath en poudre\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e - Origine : lac Klamath, USA. L'ingrédient star, source de phycocyanine et de nutriments essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌱 Menthe\u003c\/h3\u003e\n\u003cp\u003ePour une note vivifiante et rafraîchissante. Contribue à une haleine fraîche et une sensation de bien-être immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e✨ Cardamone\u003c\/h3\u003e\n\u003cp\u003eÉpice réchauffante qui facilite la digestion et apporte une touche aromatique subtile et enveloppante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"bm-grid-compact\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs, ni arômes artificiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌿 Végétalien\u003c\/h3\u003e\n\u003cp\u003eConvient aux régimes végétariens et végétaliens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e📦 17 portions\u003c\/h3\u003e\n\u003cp\u003eSachet de 50 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComment préparer votre boisson Blue Mind ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa préparation est simple et rapide :\u003c\/p\u003e\n\u003cdiv class=\"bm-timeline\"\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune cuillère à café rase (environ 3 g)\u003c\/strong\u003e de poudre Blue Mind dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eAjoutez l'eau\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 à 250 ml d'eau\u003c\/strong\u003e froide, tiède ou chaude selon votre préférence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eRemuez vigoureusement à la cuillère ou au fouet jusqu'à \u003cstrong\u003edissolution complète\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eSavourez\u003c\/h3\u003e\n\u003cp\u003eDégustez immédiatement pour profiter de tous les bienfaits de la Klamath.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous pouvez également l'intégrer dans un \u003cstrong\u003esmoothie\u003c\/strong\u003e, un lait végétal ou un jus de fruits pour varier les plaisirs. Consommez une à deux portions par jour, de préférence le matin ou en début d'après-midi pour accompagner vos moments de concentration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eSol Semilla : le pouvoir des superaliments depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"bm-testimonial\"\u003e\n\u003cp class=\"bm-testimonial-text\"\u003e\u003cstrong\u003eSol Semilla\u003c\/strong\u003e est une marque française pionnière dans l'univers des superaliments biologiques. Depuis plus de 30 ans, elle sélectionne les meilleurs ingrédients à travers le monde, en privilégiant des filières responsables et une traçabilité rigoureuse. Chaque produit est conçu pour vous apporter le meilleur de la nature, sans compromis sur la qualité ni sur le goût.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"bm-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bm-accordion\"\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de grossesse, d'allaitement ou de traitement médical, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"bm-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --bm-cream: #f7f4ef;\n  --bm-white: #ffffff;\n  --bm-primary: #3bb8c3;\n  --bm-primary-dark: #1a7a84;\n  --bm-primary-light: #e6f6f8;\n  --bm-secondary: #d4572a;\n  --bm-accent: #f0b428;\n  --bm-kraft: #c6a96c;\n  --bm-text: #1a1a1a;\n  --bm-text-light: #5a5a5a;\n  --bm-border: #e0ddd7;\n  --bm-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --bm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --bm-radius: 20px;\n  --bm-radius-sm: 12px;\n}\n\n.bm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a7a84 0%, #3bb8c3 40%, #2a9aa5 70%, #d4572a 100%);\n  border-radius: var(--bm-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--bm-shadow-lg);\n}\n\n.bm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(240,180,40,.12) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.bm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.bm-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  margin: 0 0 1rem 0;\n}\n\n.bm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.bm-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--bm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bm-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.bm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--bm-primary), var(--bm-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bm-shadow-lg);\n  border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bm-card-highlight {\n  border-color: var(--bm-primary);\n  background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bm-grid-compact .bm-card {\n  padding: 1rem;\n}\n\n.bm-grid-compact .bm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bm-grid-compact .bm-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.bm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bm-primary), var(--bm-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(59,184,195,.3);\n}\n\n.bm-timeline-content {\n  flex: 1;\n  background: var(--bm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bm-radius-sm);\n  box-shadow: var(--bm-shadow);\n}\n\n.bm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bm-timeline-content p {\n  font-size: 14px;\n  color: var(--bm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bm-testimonial {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bm-shadow);\n  border-left: 4px solid var(--bm-secondary);\n}\n\n.bm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bm-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIP === *\/\n.bm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bm-primary-light);\n  border-radius: var(--bm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.bm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bm-tip p {\n  font-size: 14px;\n  color: var(--bm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n  background: var(--bm-white);\n  border-radius: var(--bm-radius);\n  box-shadow: var(--bm-shadow);\n  overflow: hidden;\n}\n\n.bm-accordion-item {\n  border-bottom: 1px solid var(--bm-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bm-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bm-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bm-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.bm-accordion-header:hover {\n  background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bm-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bm-primary);\n  transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n  content: '−';\n}\n\n.bm-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bm-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.bm-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bm-disclaimer {\n  font-size: 12px;\n  color: var(--bm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .bm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .bm-card {\n    padding: 1.125rem;\n  }\n\n  .bm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .bm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bm-radius-sm);\n  }\n\n  .bm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .bm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .bm-grid-compact {\n    gap: .625rem;\n  }\n\n  .bm-grid-compact .bm-card {\n    padding: .75rem;\n  }\n\n  .bm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .bm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .bm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .bm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .bm-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .bm-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .bm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .bm-testimonial-text {\n    font-size: 14px;\n  }\n\n  .bm-badges-top {\n    gap: 6px;\n  }\n\n  .bm-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bm-card {\n    animation: bmFadeInUp .5s ease backwards;\n  }\n  .bm-card:nth-child(1) { animation-delay: .05s; }\n  .bm-card:nth-child(2) { animation-delay: .1s; }\n  .bm-card:nth-child(3) { animation-delay: .15s; }\n  .bm-card:nth-child(4) { animation-delay: .2s; }\n  .bm-card:nth-child(5) { animation-delay: .25s; }\n  .bm-card:nth-child(6) { animation-delay: .3s; }\n\n  .bm-timeline-item {\n    animation: bmFadeInUp .5s ease backwards;\n  }\n  .bm-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .bm-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .bm-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .bm-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .bm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115307165,"sku":"REF1347","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bleu-comme-toi-serenite-immunite-boisson-instantanee-bio-50--lifestyle.webp?v=1772788252"},{"product_id":"boisson-instantanee-green-boost-bio-80-g-sol-semilla","title":"Boisson Green Boost Bio 50g - Spiruline, Acérola \u0026 Gingembre - Sol Semilla","description":"\u003cdiv class=\"gb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gb-hero\"\u003e\n\u003cdiv class=\"gb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gb-hero-content\"\u003e\n\u003cdiv class=\"gb-badges-top\"\u003e\n\u003cspan class=\"gb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e⚡ 10 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gb-hero-title\"\u003eBoisson Green Boost Bio\u003c\/span\u003e\n\u003cp class=\"gb-subtitle\"\u003eSpiruline, Acérola \u0026amp; Gingembre - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"gb-description\"\u003eTrois superaliments bio d'exception réunis dans une poudre instantanée pour booster votre vitalité, renforcer votre immunité et accompagner vos performances sportives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003cp class=\"gb-section-intro\"\u003eVous cherchez un coup de fouet naturel pour démarrer la journée ou préparer une séance de sport ?\u003c\/p\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌱 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en fer, protéines végétales et phycocyanine antioxydante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eL'une des sources naturelles les plus concentrées en vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eNote épicée et réchauffante pour un effet tonifiant au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🥤 Instantanée\u003c\/h3\u003e\n\u003cp\u003e50 g de poudre, 10 portions, à mélanger avec du jus de pomme ou votre boisson préférée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePourquoi associer spiruline et acérola ? Les bienfaits de cette synergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-synergy-box\"\u003e\n\u003cp\u003eL'association \u003cstrong\u003espiruline acérola\u003c\/strong\u003e est l'une des plus étudiées en nutrition naturelle, et pour cause. La spiruline est une micro-algue exceptionnellement riche en \u003cstrong\u003efer, protéines végétales et phycocyanine\u003c\/strong\u003e, un pigment aux propriétés antioxydantes remarquables. L'acérola, petit fruit d'Amazonie, est quant à lui l'une des sources naturelles les plus concentrées en \u003cstrong\u003evitamine C\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003eLa vitamine C de l'acérola \u003cstrong\u003efavorise l'absorption du fer\u003c\/strong\u003e contenu dans la spiruline. Vous profitez ainsi pleinement des bienfaits de chaque ingrédient — une synergie que les simples comprimés ne peuvent égaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eC'est exactement ce qui distingue cette formule des simples comprimés de \u003cstrong\u003espiruline et acérola\u003c\/strong\u003e disponibles sur le marché : ici, le gingembre vient compléter le trio pour un résultat encore plus complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eLe gingembre : un troisième allié pour votre énergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-testimonial\"\u003e\n\u003cp class=\"gb-testimonial-text\"\u003eReconnu depuis des siècles en médecine traditionnelle, le gingembre apporte une \u003cstrong\u003enote épicée et réchauffante\u003c\/strong\u003e à la boisson. L'association \u003cstrong\u003espiruline et gingembre\u003c\/strong\u003e crée un mélange tonifiant et savoureux, idéal pour soutenir votre vitalité au quotidien, que vous soyez sportif ou simplement en quête d'un regain d'énergie naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eFormulée à partir d'ingrédients 100 % biologiques, soigneusement sourcés entre l'Amazonie et le Maroc.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🌊 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eSource de fer, protéines et phycocyanine. Micro-algue aux propriétés nutritionnelles exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eConcentré naturel de vitamine C et antioxydants. Petit fruit puissant d'Amazonie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eTonifiant et réchauffant. Épice millénaire reconnue pour ses vertus énergisantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eSans additifs, sans conservateurs, sans gluten. Convient à une alimentation \u003cstrong\u003evégane\u003c\/strong\u003e et crue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComment préparer votre Green Boost ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-timeline\"\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune dose de 5 g\u003c\/strong\u003e (environ une cuillère à café bombée) dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eAjoutez votre boisson\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 ml de jus de pomme\u003c\/strong\u003e (recommandé par Sol Semilla) ou d'eau fraîche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eMélangez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eRemuez à la cuillère ou au shaker jusqu'à dissolution complète de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDégustez immédiatement\u003c\/h3\u003e\n\u003cp\u003eConsommez sans attendre pour profiter de \u003cstrong\u003etous les nutriments\u003c\/strong\u003e à leur maximum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003ePour un effet optimal, consommez votre boisson \u003cstrong\u003ele matin à jeun ou 30 minutes avant l'effort\u003c\/strong\u003e. Vous pouvez également l'ajouter à un smoothie ou un bol de fruits pour varier les plaisirs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette boisson ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eUn boost naturel avant l'effort pour des performances au top\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n\u003cp\u003eIdéal en période de changement de saison ou de baisse d'énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🛡️ Immunité fragilisée\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses naturelles grâce à la vitamine C et aux antioxydants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eUne alternative bio aux comprimés classiques de spiruline et acérola\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gb-section\"\u003e\n\u003ch2\u003eQualité et engagements Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gb-cta-box\"\u003e\n\u003cp\u003eDepuis 1992, Sol Semilla sélectionne les \u003cstrong\u003emeilleurs superaliments biologiques\u003c\/strong\u003e avec une exigence rare. Certifié \u003cstrong\u003eAB (Agriculture Biologique)\u003c\/strong\u003e et conditionné en France, chaque sachet de 50 g offre \u003cstrong\u003e10 portions\u003c\/strong\u003e d'un rituel bien-être quotidien accessible et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-accordion\"\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire. Il ne remplace ni un régime alimentaire varié et équilibré, ni un avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --gb-cream: #faf6f0;\n  --gb-white: #ffffff;\n  --gb-primary: #d4441c;\n  --gb-primary-dark: #a8330f;\n  --gb-primary-light: #fef0ec;\n  --gb-secondary: #2d8c4e;\n  --gb-secondary-light: #e8f5ee;\n  --gb-accent: #5b9bd5;\n  --gb-kraft: #c8a96e;\n  --gb-text: #1a1a1a;\n  --gb-text-light: #5a5a5a;\n  --gb-border: #e0d8ce;\n  --gb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --gb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --gb-radius: 20px;\n  --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--gb-primary) 0%, #e06530 40%, var(--gb-secondary) 100%);\n  border-radius: var(--gb-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--gb-shadow-lg);\n}\n\n.gb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-conic-gradient(from 0deg at 50% 0%, transparent 0deg, rgba(255,255,255,.06) 15deg, transparent 30deg);\n  opacity: 1;\n}\n\n.gb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gb-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.gb-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--gb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gb-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.gb-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--gb-primary), var(--gb-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gb-card {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gb-shadow-lg);\n  border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (variante verte) === *\/\n.gb-card-ingredient {\n  border-top: 4px solid var(--gb-secondary);\n}\n\n.gb-card-ingredient:hover {\n  border-color: var(--gb-secondary);\n}\n\n.gb-card-ingredient h3 {\n  color: #1e6b3a;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n  padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n  font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.gb-synergy-box {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gb-shadow);\n}\n\n.gb-synergy-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--gb-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.gb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gb-primary), var(--gb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.gb-timeline-content {\n  flex: 1;\n  background: var(--gb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gb-radius-sm);\n  box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gb-timeline-content p {\n  font-size: 14px;\n  color: var(--gb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--gb-shadow);\n  border-left: 4px solid var(--gb-secondary);\n}\n\n.gb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n  background: var(--gb-white);\n  border-radius: var(--gb-radius);\n  box-shadow: var(--gb-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.gb-accordion-item {\n  border-bottom: 1px solid var(--gb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gb-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.gb-accordion-header:hover {\n  background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--gb-primary);\n  transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n  content: '−';\n}\n\n.gb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gb-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gb-secondary-light);\n  border-radius: var(--gb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.gb-tip p {\n  font-size: 14px;\n  color: var(--gb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SECTION INTRO === *\/\n.gb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === CTA BOX === *\/\n.gb-cta-box {\n  background: linear-gradient(135deg, var(--gb-primary) 0%, var(--gb-primary-dark) 100%);\n  border-radius: var(--gb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.gb-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .gb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gb-card {\n    padding: 1.125rem;\n  }\n\n  .gb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gb-radius-sm);\n  }\n\n  .gb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gb-grid-compact {\n    gap: .625rem;\n  }\n\n  .gb-grid-compact .gb-card {\n    padding: .75rem;\n  }\n\n  .gb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .gb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .gb-testimonial-text {\n    font-size: 14px;\n  }\n\n  .gb-synergy-box {\n    padding: 1.25rem;\n  }\n\n  .gb-synergy-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .gb-card {\n    animation: gbFadeInUp .5s ease backwards;\n  }\n  .gb-card:nth-child(1) { animation-delay: .05s; }\n  .gb-card:nth-child(2) { animation-delay: .1s; }\n  .gb-card:nth-child(3) { animation-delay: .15s; }\n  .gb-card:nth-child(4) { animation-delay: .2s; }\n  .gb-card:nth-child(5) { animation-delay: .25s; }\n  .gb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gbFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115995293,"sku":"REF1349","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/boisson-green-boost-bio-50g-spiruline-acerola-gingembre-sol--lifestyle.webp?v=1772788773"},{"product_id":"klamath-crue-poudre-bio-50-g-sol-semilla","title":"Klamath Crue Poudre Bio - 50 G - Sol Semilla","description":"\u003cdiv class=\"kl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"kl-hero\"\u003e\n\u003cdiv class=\"kl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kl-hero-content\"\u003e\n\u003cdiv class=\"kl-badges-top\"\u003e\n\u003cspan class=\"kl-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🇺🇸 Origine Oregon\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🧬 115 nutriments\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🌱 Vegan \u0026amp; RAW\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kl-hero-title\"\u003eKlamath Crue Poudre Bio\u003c\/span\u003e\n\u003cp class=\"kl-subtitle\"\u003eSol Semilla · 50 g · ~83 portions\u003c\/p\u003e\n\u003cp class=\"kl-description\"\u003eLa microalgue sauvage la plus complète au monde, récoltée dans les eaux pures du lac Klamath supérieur. Plus de 60 % de protéines, phycocyanine, vitamine B12 et oméga-3 dans un seul superaliment cru.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003cp class=\"kl-section-intro\"\u003eVous cherchez un superaliment complet pour soutenir votre vitalité au quotidien ? La \u003cstrong\u003eKlamath crue bio en poudre de Sol Semilla\u003c\/strong\u003e est l'une des sources naturelles les plus concentrées en nutriments que la nature puisse offrir.\u003c\/p\u003e\n\u003cp class=\"kl-section-intro\"\u003eIssue de la microalgue sauvage \u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e, récoltée dans les eaux préservées du lac Klamath supérieur en Oregon, cette poudre crue renferme plus de \u003cstrong\u003e115 nutriments biodisponibles\u003c\/strong\u003e dans un seul aliment.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'algue Klamath : pourquoi tant d'engouement ?\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eL'\u003cstrong\u003ealgue de Klamath\u003c\/strong\u003e fascine les nutritionnistes et les amateurs de superaliments depuis des décennies. Peu d'aliments naturels réunissent autant de richesses dans une si petite quantité.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e💪 +60 % de protéines complètes\u003c\/h3\u003e\n\u003cp\u003eContient les 20 acides aminés dont les 8 essentiels pour une assimilation optimale par l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔴 Vitamine B12 naturelle\u003c\/h3\u003e\n\u003cp\u003eUne source précieuse de B12 biodisponible, particulièrement recherchée dans les régimes végétariens et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e⚡ Vitamine B6 \u0026amp; iode\u003c\/h3\u003e\n\u003cp\u003eContribuent à un métabolisme énergétique normal et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🩸 Fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eUn apport en fer naturel idéal pour réduire la fatigue et soutenir les fonctions cognitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔵 Phycocyanine antioxydante\u003c\/h3\u003e\n\u003cp\u003eCe pigment bleu unique offre des propriétés antioxydantes remarquables pour protéger vos cellules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🐟 Oméga-3 \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eDes acides gras essentiels et des minéraux pour un bien-être physique et mental au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eDe nombreux utilisateurs partagent leur \u003cstrong\u003etémoignage sur l'algue Klamath\u003c\/strong\u003e, évoquant un regain d'énergie, une meilleure concentration et un soutien global de leur immunité. La densité nutritionnelle exceptionnelle de cette algue explique l'enthousiasme qu'elle suscite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eUn seul ingrédient, rien de superflu.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌿 100 % Klamath bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e en poudre crue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur, aucun excipient ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e❄️ Qualité RAW\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e✅ Double certification\u003c\/h3\u003e\n\u003cp\u003eCertifiée bio par Ecocert et OTCO (Oregon)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe sachet de 50 g offre environ \u003cstrong\u003e83 portions\u003c\/strong\u003e, ce qui en fait un investissement durable pour votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComment prendre la Klamath en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"kl-timeline\"\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n\u003cp\u003eMélangez \u003cstrong\u003e0,5 à 2 grammes par jour\u003c\/strong\u003e (soit ¼ à 1 cuillère à café) dans la boisson de votre choix : eau, jus de fruits, smoothie ou lait végétal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par une petite dose la première semaine pour laisser votre organisme s'habituer, puis augmentez progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003ePrivilégiez le matin\u003c\/h3\u003e\n\u003cp\u003ePrenez-la de préférence le matin pour profiter de son effet revitalisant tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e🥗\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi la saupoudrer sur une salade ou un bol de céréales pour varier les plaisirs !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eOrigine et qualité Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"kl-testimonial\"\u003e\n\u003cp class=\"kl-testimonial-text\"\u003e\"La Klamath bio Sol Semilla provient exclusivement du lac Klamath supérieur, un écosystème volcanique unique situé à 1 400 mètres d'altitude. L'algue y pousse de façon sauvage, nourrie par des sédiments minéraux d'une richesse exceptionnelle. Après récolte, elle est séchée délicatement pour conserver toutes ses propriétés nutritives à l'état brut.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🏔️ Lac volcanique\u003c\/h3\u003e\n\u003cp\u003e1 400 m d'altitude en Oregon, écosystème préservé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌾 Récolte sauvage\u003c\/h3\u003e\n\u003cp\u003eAlgue non cultivée, nourrie par les sédiments naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôle en France\u003c\/h3\u003e\n\u003cp\u003eChaque lot élaboré et contrôlé par l'équipe Sol Semilla\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eStandards de qualité rigoureux, transparence totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"kl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"kl-accordion\"\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Consultez un professionnel de santé avant utilisation en cas de grossesse, d'allaitement ou de traitement médicamenteux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"kl-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Les compléments alimentaires ne remplacent pas une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --kl-cream: #f5f0ea;\n  --kl-white: #ffffff;\n  --kl-primary: #2ea8a0;\n  --kl-primary-dark: #1a6e68;\n  --kl-primary-light: #e8f5f3;\n  --kl-secondary: #c44b3f;\n  --kl-accent: #d4854a;\n  --kl-text: #1a1a1a;\n  --kl-text-light: #5a5a5a;\n  --kl-border: #e0dcd6;\n  --kl-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --kl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --kl-radius: 20px;\n  --kl-radius-sm: 12px;\n}\n\n.kl-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--kl-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kl-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a6e68 0%, #2ea8a0 45%, #3dbfb5 100%);\n  border-radius: var(--kl-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--kl-shadow-lg);\n}\n\n.kl-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(196,75,63,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.kl-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.kl-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kl-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .03em;\n  text-transform: uppercase;\n}\n\n.kl-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kl-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.kl-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--kl-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.kl-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kl-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kl-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--kl-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.kl-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--kl-primary), var(--kl-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kl-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kl-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kl-card {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--kl-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.kl-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--kl-shadow-lg);\n  border-color: var(--kl-primary);\n}\n\n.kl-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--kl-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.kl-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--kl-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kl-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kl-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.kl-grid-compact .kl-card {\n  padding: 1rem;\n}\n\n.kl-grid-compact .kl-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.kl-grid-compact .kl-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kl-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.kl-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.kl-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--kl-primary), var(--kl-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.kl-timeline-content {\n  flex: 1;\n  background: var(--kl-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--kl-radius-sm);\n  box-shadow: var(--kl-shadow);\n}\n\n.kl-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--kl-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.kl-timeline-content p {\n  font-size: 14px;\n  color: var(--kl-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kl-testimonial {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--kl-shadow);\n  border-left: 4px solid var(--kl-primary);\n}\n\n.kl-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--kl-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kl-accordion {\n  background: var(--kl-white);\n  border-radius: var(--kl-radius);\n  box-shadow: var(--kl-shadow);\n  overflow: hidden;\n}\n\n.kl-accordion-item {\n  border-bottom: 1px solid var(--kl-border);\n  margin: 0;\n  padding: 0;\n}\n\n.kl-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.kl-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--kl-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.kl-accordion-header:hover {\n  background: var(--kl-primary-light);\n}\n\n.kl-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.kl-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--kl-primary);\n  transition: transform .2s ease;\n}\n\n.kl-accordion-item[open] .kl-accordion-header::after {\n  content: '−';\n}\n\n.kl-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--kl-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.kl-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kl-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--kl-primary-light);\n  border-radius: var(--kl-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.kl-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.kl-tip p {\n  font-size: 14px;\n  color: var(--kl-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kl-disclaimer {\n  font-size: 12px;\n  color: var(--kl-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .kl-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .kl-card {\n    padding: 1.125rem;\n  }\n\n  .kl-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .kl-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--kl-radius-sm);\n  }\n\n  .kl-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .kl-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .kl-grid-compact {\n    gap: .625rem;\n  }\n\n  .kl-grid-compact .kl-card {\n    padding: .75rem;\n  }\n\n  .kl-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .kl-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .kl-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .kl-timeline-content p {\n    font-size: 13px;\n  }\n\n  .kl-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .kl-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .kl-testimonial {\n    padding: 1.25rem;\n  }\n\n  .kl-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .kl-card {\n    animation: klFadeInUp .5s ease backwards;\n  }\n  .kl-card:nth-child(1) { animation-delay: .05s; }\n  .kl-card:nth-child(2) { animation-delay: .1s; }\n  .kl-card:nth-child(3) { animation-delay: .15s; }\n  .kl-card:nth-child(4) { animation-delay: .2s; }\n  .kl-card:nth-child(5) { animation-delay: .25s; }\n  .kl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .kl-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755117404317,"sku":"R031","price":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":"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":"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/complements-plantes-extraits-vegetaux.webp?v=1790072685","url":"https:\/\/www.naturellement-bio.com\/collections\/complements-plantes-extraits-vegetaux.oembed?page=13","provider":"Naturellement Bio","version":"1.0","type":"link"}