{"title":"Zinc (gluconate, picolinate)","description":"\u003ch2 id=\"quiz\" style=\"text-align: center; font-size: 2em; color: #66745c;\"\u003eQuestionnaire interactif : découvrez quel complément alimentaire au zinc est fait pour vous\u003c\/h2\u003e\n\u003cdiv class=\"container quiz-container\"\u003e\n\u003c!-- Étape 1 : Objectif principal --\u003e\n\u003cdiv class=\"quiz-step active\" id=\"quiz-step-1\"\u003e\n\u003ch3\u003eÉtape 1 : Quel est votre principal objectif ?\u003c\/h3\u003e\n\u003cp\u003e\u003clabel\u003e\u003cinput value=\"immunite\" name=\"objective\" type=\"radio\"\u003e Soutenir votre immunité et la santé de votre peau\u003c\/label\u003e \u003clabel\u003e\u003cinput value=\"fertilite\" name=\"objective\" type=\"radio\"\u003e Optimiser la fertilité et la santé de la prostate\u003c\/label\u003e \u003clabel\u003e\u003cinput value=\"sport\" name=\"objective\" type=\"radio\"\u003e Améliorer vos performances sportives et réduire la fatigue musculaire\u003c\/label\u003e \u003clabel\u003e\u003cinput value=\"equilibre\" name=\"objective\" type=\"radio\"\u003e Maintenir un équilibre global et réduire le stress\u003c\/label\u003e\u003c\/p\u003e\n\u003cdiv class=\"quiz-buttons\"\u003e\u003cbutton type=\"button\"\u003eSuivant\u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Étape 2 : Préférence de composition --\u003e\n\u003cdiv class=\"quiz-step\" id=\"quiz-step-2\"\u003e\n\u003ch3\u003eÉtape 2 : Quelle formule recherchez-vous ?\u003c\/h3\u003e\n\u003cp\u003e\u003clabel\u003e\u003cinput value=\"enrichi\" name=\"composition\" type=\"radio\"\u003e Une formule enrichie (ex. avec Vitamine B6)\u003c\/label\u003e \u003clabel\u003e\u003cinput value=\"pur\" name=\"composition\" type=\"radio\"\u003e Un complément formulé de façon pure\u003c\/label\u003e \u003clabel\u003e\u003cinput value=\"indifferent\" name=\"composition\" type=\"radio\"\u003e Indifférent\u003c\/label\u003e\u003c\/p\u003e\n\u003cdiv class=\"quiz-buttons\"\u003e\n\u003cbutton type=\"button\"\u003ePrécédent\u003c\/button\u003e \u003cbutton type=\"button\"\u003eSuivant\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Étape 3 : Préférence de forme --\u003e\n\u003cdiv class=\"quiz-step\" id=\"quiz-step-3\"\u003e\n\u003ch3\u003eÉtape 3 : Quelle forme de complément préférez-vous ?\u003c\/h3\u003e\n\u003cp\u003e\u003clabel\u003e\u003cinput value=\"capsules\" name=\"form\" type=\"radio\"\u003e Capsules \/ Comprimés\u003c\/label\u003e \u003clabel\u003e\u003cinput value=\"gelules\" name=\"form\" type=\"radio\"\u003e Gélules\u003c\/label\u003e \u003clabel\u003e\u003cinput value=\"indifferent\" name=\"form\" type=\"radio\"\u003e Indifférent\u003c\/label\u003e\u003c\/p\u003e\n\u003cdiv class=\"quiz-buttons\"\u003e\n\u003cbutton type=\"button\"\u003ePrécédent\u003c\/button\u003e \u003cbutton type=\"button\"\u003eVoir les recommandations\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Zone d'affichage du résultat --\u003e\n\u003cdiv style=\"display: none;\" id=\"quiz-result\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2\u003e❓ FAQ – Tout savoir sur les compléments alimentaires au zinc\u003c\/h2\u003e\n\u003cp\u003eVous vous posez encore des questions sur les compléments au zinc ? Voici tout ce qu’il faut savoir ! 👇\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLe zinc peut-il provoquer des effets secondaires ?\u003c\/summary\u003e\n\u003cp\u003eLe zinc est bien toléré dans la majorité des cas. Un excès peut toutefois provoquer des \u003cstrong\u003enausées\u003c\/strong\u003e, un \u003cstrong\u003egoût métallique\u003c\/strong\u003e ou des \u003cstrong\u003etroubles digestifs\u003c\/strong\u003e. Si ces symptômes apparaissent, réduisez la dose.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eEn combien de temps ressent-on les effets ?\u003c\/summary\u003e\n\u003cp\u003ePour l’immunité, les effets sont ressentis après \u003cstrong\u003equelques jours\u003c\/strong\u003e. Pour la peau, les cheveux ou la fertilité, il faut compter \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur moment pour prendre du zinc ?\u003c\/summary\u003e\n\u003cp\u003eLe zinc est mieux absorbé à jeun, \u003cstrong\u003e30 à 60 minutes avant un repas\u003c\/strong\u003e ou \u003cstrong\u003e2 heures après\u003c\/strong\u003e. Si vous ressentez une gêne digestive, prenez-le avec un en-cas léger.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on associer le zinc à d'autres compléments ?\u003c\/summary\u003e\n\u003cp\u003eOui :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine B6 :\u003c\/strong\u003e Améliore l’absorption.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine C :\u003c\/strong\u003e Renforce l’effet du zinc.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMagnésium :\u003c\/strong\u003e Effet synergique sur le métabolisme.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e💡 Évitez de le prendre avec du calcium ou du fer.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eFaut-il faire une pause entre deux cures ?\u003c\/summary\u003e\n\u003cp\u003eOui, après une cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, faites une pause d'au moins 1 mois pour éviter un déséquilibre minéral.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eTout le monde peut-il prendre du zinc ?\u003c\/summary\u003e\n\u003cp\u003eDéconseillé :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eAux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e sans avis médical.\u003c\/li\u003e\n\u003cli\u003eAux personnes souffrant de \u003cstrong\u003eproblèmes rénaux\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli\u003eEn cas de traitement médical (exemple : antibiotiques).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 Demandez conseil à un professionnel si besoin.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eFatigue, immunité, peau… Pourquoi le zinc est-il si important ?\u003c\/h2\u003e\n\u003cp\u003eFatigue persistante, peau terne, ongles cassants ou baisse de l’immunité… Et si votre corps manquait de zinc ? Ce minéral joue un rôle clé dans le \u003cstrong\u003ebon fonctionnement du système immunitaire\u003c\/strong\u003e, le maintien d'une peau saine et la fertilité. Pourtant, il est difficile d’en consommer suffisamment par l’alimentation seule.\u003c\/p\u003e\n\u003cp\u003eConsommer du zinc est une solution efficace pour combler ce déficit et améliorer votre bien-être au quotidien. Mais toutes les formes de zinc ne se valent pas ! Le zinc gluconate, le zinc picolinate et le zinc bisglycinate offrent chacun des avantages spécifiques : absorption rapide, tolérance digestive, biodisponibilité élevée…\u003c\/p\u003e\n\u003cp\u003e👉 Découvrons maintenant pourquoi un complément au zinc est idéal, et surtout comment choisir le bon complément au zinc en fonction de vos besoins (immunité, peau, cheveux, stress, fertilité) !\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi prendre un complément alimentaire au zinc ?\u003c\/h2\u003e\n\u003cp\u003eLe zinc est un oligo-élément essentiel, mais \u003cstrong\u003el'organisme ne sait pas le stocker\u003c\/strong\u003e. Cela signifie qu'il doit être apporté quotidiennement par l'alimentation. Problème : même avec une alimentation équilibrée, il sera parfois difficile de couvrir vos besoins. C'est pourquoi opter pour un complément alimentaire enrichi en zinc permet de profiter des différents bienfaits que voici :\u003c\/p\u003e\n\u003ch3\u003eLe zinc, un allié clé pour votre immunité...\u003c\/h3\u003e\n\u003cp\u003eLe zinc stimule la production de globules blancs et renforce la réponse immunitaire face aux infections. Il aide aussi à réduire la durée des symptômes lors d’un rhume ou d’une grippe. Les compléments au zinc sont donc très utiles en période hivernale ou lors de coups de fatigue passagers.\u003c\/p\u003e\n\u003ch3\u003e... et pour la beauté de la peau, des cheveux et des ongles\u003c\/h3\u003e\n\u003cp\u003eLe zinc participe à la synthèse du collagène et favorise la cicatrisation de la peau. Il régule aussi la production de sébum, limitant ainsi l'apparition de boutons. Il aide également à renforcer les cheveux et les ongles, les rendant plus résistants.\u003c\/p\u003e\n\u003ch3\u003eIl soutien de la fertilité et de la santé reproductive\u003c\/h3\u003e\n\u003cp\u003eChez l'homme, le zinc est essentiel à la production de testostérone et à la qualité des spermatozoïdes. Chez la femme, il soutient l'équilibre hormonal et la qualité des ovules, jouant ainsi un rôle clé dans la fertilité.\u003c\/p\u003e\n\u003ch3\u003eC'est un minéral essentiel pour le métabolisme énergétique\u003c\/h3\u003e\n\u003cp\u003eLe zinc intervient dans de nombreuses réactions enzymatiques liées à la production d’énergie. Il protège également les cellules contre le stress oxydatif, aidant ainsi à lutter contre la fatigue physique et mentale.\u003c\/p\u003e\n\u003cp\u003e💡 Prendre un complément alimentaire au zinc permet de \u003cstrong\u003ecouvrir efficacement vos besoins quotidiens\u003c\/strong\u003e et d'optimiser votre bien-être général.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuel complément à base de zinc choisir selon vos besoins ?\u003c\/h2\u003e\n\u003cdiv style=\"overflow: auto;\"\u003e\n\u003ctable class=\"table table-responsive\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eVotre besoin\u003c\/th\u003e\n\u003cth\u003ePourquoi le zinc est adapté\u003c\/th\u003e\n\u003cth\u003eLe meilleur complément au zinc pour cela\u003c\/th\u003e\n\u003cth\u003ePourquoi ce choix\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eRenforcer l’immunité\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eStimule la production de globules blancs et renforce la réponse immunitaire.\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/products\/zinc-compact-bio-et-vegan-60-comprimes-gse\"\u003eZinc Compact Bio - 60 comprimés - GSE\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd\u003eCar c'est une formule bio et vegan, très facilement assimilable.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eAméliorer la santé de la peau\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eRégule la production de sébum et favorise la cicatrisation.\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/products\/dermideal-complexe-zinc-bardane-30-comprimes-dietaroma\"\u003eDermidéal - Zinc + Bardane\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd\u003ePour son action ciblée sur la peau.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eRenforcer les cheveux et les ongles\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eFavorise la synthèse de kératine.\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/products\/ultra-cheveux-plus-60-comprimes-naturesplus\"\u003eUltra Cheveux Plus - Nature's Plus\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd\u003eCar il est enrichi en MSM pour une action renforcée.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eFavoriser la fertilité masculine\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eAméliore la qualité des spermatozoïdes.\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/products\/fertitop-homme-fertilite-60-gelules-labophyto\"\u003eFertitop Homme - Labophyto\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd\u003eCar c'est une formule complète et synergique, idéale pour la fertilité.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eRenforcer les défenses naturelles\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eAide à lutter contre le stress oxydatif.\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/products\/immunocance-jade-recherche-defenses-immunitaires-60-g-jade-recherche\"\u003eImmunocance - Jade Recherche\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd\u003eCar il contient beaucoup d'antioxydants.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eAction globale sur le métabolisme\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eParticipe aux réactions enzymatiques.\u003c\/td\u003e\n\u003ctd\u003e\u003ca href=\"\/products\/spectro-energy-60-capsules-vegetales-solaray\"\u003eSpectro Energy - SOLARAY\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd\u003eCar ce complément est à la fois riche en zinc et en vitamines.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-5 mb-3\"\u003e\n\u003ch2\u003eEn combien de temps ressent-on les effets d’un complément au zinc ?\u003c\/h2\u003e\n\u003cp\u003eLa rapidité d'action d'un complément au zinc dépend de plusieurs facteurs. Tout d'abord, \u003cstrong\u003ela forme du zinc\u003c\/strong\u003e (gluconate, picolinate, bisglycinate) influence directement le délai d'action, certaines étant mieux assimilées par l'organisme que d'autres. Ensuite, \u003cstrong\u003ele dosage\u003c\/strong\u003e joue également un rôle clé : une concentration adaptée favorise une efficacité plus rapide. Enfin, \u003cstrong\u003evotre état de santé général \u003c\/strong\u003epeut accélérer ou ralentir l'absorption et l'apparition des premiers effets. Les formes les mieux absorbées permettent généralement de ressentir les bénéfices plus rapidement. Voici les délais que vous pouvez espérer en fonction de ce que vous consommez :\u003c\/p\u003e\n\u003ch3\u003eLe zinc gluconate pour un effet rapide pour l’immunité\u003c\/h3\u003e\n\u003cp\u003eLe zinc gluconate est rapidement assimilé, avec des premiers effets sur l’immunité en \u003cstrong\u003equelques jours\u003c\/strong\u003e. Il est idéal lors de fatigue passagère ou en début d'infection.\u003c\/p\u003e\n\u003ch3\u003eLe zinc picolinate pour une action durable\u003c\/h3\u003e\n\u003cp\u003eLe zinc picolinate offre une excellente biodisponibilité. Les bienfaits sur la peau, les cheveux et la fertilité apparaissent généralement après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch3\u003eLe zinc bisglycinate pour une tolérance optimale\u003c\/h3\u003e\n\u003cp\u003eLe zinc bisglycinate est très bien toléré par le système digestif. Les premiers effets sur le stress et le bien-être général sont ressentis après \u003cstrong\u003e2 à 4 semaines\u003c\/strong\u003e.\u003c\/p\u003e\n\u003ch3\u003eDevriez-vous plutôt choisir une forme de zinc à effet rapide ou durable ?\u003c\/h3\u003e\n\u003cp\u003e➡️ Pour un effet rapide sur l’immunité, optez pour le zinc gluconate.\u003cbr\u003e➡️ Pour une action durable sur la peau ou la fertilité, choisissez le zinc picolinate ou bisglycinate.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e prenez votre complément \u003cstrong\u003eà distance des repas riches en fibres ou en calcium\u003c\/strong\u003e pour une meilleure assimilation.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eComment bien prendre votre complément au zinc ?\u003c\/h2\u003e\n\u003cp\u003ePour maximiser les bienfaits du zinc, il est important de bien choisir le moment de la prise et d’éviter certaines associations.\u003c\/p\u003e\n\u003ch3\u003eQuand prendre son complément au zinc ?\u003c\/h3\u003e\n\u003cp\u003e➡️ \u003cstrong\u003eÀ jeun :\u003c\/strong\u003e Le zinc est mieux absorbé l'estomac vide. Prenez-le \u003cstrong\u003e30 à 60 minutes avant un repas\u003c\/strong\u003e ou \u003cstrong\u003e2 heures après\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003e➡️ \u003cstrong\u003eMatin ou soir :\u003c\/strong\u003e Pour un effet sur l’énergie ou l’immunité, privilégiez une prise le matin. Pour une action anti-stress, prenez-le le soir.\u003c\/p\u003e\n\u003ch3\u003eAvec quels nutriments l’associer ?\u003c\/h3\u003e\n\u003cp\u003e✅ \u003cstrong\u003eVitamine B6 :\u003c\/strong\u003e Améliore l'absorption et renforce l’effet sur le système nerveux.\u003cbr\u003e✅ \u003cstrong\u003eVitamine C :\u003c\/strong\u003e Améliore la biodisponibilité et soutient l’immunité.\u003cbr\u003e✅ \u003cstrong\u003eMagnésium :\u003c\/strong\u003e Synergie intéressante pour le métabolisme énergétique.\u003c\/p\u003e\n\u003ch3\u003eCe qu’il faut éviter\u003c\/h3\u003e\n\u003cp\u003e❌ \u003cstrong\u003eCalcium :\u003c\/strong\u003e Ralentit l’absorption du zinc. Évitez les produits laitiers en même temps.\u003cbr\u003e❌ \u003cstrong\u003eFer :\u003c\/strong\u003e Entre en compétition avec le zinc lors de l’absorption.\u003cbr\u003e❌ \u003cstrong\u003ePhytates :\u003c\/strong\u003e Présents dans les céréales complètes, ils réduisent l’assimilation du zinc.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe petit + qui fait la différence :\u003c\/strong\u003e prenez votre complément de zinc à jeun, de préférence le matin, avec de la vitamine B6 ou de la vitamine C pour une meilleure assimilation.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eEffets secondaires et contre-indications des compléments au zinc\u003c\/h2\u003e\n\u003cp\u003eLe zinc est bien toléré par la majorité des personnes lorsqu'il est pris dans les doses recommandées. Cependant, je préfère vous prévenir : une consommation excessive ou une prise inadaptée peut entraîner certains effets secondaires.\u003c\/p\u003e\n\u003ch3\u003eLes effets secondaires possibles\u003c\/h3\u003e\n\u003cp\u003e➡️ \u003cstrong\u003eTroubles digestifs :\u003c\/strong\u003e Nausées, douleurs abdominales ou lourdeurs, surtout si le zinc est pris à jeun.\u003cbr\u003e➡️ \u003cstrong\u003eGoût métallique :\u003c\/strong\u003e Certains compléments peuvent altérer temporairement le goût.\u003cbr\u003e➡️ \u003cstrong\u003eMaux de tête :\u003c\/strong\u003e Une prise excessive de zinc peut provoquer des maux de tête passagers.\u003cbr\u003e➡️ \u003cstrong\u003eFatigue et irritabilité :\u003c\/strong\u003e Un excès de zinc peut perturber l’équilibre des autres minéraux.\u003c\/p\u003e\n\u003ch3\u003eQuelques contre-indications\u003c\/h3\u003e\n\u003cp\u003e❌ \u003cstrong\u003eExcès de zinc :\u003c\/strong\u003e Une consommation supérieure à \u003cstrong\u003e40 mg par jour\u003c\/strong\u003e peut entraîner une carence en cuivre et une baisse de l’immunité.\u003cbr\u003e❌ \u003cstrong\u003eGrossesse et allaitement :\u003c\/strong\u003e À prendre sous contrôle médical.\u003cbr\u003e❌ \u003cstrong\u003eProblèmes rénaux :\u003c\/strong\u003e L’élimination du zinc peut être perturbée en cas d’insuffisance rénale.\u003cbr\u003e❌ \u003cstrong\u003eInteractions :\u003c\/strong\u003e Le zinc peut interférer avec certains antibiotiques et diurétiques. Consultez un professionnel de santé si besoin.\u003c\/p\u003e\n\u003ch3\u003eComment vous pouvez éviter les effets secondaires ?\u003c\/h3\u003e\n\u003cp\u003e✔️ Respectez le dosage recommandé.\u003cbr\u003e✔️ Prenez votre complément \u003cstrong\u003eà distance des repas riches en calcium ou en fer\u003c\/strong\u003e.\u003cbr\u003e✔️ En cas de troubles digestifs, optez pour une forme mieux tolérée comme le \u003cstrong\u003ezinc bisglycinate\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eEn respectant ces quelques consignes simples, vous profiterez pleinement des bienfaits du zinc. Une personne avertie en vaut deux !.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuelles synergies privilégier avec le zinc ?\u003c\/h2\u003e\n\u003cp\u003eLe zinc est encore plus efficace lorsqu’il agit en complémentarité avec d’autres minéraux, selon ce dont vous avez vraiment besoin en ce moment. Voici comment choisir la meilleure association pour vous, sans perdre de temps ni vous disperser.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003ePour soutenir vos défenses naturelles, surtout à l’approche de l’hiver ou en période de fatigue :\u003c\/strong\u003e\u003cbr\u003eAssocier le zinc à une \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/selenium\"\u003ecure de sélénium\u003c\/a\u003e permet de renforcer l’immunité et de traverser les saisons plus sereinement.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBesoin d’un vrai coup de pouce sur la vitalité ou la récupération physique ?\u003c\/strong\u003e\u003cbr\u003eMiser sur un \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/magnesium\"\u003ecomplément à base de magnésium\u003c\/a\u003e en même temps que votre cure de zinc aide à limiter la fatigue et à optimiser la récupération, que ce soit après un effort sportif ou dans les périodes intenses.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVous cherchez à améliorer la beauté de la peau, des cheveux ou des ongles ?\u003c\/strong\u003e\u003cbr\u003eUn \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/silicium\"\u003eapport en silicium\u003c\/a\u003e combiné au zinc favorise la solidité des ongles, le volume des cheveux et la résistance de la peau, surtout lors des changements de saison ou en cas de fragilité passagère.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEn cas de fatigue qui s’installe ou de tendance aux carences, notamment chez les femmes ou les sportifs :\u003c\/strong\u003e\u003cbr\u003ePensez à associer le zinc à un \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/fer\"\u003ecomplément riche en fer\u003c\/a\u003e pour aider l’organisme à retrouver du tonus et un bon équilibre général.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSi votre priorité est la santé des os ou la prévention des crampes :\u003c\/strong\u003e\u003cbr\u003eUn \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/calcium\"\u003eapport en calcium\u003c\/a\u003e (en plus du zinc) et, si besoin, une \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/manganese\"\u003ecure de manganèse\u003c\/a\u003e peuvent renforcer la structure osseuse et soutenir le confort articulaire sur le long terme.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eD’autres synergies ont aussi leur intérêt : le \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/cuivre\"\u003ecuivre\u003c\/a\u003e pour l’équilibre immunitaire, l’\u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/iode\"\u003eiode\u003c\/a\u003e pour soutenir la thyroïde, ou encore le \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/sodium\"\u003esodium\u003c\/a\u003e et le \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/potassium\"\u003epotassium\u003c\/a\u003e pour maintenir un bon équilibre électrolytique.\u003c\/p\u003e\n\u003cp\u003eL’essentiel, c’est de choisir la synergie qui colle à votre besoin du moment : pas besoin de tout cumuler, mais simplement d’être attentif à ce qui vous convient le mieux aujourd’hui. Pour aller plus loin ou ajuster votre routine, découvrez aussi l’ensemble de nos \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/mineraux-oligo-elements\"\u003ecompléments alimentaires riches minéraux et oligo-éléments\u003c\/a\u003e.\u003c\/p\u003e","products":[{"product_id":"hypertonic-buvable-30-ampoules-de-10-ml-quinton","title":"Hypertonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Hypertonic Buvable - 30 Ampoules de 10 ml - Quinton\nPalette détectée:\n  - Primaire: #1e3a5f (bleu marine profond du packaging)\n  - Secondaire: #4a90c2 (bleu océan clair des motifs)\n  - Accent: #c9a227 (doré des ampoules)\n  - Light: #e8f4fc (bleu très clair pour backgrounds)\nAmbiance: Marine\/océanique, scientifique, premium, naturel, confiance médicale\nPréfixe CSS: qh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Qu'est-ce que le Quinton Hypertonic ?\"\n  2. \"Les bienfaits de l'eau de mer Quinton Hypertonic\"\n  3. \"Quelle différence entre Quinton isotonique et hypertonique ?\"\n  4. \"Composition détaillée\"\n  5. \"Comment prendre le Quinton Hypertonic ?\"\n  6. \"Un procédé de fabrication rigoureux\"\n  7. \"Pour qui est recommandé le Quinton Hypertonic ?\"\n  8. \"Précautions d'emploi\"\n  9. \"Pourquoi choisir le Quinton Hypertonic ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"qh-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"qh-hero\"\u003e\n    \u003cdiv class=\"qh-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"qh-hero-content\"\u003e\n      \u003cdiv class=\"qh-badges-top\"\u003e\n        \u003cspan class=\"qh-badge\"\u003e🌊 78 minéraux marins\u003c\/span\u003e\n        \u003cspan class=\"qh-badge\"\u003e💎 100 % eau de mer pure\u003c\/span\u003e\n        \u003cspan class=\"qh-badge\"\u003e🔬 Depuis 1897\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"qh-hero-title\"\u003eQuinton Hypertonic\u003c\/span\u003e\n      \u003cp class=\"qh-subtitle\"\u003e30 ampoules buvables de 10 ml\u003c\/p\u003e\n      \u003cp class=\"qh-description\"\u003eUn concentré de vie marine pour revitaliser votre organisme et combler vos besoins en minéraux. Plus d'un siècle d'expertise au service de votre vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eQu'est-ce que le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-intro-card\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eQuinton Hypertonic\u003c\/strong\u003e est une \u003cstrong\u003eeau de mer hypertonique\u003c\/strong\u003e buvable, prélevée au large des côtes dans des zones marines exceptionnellement riches en phytoplancton. Contrairement à l'eau de mer classique, cette solution conserve l'intégralité de ses \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e grâce à un procédé de microfiltration à froid qui préserve toutes ses propriétés naturelles.\u003c\/p\u003e\n      \u003cp\u003eCe complément s'inscrit dans la lignée des travaux du biologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, qui a démontré dès le début du XXe siècle la remarquable similitude entre l'eau de mer et notre milieu intérieur. La formule hypertonique présente une concentration en minéraux supérieure à celle du plasma sanguin, ce qui en fait un allié de choix pour les personnes ayant des besoins accrus en reminéralisation.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'eau de mer Quinton Hypertonic\u003c\/h2\u003e\n    \u003cp class=\"qh-section-intro\"\u003eL'eau de mer de Quinton en version hypertonique offre une synergie unique de minéraux biodisponibles :\u003c\/p\u003e\n    \u003cdiv class=\"qh-grid\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e💧 Reminéralisation profonde\u003c\/h3\u003e\n        \u003cp\u003eApport concentré en magnésium, calcium, potassium, zinc et plus de 70 autres éléments traces\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n        \u003cp\u003eIdéal en période de fatigue, de stress ou de convalescence pour retrouver votre énergie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏃 Récupération sportive\u003c\/h3\u003e\n        \u003cp\u003eAide à compenser les pertes minérales après un effort physique intense\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir un pH corporel optimal pour un fonctionnement harmonieux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🔋 Stimulation naturelle\u003c\/h3\u003e\n        \u003cp\u003eEffet tonifiant grâce à sa concentration hypertonique supérieure au plasma sanguin\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eSans additif, sans conservateur, sans gluten — l'eau de mer est le seul ingrédient\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eQuelle différence entre Quinton isotonique et hypertonique ?\u003c\/h2\u003e\n    \u003cp class=\"qh-section-intro\"\u003eCette question revient souvent, et elle mérite une réponse claire :\u003c\/p\u003e\n    \u003cdiv class=\"qh-comparison\"\u003e\n      \u003cdiv class=\"qh-comparison-card qh-isotonic\"\u003e\n        \u003cdiv class=\"qh-comparison-header\"\u003e\n          \u003cspan class=\"qh-comparison-icon\"\u003e🌊\u003c\/span\u003e\n          \u003ch3\u003eQuinton Isotonique\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cul\u003e\n          \u003cli\u003eEau de mer \u003cstrong\u003ediluée\u003c\/strong\u003e avec de l'eau de source\u003c\/li\u003e\n          \u003cli\u003eConcentration similaire à notre milieu intérieur\u003c\/li\u003e\n          \u003cli\u003eConvient aux \u003cstrong\u003ecures douces\u003c\/strong\u003e\n\u003c\/li\u003e\n          \u003cli\u003eIdéal pour l'hydratation cellulaire\u003c\/li\u003e\n          \u003cli\u003eRecommandé aux personnes sensibles\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"qh-comparison-tag\"\u003eCure de fond\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-comparison-card qh-hypertonic\"\u003e\n        \u003cdiv class=\"qh-comparison-header\"\u003e\n          \u003cspan class=\"qh-comparison-icon\"\u003e⚡\u003c\/span\u003e\n          \u003ch3\u003eQuinton Hypertonic\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cul\u003e\n          \u003cli\u003eEau de mer \u003cstrong\u003epure, non diluée\u003c\/strong\u003e\n\u003c\/li\u003e\n          \u003cli\u003eConcentration en minéraux plus élevée\u003c\/li\u003e\n          \u003cli\u003eEffet \u003cstrong\u003edynamisant\u003c\/strong\u003e rapide\u003c\/li\u003e\n          \u003cli\u003eIdéal en période de fatigue marquée\u003c\/li\u003e\n          \u003cli\u003eRecommandé pour les sportifs\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"qh-comparison-tag qh-tag-highlight\"\u003eCoup de boost\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-tip\"\u003e\n      \u003cspan class=\"qh-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eSi vous hésitez entre les deux, l'Hypertonic sera votre allié pour un \u003cstrong\u003ecoup de boost rapide\u003c\/strong\u003e, tandis que l'Isotonique s'intégrera mieux dans une cure de fond sur plusieurs semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"qh-composition\"\u003e\n      \u003cdiv class=\"qh-composition-main\"\u003e\n        \u003cdiv class=\"qh-composition-badge\"\u003e100 %\u003c\/div\u003e\n        \u003cdiv class=\"qh-composition-text\"\u003e\n          \u003ch3\u003eEau de mer naturelle hypertonique\u003c\/h3\u003e\n          \u003cp\u003e10 ml par ampoule — ingrédient unique, pureté absolue\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-minerals-grid\"\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e~110 mg\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003eMagnésium\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e~40 mg\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003eCalcium\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e~38 mg\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003ePotassium\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"qh-mineral\"\u003e\n          \u003cspan class=\"qh-mineral-value\"\u003e+70\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-name\"\u003eOligo-éléments\u003c\/span\u003e\n          \u003cspan class=\"qh-mineral-unit\"\u003eà l'état de traces\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"qh-composition-note\"\u003eSoufre, silicium, zinc, iode, sélénium et plus de 70 autres éléments présents naturellement. \u003cstrong\u003eSans additif, sans conservateur, sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eComment prendre le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-timeline\"\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003ePosologie conseillée\u003c\/h3\u003e\n          \u003cp\u003e1 à 2 ampoules par jour, de préférence le matin à jeun pour une absorption optimale. Cure de 15 à 30 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003eOuvrir l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eCassez délicatement les deux extrémités de l'ampoule en verre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003eAbsorption sublinguale (recommandée)\u003c\/h3\u003e\n          \u003cp\u003eVersez le contenu directement sous la langue pour une absorption sublinguale — c'est la méthode la plus efficace.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-timeline-item\"\u003e\n        \u003cdiv class=\"qh-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"qh-timeline-content\"\u003e\n          \u003ch3\u003eAlternative\u003c\/h3\u003e\n          \u003cp\u003eVous pouvez également diluer l'ampoule dans un demi-verre d'eau si le goût salé vous incommode.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-tip\"\u003e\n      \u003cspan class=\"qh-tip-icon\"\u003e🏃\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce sportifs :\u003c\/strong\u003e Prenez une ampoule 30 minutes avant l'effort et une autre après pour optimiser la récupération.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003eUn procédé de fabrication rigoureux\u003c\/h2\u003e\n    \u003cp class=\"qh-section-intro\"\u003eLa qualité de l'eau de mer Quinton repose sur un protocole de fabrication unique :\u003c\/p\u003e\n    \u003cdiv class=\"qh-grid\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🌊 Prélèvement sélectif\u003c\/h3\u003e\n        \u003cp\u003eL'eau est captée à plus de 30 mètres de profondeur, dans des zones océaniques préservées riches en vortex planctoniques\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n        \u003cp\u003eCe procédé breveté préserve l'intégralité des minéraux et oligo-éléments sans altération thermique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🔬 Contrôles qualité stricts\u003c\/h3\u003e\n        \u003cp\u003eAnalyses bactériologiques et physico-chimiques à chaque lot pour garantir la sécurité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏭 Fabrication en Espagne\u003c\/h3\u003e\n        \u003cp\u003eDans les Laboratoires Quinton, certifiés selon les normes pharmaceutiques les plus exigeantes\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-highlight-box\"\u003e\n      \u003cp\u003eCe savoir-faire garantit une \u003cstrong\u003ebiodisponibilité exceptionnelle\u003c\/strong\u003e : votre organisme assimile les minéraux marins bien plus facilement que les compléments de synthèse.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003ePour qui est recommandé le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-grid-compact\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n        \u003cp\u003eEn période de surmenage\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n        \u003cp\u003eRécupération et performances\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🏥 Convalescents\u003c\/h3\u003e\n        \u003cp\u003eAprès maladie ou intervention\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🍽️ Adultes carencés\u003c\/h3\u003e\n        \u003cp\u003eAlimentation déséquilibrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n        \u003cp\u003eBesoins en magnésium accrus\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n        \u003cp\u003eAdultes et adolescents\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 --\u003e\n  \u003csection class=\"qh-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"qh-accordion\"\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux personnes suivant un régime sans sel strict ou souffrant d'hypertension non contrôlée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce complément alimentaire ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"qh-accordion-item\"\u003e\n        \u003csummary class=\"qh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"qh-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"qh-disclaimer\"\u003eEn cas de doute sur votre état de santé, consultez un professionnel de santé.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 9 --\u003e\n  \u003csection class=\"qh-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir le Quinton Hypertonic ?\u003c\/h2\u003e\n    \u003cdiv class=\"qh-grid-compact\"\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🌊 78 minéraux\u003c\/h3\u003e\n        \u003cp\u003eNaturellement assimilables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e💎 100 % pure\u003c\/h3\u003e\n        \u003cp\u003eSans additif ni conservateur\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e📜 Depuis 1897\u003c\/h3\u003e\n        \u003cp\u003ePlus d'un siècle d'expertise\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n        \u003cp\u003eAmpoules faciles à emporter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n        \u003cp\u003eDu prélèvement à l'ampoule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"qh-card\"\u003e\n        \u003ch3\u003e🇪🇸 Made in Spain\u003c\/h3\u003e\n        \u003cp\u003eNormes pharmaceutiques\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"qh-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre corps ce dont il a besoin avec l'\u003cstrong\u003eHypertonic Buvable Quinton\u003c\/strong\u003e : une reminéralisation profonde puisée directement à la source de la vie marine.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --qh-cream: #f8fbfd;\n  --qh-white: #ffffff;\n  --qh-primary: #1e3a5f;\n  --qh-primary-dark: #0f2540;\n  --qh-primary-light: #e8f4fc;\n  --qh-secondary: #4a90c2;\n  --qh-accent: #c9a227;\n  --qh-text: #1a1a1a;\n  --qh-text-light: #5a6a7a;\n  --qh-border: #d4e5f2;\n  --qh-shadow: 0 4px 24px rgba(30,58,95,.08);\n  --qh-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n  --qh-radius: 20px;\n  --qh-radius-sm: 12px;\n}\n\n.qh-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qh-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qh-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--qh-primary) 0%, var(--qh-secondary) 50%, #2d5a87 100%);\n  border-radius: var(--qh-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--qh-shadow-lg);\n}\n\n.qh-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C20 15 10 15 5 30c5 15 15 15 25 25 10-10 20-10 25-25-5-15-15-15-25-25z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n  opacity: .3;\n}\n\n.qh-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.qh-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qh-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qh-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qh-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.qh-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.qh-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.qh-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.qh-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qh-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qh-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.qh-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--qh-primary), var(--qh-secondary));\n  border-radius: 2px;\n}\n\n.qh-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qh-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.qh-intro-card {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qh-shadow);\n  border-left: 4px solid var(--qh-secondary);\n}\n\n.qh-intro-card p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--qh-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.qh-intro-card p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === GRID === *\/\n.qh-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.qh-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qh-grid-compact .qh-card {\n  padding: 1rem;\n}\n\n.qh-grid-compact .qh-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qh-grid-compact .qh-card p {\n  font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.qh-card {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qh-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qh-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qh-shadow-lg);\n  border-color: var(--qh-secondary);\n}\n\n.qh-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qh-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qh-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.qh-comparison {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.qh-comparison-card {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: 1.5rem;\n  box-shadow: var(--qh-shadow);\n  position: relative;\n  overflow: hidden;\n}\n\n.qh-comparison-card.qh-hypertonic {\n  border: 2px solid var(--qh-accent);\n}\n\n.qh-comparison-header {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  margin-bottom: 1rem;\n}\n\n.qh-comparison-icon {\n  font-size: 28px;\n}\n\n.qh-comparison-header h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--qh-primary-dark);\n  margin: 0;\n}\n\n.qh-comparison-card ul {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1rem 0;\n}\n\n.qh-comparison-card li {\n  font-size: 14px;\n  color: var(--qh-text);\n  padding: .5rem 0;\n  border-bottom: 1px solid var(--qh-border);\n  line-height: 1.5;\n}\n\n.qh-comparison-card li:last-child {\n  border-bottom: none;\n}\n\n.qh-comparison-tag {\n  display: inline-block;\n  padding: 6px 14px;\n  background: var(--qh-primary-light);\n  color: var(--qh-primary);\n  font-size: 13px;\n  font-weight: 700;\n  border-radius: 999px;\n}\n\n.qh-comparison-tag.qh-tag-highlight {\n  background: linear-gradient(135deg, var(--qh-accent), #d4b02e);\n  color: white;\n}\n\n\/* === COMPOSITION === *\/\n.qh-composition {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qh-shadow);\n}\n\n.qh-composition-main {\n  display: flex;\n  align-items: center;\n  gap: 1.25rem;\n  padding-bottom: 1.5rem;\n  margin-bottom: 1.5rem;\n  border-bottom: 2px solid var(--qh-border);\n}\n\n.qh-composition-badge {\n  flex-shrink: 0;\n  width: 70px;\n  height: 70px;\n  background: linear-gradient(135deg, var(--qh-secondary), var(--qh-primary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 20px;\n  font-weight: 900;\n}\n\n.qh-composition-text h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--qh-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qh-composition-text p {\n  font-size: 14px;\n  color: var(--qh-text-light);\n  margin: 0;\n}\n\n.qh-minerals-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.qh-mineral {\n  text-align: center;\n  padding: 1rem .5rem;\n  background: var(--qh-primary-light);\n  border-radius: var(--qh-radius-sm);\n}\n\n.qh-mineral-value {\n  display: block;\n  font-size: 20px;\n  font-weight: 900;\n  color: var(--qh-primary);\n  margin-bottom: .25rem;\n}\n\n.qh-mineral-name {\n  display: block;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qh-primary-dark);\n  margin-bottom: .15rem;\n}\n\n.qh-mineral-unit {\n  display: block;\n  font-size: 11px;\n  color: var(--qh-text-light);\n}\n\n.qh-composition-note {\n  font-size: 14px;\n  color: var(--qh-text-light);\n  text-align: center;\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.qh-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qh-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qh-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--qh-primary), var(--qh-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 18px;\n  box-shadow: 0 4px 12px rgba(30,58,95,.2);\n}\n\n.qh-timeline-content {\n  flex: 1;\n  background: var(--qh-white);\n  padding: 1.25rem 1.5rem;\n  border-radius: var(--qh-radius-sm);\n  box-shadow: var(--qh-shadow);\n}\n\n.qh-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qh-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.qh-timeline-content p {\n  font-size: 14px;\n  color: var(--qh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.qh-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: linear-gradient(135deg, var(--qh-primary-light), #d4e9f7);\n  border-radius: var(--qh-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--qh-secondary);\n}\n\n.qh-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qh-tip p {\n  font-size: 14px;\n  color: var(--qh-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qh-highlight-box {\n  background: linear-gradient(135deg, var(--qh-primary-light), #d4e9f7);\n  border-radius: var(--qh-radius-sm);\n  padding: 1.25rem 1.5rem;\n  margin-top: 1.5rem;\n  text-align: center;\n  border: 2px solid var(--qh-secondary);\n}\n\n.qh-highlight-box p {\n  font-size: 15px;\n  color: var(--qh-primary-dark);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === ACCORDION === *\/\n.qh-accordion {\n  background: var(--qh-white);\n  border-radius: var(--qh-radius);\n  box-shadow: var(--qh-shadow);\n  overflow: hidden;\n}\n\n.qh-accordion-item {\n  border-bottom: 1px solid var(--qh-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qh-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qh-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qh-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.qh-accordion-header:hover {\n  background: var(--qh-primary-light);\n}\n\n.qh-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qh-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qh-secondary);\n  transition: transform .2s ease;\n}\n\n.qh-accordion-item[open] .qh-accordion-header::after {\n  content: '−';\n}\n\n.qh-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qh-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.qh-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.qh-cta-box {\n  background: linear-gradient(135deg, var(--qh-primary) 0%, var(--qh-primary-dark) 100%);\n  border-radius: var(--qh-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  margin-top: 1.5rem;\n  position: relative;\n  overflow: hidden;\n}\n\n.qh-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n  opacity: .5;\n}\n\n.qh-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qh-disclaimer {\n  font-size: 12px;\n  color: var(--qh-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .qh-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .qh-card {\n    padding: 1.125rem;\n  }\n  \n  .qh-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .qh-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qh-radius-sm);\n  }\n  \n  .qh-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .qh-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .qh-grid-compact {\n    gap: .625rem;\n  }\n  \n  .qh-grid-compact .qh-card {\n    padding: .75rem;\n  }\n  \n  .qh-timeline-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .qh-timeline-content {\n    padding: 1rem 1.125rem;\n  }\n  \n  .qh-timeline-content h3 {\n    font-size: 15px;\n  }\n  \n  .qh-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .qh-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .qh-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .qh-comparison {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .qh-minerals-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .75rem;\n  }\n  \n  .qh-mineral {\n    padding: .75rem .5rem;\n  }\n  \n  .qh-mineral-value {\n    font-size: 18px;\n  }\n  \n  .qh-composition-main {\n    flex-direction: column;\n    text-align: center;\n  }\n  \n  .qh-composition-badge {\n    width: 60px;\n    height: 60px;\n    font-size: 18px;\n  }\n  \n  .qh-intro-card {\n    padding: 1.25rem;\n  }\n  \n  .qh-tip {\n    padding: 1rem 1.125rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qh-card {\n    animation: qhFadeInUp .5s ease backwards;\n  }\n  .qh-card:nth-child(1) { animation-delay: .05s; }\n  .qh-card:nth-child(2) { animation-delay: .1s; }\n  .qh-card:nth-child(3) { animation-delay: .15s; }\n  .qh-card:nth-child(4) { animation-delay: .2s; }\n  .qh-card:nth-child(5) { animation-delay: .25s; }\n  .qh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qhFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .qh-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680082589,"sku":"QU0035","price":29.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quinton-hypertonic--min.jpg?v=1736517630"},{"product_id":"isotonic-buvable-30-ampoules-de-10-ml-quinton","title":"Isotonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003cdiv class=\"qi-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qi-hero\"\u003e\n\u003cdiv class=\"qi-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qi-hero-content\"\u003e\n\u003cdiv class=\"qi-badges-top\"\u003e\n\u003cspan class=\"qi-badge\"\u003e🌊 78 minéraux \u0026amp; oligo-éléments\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e💧 30 ampoules de 10 ml\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e🧪 100% eau de mer naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qi-hero-title\"\u003eIsotonic Buvable - Quinton\u003c\/span\u003e\n\u003cp class=\"qi-subtitle\"\u003eL'eau de mer isotonique au service de votre vitalité cellulaire\u003c\/p\u003e\n\u003cp class=\"qi-description\"\u003eDepuis plus d'un siècle, le protocole Quinton puise dans les profondeurs océaniques une eau marine d'exception, naturellement riche en minéraux biodisponibles, pour recharger chaque cellule de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eQuinton Isotonic : l'eau de mer isotonique en ampoules buvables\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eL'\u003cstrong\u003eeau de Quinton isotonique\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire. Issue des profondeurs océaniques, cette \u003cstrong\u003eeau de mer isotonique\u003c\/strong\u003e reproduit fidèlement la composition minérale de notre plasma sanguin.\u003c\/p\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🧬 Plasma marin\u003c\/h3\u003e\n\u003cp\u003eComposition identique à notre milieu intérieur pour une assimilation immédiate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e💎 30 ampoules\u003c\/h3\u003e\n\u003cp\u003eCure complète de 10 ml par ampoule, soit 300 ml d'eau de mer pure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Recharge minérale\u003c\/h3\u003e\n\u003cp\u003e78 minéraux et oligo-éléments essentiels pour votre organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSans conservateur, sans additif, sans traitement chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'eau de Quinton isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-testimonial\"\u003e\n\u003cp class=\"qi-testimonial-text\"\u003eVotre corps a besoin de plus de \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e pour fonctionner de manière optimale. Or, l'alimentation moderne ne couvre pas toujours ces besoins. C'est là qu'intervient ce \u003cstrong\u003ecomplément alimentaire minéraux\u003c\/strong\u003e d'exception : l'eau de mer prélevée par Quinton contient naturellement du magnésium, du calcium, du potassium, du zinc, du sélénium et bien d'autres éléments, dans des proportions parfaitement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux \u003cstrong\u003ecompléments alimentaires vitamines et minéraux\u003c\/strong\u003e synthétiques, la solution Quinton Isotonic propose des nutriments sous leur forme naturelle, directement assimilables par vos cellules. C'est ce qui en fait l'un des \u003cstrong\u003emeilleurs compléments multivitamines et minéraux\u003c\/strong\u003e d'origine marine disponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eComposition de chaque ampoule\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e🌊 Eau de mer naturelle\u003c\/h3\u003e\n\u003cp\u003ePrélevée en profondeur dans des zones marines protégées, riche en \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e : sodium, magnésium, calcium, potassium, zinc, manganèse, sélénium…\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eUtilisée pour la dilution isotonique, afin d'obtenir une concentration identique à celle de notre milieu intérieur (\u003cstrong\u003e9 g\/L de sels minéraux\u003c\/strong\u003e).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans conservateur, sans additif, sans traitement chimique.\u003c\/strong\u003e Le procédé exclusif de microfiltration à froid préserve l'intégralité des propriétés de l'eau marine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eBienfaits de l'eau de Quinton isotonique\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'eau de mer isotonique\u003c\/strong\u003e sont reconnus depuis plus d'un siècle, grâce aux travaux du biologiste René Quinton. Voici ce que cette cure peut vous apporter :\u003c\/p\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🫧 Hydratation cellulaire profonde\u003c\/h3\u003e\n\u003cp\u003eSa concentration isotonique permet une absorption immédiate par les cellules, sans effort pour l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n\u003cp\u003eL'apport en minéraux contribue à réduire la fatigue et à maintenir un bon équilibre électrolytique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n\u003cp\u003eAide à rétablir le pH naturel du corps, souvent perturbé par le stress ou une alimentation déséquilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏃 Récupération et bien-être\u003c\/h3\u003e\n\u003cp\u003eParticulièrement appréciée des sportifs, des personnes fatiguées ou en période de convalescence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"qi-timeline\"\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eOuvrez l'ampoule\u003c\/h3\u003e\n\u003cp\u003eCassez les deux extrémités de l'ampoule avec précaution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eConsommez directement\u003c\/h3\u003e\n\u003cp\u003eVersez le contenu directement dans la bouche ou dans un petit verre d'eau, puis consommez sans attendre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eRespectez le dosage\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 ampoules par jour\u003c\/strong\u003e, de préférence à jeun ou 15 minutes avant un repas pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-grid-compact qi-dosage-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🔥 Cure d'attaque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 ampoules\/jour\u003c\/strong\u003e pendant 10 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌱 Entretien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 à 2 ampoules\/jour\u003c\/strong\u003e, à renouveler aux changements de saison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePour qui est faite cette eau isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e😴 Adultes fatigués\u003c\/h3\u003e\n\u003cp\u003eRechargez votre capital minéral naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eOptimisez votre récupération musculaire et électrolytique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🩺 Convalescents\u003c\/h3\u003e\n\u003cp\u003eSoutenez votre organisme après une période d'affaiblissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e✨ Prévention\u003c\/h3\u003e\n\u003cp\u003eMaintenez un équilibre minéral optimal au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003eCe complément convient également aux \u003cstrong\u003eenfants\u003c\/strong\u003e, sur avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"qi-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"qi-accordion\"\u003e\n\u003cdetails class=\"qi-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de régime pauvre en sodium ou de traitement médical en cours, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qi-accordion-item\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez les ampoules à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"qi-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --qi-cream: #F4F9FB;\n  --qi-white: #ffffff;\n  --qi-primary: #4AABCF;\n  --qi-primary-dark: #1B7A9E;\n  --qi-primary-light: #E8F4F9;\n  --qi-secondary: #1B7A9E;\n  --qi-accent: #89D4E8;\n  --qi-text: #1a1a1a;\n  --qi-text-light: #5a6a72;\n  --qi-border: #d8e8ef;\n  --qi-shadow: 0 4px 24px rgba(27, 122, 158, .08);\n  --qi-shadow-lg: 0 12px 48px rgba(27, 122, 158, .15);\n  --qi-radius: 20px;\n  --qi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--qi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.qi-premium *, .qi-premium *::before, .qi-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.qi-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1B7A9E 0%, #4AABCF 45%, #89D4E8 100%);\n  border-radius: var(--qi-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--qi-shadow-lg);\n}\n\n.qi-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image:\n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.qi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.qi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.qi-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--qi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.qi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.qi-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.qi-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.01em;\n}\n\n.qi-description {\n  color: rgba(255,255,255,.82);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.qi-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qi-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--qi-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.25;\n}\n\n.qi-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--qi-primary), var(--qi-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qi-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qi-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.qi-section-intro strong {\n  color: var(--qi-text);\n}\n\n\/* === CARDS === *\/\n.qi-card {\n  background: var(--qi-white);\n  border-radius: var(--qi-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--qi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.qi-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--qi-shadow-lg);\n  border-color: var(--qi-primary);\n}\n\n.qi-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--qi-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.qi-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--qi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qi-card p strong {\n  color: var(--qi-text);\n}\n\n\/* === CARD COMPOSITION === *\/\n.qi-card-composition {\n  text-align: left;\n}\n\n.qi-card-composition h3 {\n  text-align: center;\n  margin-bottom: .75rem;\n}\n\n\/* === GRILLES === *\/\n.qi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qi-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.qi-grid-compact .qi-card {\n  padding: 1rem;\n}\n\n.qi-grid-compact .qi-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.qi-grid-compact .qi-card p {\n  font-size: 12px;\n}\n\n.qi-dosage-grid {\n  margin-top: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.qi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.qi-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.qi-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--qi-primary), var(--qi-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(74, 171, 207, .3);\n}\n\n.qi-timeline-content {\n  flex: 1;\n  background: var(--qi-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--qi-radius-sm);\n  box-shadow: var(--qi-shadow);\n}\n\n.qi-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--qi-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.qi-timeline-content p {\n  font-size: 14px;\n  color: var(--qi-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.qi-timeline-content p strong {\n  color: var(--qi-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.qi-testimonial {\n  background: var(--qi-white);\n  border-radius: var(--qi-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--qi-shadow);\n  border-left: 4px solid var(--qi-primary);\n  margin-bottom: 1rem;\n}\n\n.qi-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--qi-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.qi-testimonial-text strong {\n  color: var(--qi-primary-dark);\n  font-style: normal;\n}\n\n\/* === TIP BOX === *\/\n.qi-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--qi-primary-light);\n  border-radius: var(--qi-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.qi-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.qi-tip p {\n  font-size: 14px;\n  color: var(--qi-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.qi-tip p strong {\n  color: var(--qi-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.qi-accordion {\n  background: var(--qi-white);\n  border-radius: var(--qi-radius);\n  box-shadow: var(--qi-shadow);\n  overflow: hidden;\n}\n\n.qi-accordion-item {\n  border-bottom: 1px solid var(--qi-border);\n  margin: 0;\n  padding: 0;\n}\n\n.qi-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.qi-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--qi-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.qi-accordion-header:hover {\n  background: var(--qi-primary-light);\n}\n\n.qi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.qi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--qi-primary);\n  transition: transform .2s ease;\n}\n\n.qi-accordion-item[open] .qi-accordion-header::after {\n  content: '−';\n}\n\n.qi-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--qi-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.qi-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qi-disclaimer {\n  font-size: 12px;\n  color: var(--qi-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .qi-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .qi-card {\n    padding: 1.125rem;\n  }\n\n  .qi-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .qi-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--qi-radius-sm);\n  }\n\n  .qi-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .qi-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .qi-grid-compact {\n    gap: .625rem;\n  }\n\n  .qi-grid-compact .qi-card {\n    padding: .75rem;\n  }\n\n  .qi-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .qi-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .qi-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .qi-timeline-content p {\n    font-size: 13px;\n  }\n\n  .qi-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .qi-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .qi-testimonial {\n    padding: 1.25rem;\n  }\n\n  .qi-testimonial-text {\n    font-size: 14px;\n  }\n\n  .qi-tip {\n    padding: .875rem 1rem;\n  }\n\n  .qi-tip-icon {\n    font-size: 20px;\n  }\n\n  .qi-tip p {\n    font-size: 13px;\n  }\n\n  .qi-card-composition {\n    text-align: left;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .qi-card {\n    animation: qiFadeInUp .5s ease backwards;\n  }\n  .qi-card:nth-child(1) { animation-delay: .05s; }\n  .qi-card:nth-child(2) { animation-delay: .1s; }\n  .qi-card:nth-child(3) { animation-delay: .15s; }\n  .qi-card:nth-child(4) { animation-delay: .2s; }\n  .qi-card:nth-child(5) { animation-delay: .25s; }\n  .qi-card:nth-child(6) { animation-delay: .3s; }\n\n  .qi-timeline-item {\n    animation: qiFadeInUp .5s ease backwards;\n  }\n  .qi-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .qi-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .qi-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes qiFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .qi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680705181,"sku":"QU0030","price":33.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/isotonic-buvable-30-ampoules-de-10-ml-quinton-lifestyle.webp?v=1770973943"},{"product_id":"gelee-royale-300-mg-bio-20-unidoses-de-15-ml-superdiet","title":"Gelée Royale 3000 Mg Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"gr-premium\"\u003e\n\n  \u003cdiv class=\"gr-hero\"\u003e\n    \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"gr-hero-content\"\u003e\n      \u003cdiv class=\"gr-badges-top\"\u003e\n        \u003cspan class=\"gr-badge\"\u003e🐝 Ultra dosée 3000 mg\u003c\/span\u003e\n        \u003cspan class=\"gr-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n        \u003cspan class=\"gr-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"gr-hero-title\"\u003eGelée Royale Bio 3000 mg\u003c\/span\u003e\n      \u003cp class=\"gr-subtitle\"\u003eMiel d'acacia • Pollen • 20 ampoules de 15 ml\u003c\/p\u003e\n      \u003cp class=\"gr-description\"\u003eL'une des formules les plus concentrées du marché français pour soutenir vos défenses naturelles, retrouver tonus et vitalité aux changements de saison.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la gelée royale bio en ampoules ?\u003c\/h2\u003e\n    \u003cp class=\"gr-section-intro\"\u003eLa gelée royale est cette substance précieuse sécrétée par les abeilles nourricières pour alimenter leur reine. Naturellement riche en vitamines du groupe B (notamment B3 et B5), en acides aminés, en oligo-éléments et en sucres naturels, elle est reconnue pour ses propriétés tonifiantes.\u003c\/p\u003e\n    \u003cdiv class=\"gr-grid\"\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eParticulièrement appréciée à l'arrivée de l'automne et de l'hiver, pour aborder sereinement les changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n        \u003cp\u003eGrâce à sa teneur en vitamines B, qui contribuent au métabolisme énergétique normal de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🧠 Vitalité physique et intellectuelle\u003c\/h3\u003e\n        \u003cp\u003eUn allié des étudiants en période d'examens ou des personnes soumises à un rythme de vie soutenu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gr-tip\"\u003e\n      \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eLe format \u003cstrong\u003eampoule bio\u003c\/strong\u003e garantit une dose précise, une conservation optimale des actifs et une prise simple au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003eComposition détaillée (pour une ampoule de 15 ml)\u003c\/h2\u003e\n    \u003cdiv class=\"gr-grid-compact\"\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e👑 Gelée royale bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e\u003cbr\u003eUltra-dosage exceptionnel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🍯 Miel d'acacia bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e250 mg\u003c\/strong\u003e\u003cbr\u003eDouceur naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🌼 Pollen bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e35 mg\u003c\/strong\u003e\u003cbr\u003eRichesse nutritionnelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🍐 Base végétale bio\u003c\/h3\u003e\n        \u003cp\u003eEau purifiée, jus concentré de poire, sirop d'agave\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gr-tip\"\u003e\n      \u003cspan class=\"gr-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eCertifiée \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e — \u003cstrong\u003esans alcool, sans conservateur, sans colorant\u003c\/strong\u003e et sans additif artificiel. Fabriquée en France par Superdiet, laboratoire engagé depuis plus de 60 ans dans la phytothérapie.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"gr-timeline\"\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003e🌅 1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun, pour une cure de 20 jours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003e🤲 Agitez avant ouverture\u003c\/h3\u003e\n          \u003cp\u003eSecouez bien l'ampoule afin d'homogénéiser son contenu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003e🥄 Pure ou diluée\u003c\/h3\u003e\n          \u003cp\u003eConsommez-la pure, ou diluée dans un peu d'eau, un jus de fruit ou un yaourt si le goût vous paraît trop prononcé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-timeline-item\"\u003e\n        \u003cdiv class=\"gr-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"gr-timeline-content\"\u003e\n          \u003ch3\u003e🔄 Renouvelez la cure\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, renouvelez 2 à 3 fois par an, notamment aux intersaisons.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"gr-tip\"\u003e\n      \u003cspan class=\"gr-tip-icon\"\u003e🧊\u003c\/span\u003e\n      \u003cp\u003eConservez les ampoules dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gr-section\"\u003e\n    \u003ch2\u003eUne gelée royale française bio d'exception\u003c\/h2\u003e\n    \u003cp class=\"gr-section-intro\"\u003eEn choisissant cette \u003cstrong\u003egelée royale bio française\u003c\/strong\u003e, vous soutenez une apiculture respectueuse des abeilles et de la biodiversité.\u003c\/p\u003e\n    \u003cdiv class=\"gr-grid-compact\"\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🏅 Sélection rigoureuse\u003c\/h3\u003e\n        \u003cp\u003eDes matières premières triées avec la plus grande exigence\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🔬 Contrôle total\u003c\/h3\u003e\n        \u003cp\u003eChaque étape vérifiée, de la ruche à l'ampoule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e💪 Ultra-dosage 3000 mg\u003c\/h3\u003e\n        \u003cp\u003eParmi les références pour une efficacité réelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"gr-card\"\u003e\n        \u003ch3\u003e🐝 Respect des abeilles\u003c\/h3\u003e\n        \u003cp\u003eUne apiculture engagée pour la biodiversité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"gr-accordion\"\u003e\n      \u003cdetails class=\"gr-accordion-item\"\u003e\n        \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n          \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes allergiques aux produits de la ruche\u003c\/strong\u003e (miel, pollen, propolis), aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gr-accordion-item\"\u003e\n        \u003csummary class=\"gr-accordion-header\"\u003e💊 Usage responsable\u003c\/summary\u003e\n        \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"gr-accordion-item\"\u003e\n        \u003csummary class=\"gr-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de doute ou de traitement en cours, demandez l'avis de votre médecin ou pharmacien. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --gr-cream: #fdf8ee;\n  --gr-white: #ffffff;\n  --gr-primary: #f5a623;\n  --gr-primary-dark: #b8751a;\n  --gr-primary-light: #fef3dd;\n  --gr-secondary: #e87a1a;\n  --gr-accent: #7fb069;\n  --gr-text: #2a1f0f;\n  --gr-text-light: #6b5a3f;\n  --gr-border: #ecdcb8;\n  --gr-shadow: 0 4px 24px rgba(184, 117, 26, .1);\n  --gr-shadow-lg: 0 12px 48px rgba(184, 117, 26, .18);\n  --gr-radius: 20px;\n  --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--gr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--gr-text);\n}\n\n.gr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #f5a623 0%, #e87a1a 50%, #b8751a 100%);\n  border-radius: var(--gr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--gr-shadow-lg);\n}\n\n.gr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n    radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n  opacity: .4;\n}\n\n.gr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.gr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.gr-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.gr-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.gr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.gr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--gr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.gr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.gr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--gr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.gr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--gr-primary), var(--gr-secondary));\n  border-radius: 2px;\n}\n\n.gr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--gr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.gr-card {\n  background: var(--gr-white);\n  border-radius: var(--gr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--gr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.gr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--gr-shadow-lg);\n  border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--gr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.gr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--gr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.gr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.gr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n  padding: 1.125rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n  font-size: 12.5px;\n}\n\n.gr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.gr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.gr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--gr-primary), var(--gr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(245, 166, 35, .35);\n}\n\n.gr-timeline-content {\n  flex: 1;\n  background: var(--gr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--gr-radius-sm);\n  box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--gr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n  font-size: 14px;\n  color: var(--gr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.gr-accordion {\n  background: var(--gr-white);\n  border-radius: var(--gr-radius);\n  box-shadow: var(--gr-shadow);\n  overflow: hidden;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.gr-accordion-item {\n  border-bottom: 1px solid var(--gr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.gr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.gr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--gr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n}\n\n.gr-accordion-header:hover {\n  background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.gr-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--gr-primary);\n  transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n  content: '−';\n}\n\n.gr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--gr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.gr-accordion-content p {\n  margin: 0;\n}\n\n.gr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--gr-primary-light);\n  border-radius: var(--gr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--gr-primary);\n}\n\n.gr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n\n.gr-tip p {\n  font-size: 14px;\n  color: var(--gr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .gr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .gr-card {\n    padding: 1.125rem;\n  }\n\n  .gr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .gr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--gr-radius-sm);\n  }\n\n  .gr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .gr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .gr-grid-compact {\n    gap: .625rem;\n  }\n\n  .gr-grid-compact .gr-card {\n    padding: .75rem;\n  }\n\n  .gr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .gr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .gr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .gr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .gr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .gr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .gr-card {\n    animation: grFadeInUp .5s ease backwards;\n  }\n  .gr-card:nth-child(1) { animation-delay: .05s; }\n  .gr-card:nth-child(2) { animation-delay: .1s; }\n  .gr-card:nth-child(3) { animation-delay: .15s; }\n  .gr-card:nth-child(4) { animation-delay: .2s; }\n  .gr-card:nth-child(5) { animation-delay: .25s; }\n  .gr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes grFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .gr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754690437277,"sku":"NBAISUP0005","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-royale-3000-mg-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776436472"},{"product_id":"ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superdiet","title":"Ginseng, Gelée Royale \u0026 Acérola Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"sgr-premium\"\u003e\n  \u003cdiv class=\"sgr-hero\"\u003e\n    \u003cdiv class=\"sgr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sgr-hero-content\"\u003e\n      \u003cdiv class=\"sgr-badges-top\"\u003e\n        \u003cspan class=\"sgr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n        \u003cspan class=\"sgr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"sgr-badge\"\u003e⚡ Booster d'énergie\u003c\/span\u003e\n        \u003cspan class=\"sgr-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sgr-hero-title\"\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio\u003c\/span\u003e\n      \u003cp class=\"sgr-subtitle\"\u003eLe trio vitalité par excellence — Superdiet\u003c\/p\u003e\n      \u003cp class=\"sgr-description\"\u003e20 ampoules concentrées pour soutenir votre tonus, votre énergie et vos défenses naturelles au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio Superdiet : le trio vitalité par excellence\u003c\/h2\u003e\n    \u003cp class=\"sgr-section-intro\"\u003eVous traversez une période de fatigue passagère, un changement de saison ou un rythme de vie soutenu ? Les \u003cstrong\u003eampoules Ginseng, Gelée Royale \u0026amp; Acérola Bio de Superdiet\u003c\/strong\u003e ont été pensées pour vous accompagner au quotidien.\u003c\/p\u003e\n    \u003cp class=\"sgr-section-intro\"\u003eCette formule concentrée réunit trois ingrédients naturels emblématiques, reconnus depuis des générations pour soutenir l'énergie et la vitalité. Certifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e et fabriquée en France, cette cure d'exception s'inscrit comme une référence parmi les \u003cstrong\u003eampoules de gelée royale, ginseng et acérola\u003c\/strong\u003e disponibles sur le marché.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette synergie ginseng, gelée royale et acérola ?\u003c\/h2\u003e\n    \u003cp class=\"sgr-section-intro\"\u003eLe secret de l'efficacité de ce complément alimentaire réside dans sa \u003cstrong\u003esynergie végétale et apicole\u003c\/strong\u003e. Chaque ingrédient a été sélectionné pour ses qualités spécifiques :\u003c\/p\u003e\n    \u003cdiv class=\"sgr-grid\"\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌱 Ginseng Panax CA Meyer (6 ans d'âge)\u003c\/h3\u003e\n        \u003cp\u003ePlante adaptogène emblématique d'Asie, réputée pour contribuer au tonus et à l'énergie, tant physique que mentale. Sa maturité de 6 ans garantit une concentration optimale en principes actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n        \u003cp\u003eNourriture exclusive de la reine des abeilles, elle est riche en nutriments précieux et appréciée pour accompagner les organismes mis à l'épreuve.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍒 Acérola Bio\u003c\/h3\u003e\n        \u003cp\u003ePetite baie originaire d'Amérique du Sud, source naturelle de vitamine C qui contribue à réduire la fatigue et au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eComposition détaillée par ampoule de 15 ml\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-grid\"\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌱 Ginseng Panax CA Meyer\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e530 mg\u003c\/strong\u003e — 6 ans d'âge, titré à \u003cstrong\u003e20 mg de ginsénosides\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e par ampoule, sélectionnée auprès de ruches qualitatives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🍒 Extrait sec d'Acérola Bio\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e265 mg\u003c\/strong\u003e (Malpighia punicifolia), équivalent à 2,9 g de baies fraîches, soit \u003cstrong\u003e12 mg de vitamine C\u003c\/strong\u003e (15 % des VNR).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e💧 Base naturelle\u003c\/h3\u003e\n        \u003cp\u003eEau purifiée et jus concentré de poire* pour une texture douce et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sgr-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eLes atouts de la formule Superdiet\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-grid-compact\"\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n        \u003cp\u003eAgriculture Biologique (FR-BIO-10)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🚫 Formule pure\u003c\/h3\u003e\n        \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🌳 Méthode Canopée\u003c\/h3\u003e\n        \u003cp\u003ePréserve la richesse des actifs naturels\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué dans les Hauts-de-France\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e✨ Ouverture facile\u003c\/h3\u003e\n        \u003cp\u003eAmpoules pratiques à emporter\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-card\"\u003e\n        \u003ch3\u003e📅 Cure 20 jours\u003c\/h3\u003e\n        \u003cp\u003e1 ampoule par jour, format optimal\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003eComment prendre les ampoules Ginseng Gelée Royale Acérola ?\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-timeline\"\u003e\n      \u003cdiv class=\"sgr-timeline-item\"\u003e\n        \u003cdiv class=\"sgr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sgr-timeline-content\"\u003e\n          \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n          \u003cp\u003eAvant emploi, secouez doucement pour bien homogénéiser la préparation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-timeline-item\"\u003e\n        \u003cdiv class=\"sgr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sgr-timeline-content\"\u003e\n          \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n          \u003cp\u003eDe préférence le matin à jeun, pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sgr-timeline-item\"\u003e\n        \u003cdiv class=\"sgr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sgr-timeline-content\"\u003e\n          \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n          \u003cp\u003eRenouvelable jusqu'à 3 mois maximum, idéalement aux changements de saison ou lors de périodes intenses (examens, travail soutenu, récupération sportive).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sgr-tip\"\u003e\n      \u003cspan class=\"sgr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour profiter pleinement des bienfaits du ginseng, privilégiez la prise du matin afin de soutenir votre énergie sur toute la journée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-accordion\"\u003e\n      \u003cdetails class=\"sgr-accordion-item\"\u003e\n        \u003csummary class=\"sgr-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. Ne convient pas aux enfants. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sgr-accordion-item\"\u003e\n        \u003csummary class=\"sgr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. Déconseillé en cas de traitement antidiabétique ou d'hypertension. En cas de maladie cardiovasculaire ou de diabète, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sgr-accordion-item\"\u003e\n        \u003csummary class=\"sgr-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. À tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sgr-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"sgr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eUne origine rigoureusement sélectionnée\u003c\/h2\u003e\n    \u003cdiv class=\"sgr-cta-box\"\u003e\n      \u003cp\u003eSuperdiet privilégie la qualité à chaque étape. Le \u003cstrong\u003eginseng\u003c\/strong\u003e provient de cultures biologiques coréennes réputées, la \u003cstrong\u003egelée royale\u003c\/strong\u003e est issue de ruches sélectionnées, et l'\u003cstrong\u003eacérola\u003c\/strong\u003e est récolté au Brésil. Une traçabilité exemplaire pour un produit naturel, respectueux de l'environnement et de votre organisme. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sgr-cream: #fdf6ec;\n  --sgr-white: #ffffff;\n  --sgr-primary: #d92e2e;\n  --sgr-primary-dark: #a51c1c;\n  --sgr-primary-light: #fde4e4;\n  --sgr-secondary: #f5b800;\n  --sgr-accent: #2e8b3d;\n  --sgr-text: #1a1a1a;\n  --sgr-text-light: #5a5a5a;\n  --sgr-border: #ecdfd0;\n  --sgr-shadow: 0 4px 24px rgba(165,28,28,.08);\n  --sgr-shadow-lg: 0 12px 48px rgba(165,28,28,.18);\n  --sgr-radius: 20px;\n  --sgr-radius-sm: 12px;\n}\n\n.sgr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sgr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--sgr-text);\n}\n\n.sgr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #d92e2e 0%, #e85a3a 50%, #f5b800 100%);\n  border-radius: var(--sgr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n  opacity: .3;\n}\n\n.sgr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sgr-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n  line-height: 1.1;\n}\n\n.sgr-subtitle {\n  color: white;\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  opacity: .95;\n}\n\n.sgr-description {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  margin: 0 auto;\n  max-width: 600px;\n  line-height: 1.6;\n  opacity: .95;\n}\n\n.sgr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sgr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sgr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sgr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sgr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sgr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sgr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.2;\n}\n\n.sgr-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--sgr-primary), var(--sgr-secondary));\n  border-radius: 2px;\n}\n\n.sgr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sgr-text-light);\n  margin: 0 auto 1.25rem;\n  max-width: 720px;\n  line-height: 1.7;\n}\n\n.sgr-section-intro strong {\n  color: var(--sgr-text);\n}\n\n.sgr-card {\n  background: var(--sgr-white);\n  border-radius: var(--sgr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sgr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sgr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sgr-shadow-lg);\n  border-color: var(--sgr-primary);\n}\n\n.sgr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sgr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sgr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sgr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sgr-card p strong {\n  color: var(--sgr-primary-dark);\n}\n\n.sgr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sgr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1rem;\n}\n\n.sgr-grid-compact .sgr-card {\n  padding: 1rem;\n}\n\n.sgr-grid-compact .sgr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sgr-grid-compact .sgr-card p {\n  font-size: 12px;\n}\n\n.sgr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sgr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sgr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sgr-primary), var(--sgr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(217,46,46,.3);\n}\n\n.sgr-timeline-content {\n  flex: 1;\n  background: var(--sgr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sgr-radius-sm);\n  box-shadow: var(--sgr-shadow);\n}\n\n.sgr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sgr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sgr-timeline-content p {\n  font-size: 14px;\n  color: var(--sgr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.sgr-accordion {\n  background: var(--sgr-white);\n  border-radius: var(--sgr-radius);\n  box-shadow: var(--sgr-shadow);\n  overflow: hidden;\n}\n\n.sgr-accordion-item {\n  border-bottom: 1px solid var(--sgr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sgr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sgr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sgr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n}\n\n.sgr-accordion-header:hover {\n  background: var(--sgr-primary-light);\n}\n\n.sgr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sgr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sgr-primary);\n  transition: transform .2s ease;\n}\n\n.sgr-accordion-item[open] .sgr-accordion-header::after {\n  content: '−';\n}\n\n.sgr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sgr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sgr-accordion-content p {\n  margin: 0;\n}\n\n.sgr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sgr-primary-light);\n  border-radius: var(--sgr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--sgr-secondary);\n}\n\n.sgr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sgr-tip p {\n  font-size: 14px;\n  color: var(--sgr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sgr-cta-box {\n  background: linear-gradient(135deg, var(--sgr-primary) 0%, var(--sgr-primary-dark) 100%);\n  border-radius: var(--sgr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.sgr-cta-box p strong {\n  font-weight: 800;\n  color: var(--sgr-secondary);\n}\n\n.sgr-disclaimer {\n  font-size: 12px;\n  color: var(--sgr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .sgr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .sgr-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n  .sgr-grid-compact .sgr-card {\n    padding: .75rem;\n  }\n  .sgr-card {\n    padding: 1.125rem;\n  }\n  .sgr-section {\n    margin-bottom: 1.75rem;\n  }\n  .sgr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sgr-radius-sm);\n  }\n  .sgr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .sgr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  .sgr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .sgr-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .sgr-timeline-content h3 {\n    font-size: 14px;\n  }\n  .sgr-timeline-content p {\n    font-size: 13px;\n  }\n  .sgr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .sgr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .sgr-card {\n    animation: sgrFadeInUp .5s ease backwards;\n  }\n  .sgr-card:nth-child(1) { animation-delay: .05s; }\n  .sgr-card:nth-child(2) { animation-delay: .1s; }\n  .sgr-card:nth-child(3) { animation-delay: .15s; }\n  .sgr-card:nth-child(4) { animation-delay: .2s; }\n  .sgr-card:nth-child(5) { animation-delay: .25s; }\n  .sgr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sgrFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .sgr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754695581853,"sku":"NBAISUP0004","price":33.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superd-packshothd.webp?v=1776429695"},{"product_id":"berberine-350-mg-120-gelules-vitalosmose","title":"Berbérine 350 mg 120 gélules - Gestion du poids \u0026 de la glycémie - VitalOsmose","description":"\u003cdiv class=\"brb-premium\"\u003e\n  \u003cdiv class=\"brb-hero\"\u003e\n    \u003cdiv class=\"brb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"brb-hero-content\"\u003e\n      \u003cdiv class=\"brb-badges-top\"\u003e\n        \u003cspan class=\"brb-badge\"\u003e🌿 97% de berbérine pure\u003c\/span\u003e\n        \u003cspan class=\"brb-badge\"\u003e💊 120 gélules\u003c\/span\u003e\n        \u003cspan class=\"brb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"brb-badge\"\u003e⚡ + Zinc bisglycinate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"brb-hero-title\"\u003eBerbérine 350 mg + Zinc\u003c\/span\u003e\n      \u003cp class=\"brb-subtitle\"\u003eGestion du poids \u0026amp; équilibre glycémique\u003c\/p\u003e\n      \u003cp class=\"brb-description\"\u003eExtrait de \u003cem\u003eBerberis aristata\u003c\/em\u003e titré à 97 % de berbérine pure, associé au zinc bisglycinate pour soutenir votre métabolisme glucidique au quotidien. Format économique de 120 gélules, soit 4 mois de cure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"brb-section\"\u003e\n    \u003ch2\u003eLa berbérine, c'est quoi exactement ?\u003c\/h2\u003e\n    \u003cp class=\"brb-section-intro\"\u003eUn alcaloïde végétal jaune extrait de l'épine-vinette indienne (\u003cem\u003eBerberis aristata\u003c\/em\u003e), utilisé depuis plus de 2 500 ans en médecine traditionnelle chinoise et ayurvédique.\u003c\/p\u003e\n    \u003cdiv class=\"brb-highlight-box\"\u003e\n      \u003cp\u003eAujourd'hui, la berbérine suscite un fort intérêt scientifique pour son rôle dans \u003cstrong\u003el'activation de l'enzyme AMPK\u003c\/strong\u003e, véritable régulateur du métabolisme énergétique cellulaire. C'est cette action qui explique sa popularité grandissante auprès des personnes souhaitant équilibrer leur glycémie ou accompagner une démarche de gestion du poids.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"brb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir cette formule berbérine + zinc ?\u003c\/h2\u003e\n    \u003cdiv class=\"brb-grid\"\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e🍬 Métabolisme glucidique\u003c\/h3\u003e\n        \u003cp\u003eLe zinc contribue à un métabolisme normal des glucides (allégation santé approuvée par l'EFSA).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e⚖️ Accompagnement minceur\u003c\/h3\u003e\n        \u003cp\u003eEn synergie avec une alimentation équilibrée et une activité physique régulière, elle soutient vos objectifs de perte de poids.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e🌱 Confort digestif\u003c\/h3\u003e\n        \u003cp\u003eLa berbérine est traditionnellement reconnue pour son action favorable sur la flore intestinale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e❤️ Équilibre cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eElle est étudiée pour son influence sur le cholestérol et les triglycérides.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLe zinc contribue au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e✨ Haute concentration\u003c\/h3\u003e\n        \u003cp\u003eVous trouverez aussi des associations berbérine \u0026amp; Morosil : la formule VitalOsmose mise sur la simplicité et 97 % de berbérine pour une efficacité ciblée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"brb-section\"\u003e\n    \u003ch2\u003eComposition par gélule\u003c\/h2\u003e\n    \u003cdiv class=\"brb-grid\"\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e🌿 Extrait de Berberis aristata\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e350 mg\u003c\/strong\u003e titré à 97 %, soit 340 mg de berbérine pure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e⚡ Bisglycinate de zinc\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e18 mg\u003c\/strong\u003e, dont 5,9 mg de zinc élément (59 % des VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n        \u003cp\u003eCellulose HPMC d'origine végétale, adaptée aux régimes végans\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brb-tip\"\u003e\n      \u003cspan class=\"brb-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eSans OGM, sans gluten, sans lactose.\u003c\/strong\u003e Fabriqué en France selon des standards stricts.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"brb-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"brb-timeline\"\u003e\n      \u003cdiv class=\"brb-timeline-item\"\u003e\n        \u003cdiv class=\"brb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"brb-timeline-content\"\u003e\n          \u003ch3\u003e1 gélule par jour\u003c\/h3\u003e\n          \u003cp\u003ePrenez votre gélule avec un grand verre d'eau, idéalement juste avant le repas le plus riche en glucides.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-timeline-item\"\u003e\n        \u003cdiv class=\"brb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"brb-timeline-content\"\u003e\n          \u003ch3\u003eCure de 3 mois minimum\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats visibles, suivez une cure d'au moins 3 mois en continu.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-timeline-item\"\u003e\n        \u003cdiv class=\"brb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"brb-timeline-content\"\u003e\n          \u003ch3\u003e4 mois d'accompagnement\u003c\/h3\u003e\n          \u003cp\u003eLe format 120 gélules vous offre 4 mois d'utilisation continue, idéal pour un accompagnement durable.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"brb-section\"\u003e\n    \u003ch2\u003eBerbérine : y a-t-il un danger ?\u003c\/h2\u003e\n    \u003cp class=\"brb-section-intro\"\u003eBien tolérée à dose recommandée, la berbérine peut occasionner chez certaines personnes des inconforts digestifs passagers (ballonnements, selles molles) en début de cure.\u003c\/p\u003e\n    \u003cdiv class=\"brb-highlight-box\"\u003e\n      \u003cp\u003eConcernant un éventuel \u003cstrong\u003edanger pour le pancréas\u003c\/strong\u003e, aucune étude n'a démontré de toxicité aux doses physiologiques chez l'adulte en bonne santé. En revanche, la berbérine interagit avec de nombreux médicaments (hypoglycémiants, anticoagulants, immunosuppresseurs).\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"brb-section-intro\" style=\"margin-top:1.5rem;\"\u003eCe complément est \u003cstrong\u003edéconseillé\u003c\/strong\u003e aux :\u003c\/p\u003e\n    \u003cdiv class=\"brb-grid-compact\"\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n        \u003cp\u003eOu allaitantes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e👶 Enfants \u0026amp; ados\u003c\/h3\u003e\n        \u003cp\u003eRéservé aux adultes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e💉 Personnes diabétiques\u003c\/h3\u003e\n        \u003cp\u003eOu sous traitement médical\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"brb-card\"\u003e\n        \u003ch3\u003e🫀 Troubles spécifiques\u003c\/h3\u003e\n        \u003cp\u003eTroubles hépatiques ou cardiaques\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brb-tip\"\u003e\n      \u003cspan class=\"brb-tip-icon\"\u003e💬\u003c\/span\u003e\n      \u003cp\u003eEn cas de doute, demandez l'avis de votre médecin ou pharmacien avant de commencer la cure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"brb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions importantes\u003c\/h2\u003e\n    \u003cdiv class=\"brb-cta-box\"\u003e\n      \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée, équilibrée et un mode de vie sain. Il ne se substitue en aucun cas à un traitement médical. Respectez la dose journalière recommandée et tenez hors de portée des jeunes enfants. Conservez à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --brb-cream: #f7f9f4;\n  --brb-white: #ffffff;\n  --brb-primary: #4a9b3e;\n  --brb-primary-dark: #2d6b25;\n  --brb-primary-light: #e8f3e4;\n  --brb-secondary: #d4a017;\n  --brb-accent: #e85d1f;\n  --brb-text: #1a2e15;\n  --brb-text-light: #5a6b55;\n  --brb-border: #d8e3d3;\n  --brb-shadow: 0 4px 24px rgba(45,107,37,.08);\n  --brb-shadow-lg: 0 12px 48px rgba(45,107,37,.15);\n  --brb-radius: 20px;\n  --brb-radius-sm: 12px;\n}\n\n.brb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--brb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--brb-text);\n  line-height: 1.6;\n}\n\n.brb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2d6b25 0%, #4a9b3e 50%, #6bb85a 100%);\n  border-radius: var(--brb-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(--brb-shadow-lg);\n}\n\n.brb-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(212,160,23,.3) 0%, transparent 40%);\n  opacity: .3;\n}\n\n.brb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.brb-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.brb-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  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.brb-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.brb-description em {\n  font-style: italic;\n}\n\n.brb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.brb-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(--brb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.brb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.brb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.brb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--brb-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.brb-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(--brb-primary), var(--brb-secondary));\n  border-radius: 2px;\n}\n\n.brb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--brb-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.brb-section-intro em {\n  font-style: italic;\n  color: var(--brb-primary-dark);\n}\n\n.brb-highlight-box {\n  background: var(--brb-white);\n  border-radius: var(--brb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--brb-shadow);\n  border-left: 4px solid var(--brb-primary);\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.brb-highlight-box p {\n  margin: 0;\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--brb-text);\n  line-height: 1.75;\n}\n\n.brb-card {\n  background: var(--brb-white);\n  border-radius: var(--brb-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--brb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.brb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--brb-shadow-lg);\n  border-color: var(--brb-primary);\n}\n\n.brb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--brb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.brb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--brb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.brb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.brb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.brb-grid-compact .brb-card {\n  padding: 1rem;\n}\n\n.brb-grid-compact .brb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.brb-grid-compact .brb-card p {\n  font-size: 12px;\n}\n\n.brb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.brb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.brb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--brb-primary), var(--brb-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(74,155,62,.3);\n}\n\n.brb-timeline-content {\n  flex: 1;\n  background: var(--brb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--brb-radius-sm);\n  box-shadow: var(--brb-shadow);\n}\n\n.brb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--brb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.brb-timeline-content p {\n  font-size: 14px;\n  color: var(--brb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.brb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--brb-primary-light);\n  border-radius: var(--brb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  max-width: 800px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.brb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.brb-tip p {\n  font-size: 14px;\n  color: var(--brb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.brb-cta-box {\n  background: linear-gradient(135deg, var(--brb-primary) 0%, var(--brb-primary-dark) 100%);\n  border-radius: var(--brb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--brb-shadow-lg);\n}\n\n.brb-cta-box p {\n  color: white;\n  font-size: clamp(14px, 2.2vw, 16px);\n  line-height: 1.75;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n@media (max-width: 767px) {\n  .brb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .brb-card { padding: 1.125rem; }\n  .brb-section { margin-bottom: 1.75rem; }\n  .brb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--brb-radius-sm);\n  }\n  .brb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .brb-premium h2::after { width: 40px; height: 3px; }\n  .brb-grid-compact { gap: .625rem; }\n  .brb-grid-compact .brb-card { padding: .75rem; }\n  .brb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .brb-timeline-content { padding: .875rem 1rem; }\n  .brb-timeline-content h3 { font-size: 14px; }\n  .brb-timeline-content p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .brb-card { animation: fadeInUp .5s ease backwards; }\n  .brb-card:nth-child(1) { animation-delay: .05s; }\n  .brb-card:nth-child(2) { animation-delay: .1s; }\n  .brb-card:nth-child(3) { animation-delay: .15s; }\n  .brb-card:nth-child(4) { animation-delay: .2s; }\n  .brb-card:nth-child(5) { animation-delay: .25s; }\n  .brb-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  .brb-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":46023919435933,"sku":"BERBERINE120","price":43.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/berberine-350-mg-120-gelules-gestion-du-poids-de-la-glycemie-packshothd.webp?v=1785840437"},{"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":"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":"fertitop-homme-fertilite-60-gelules-labophyto","title":"Fertitop Homme Fertilité - 60 Gélules - Labophyto","description":"\u003cdiv class=\"fth-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"fth-hero\"\u003e\n\u003cdiv class=\"fth-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fth-hero-content\"\u003e\n\u003cdiv class=\"fth-badges-top\"\u003e\n\u003cspan class=\"fth-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"fth-badge\"\u003e💊 60 gélules\u003c\/span\u003e \u003cspan class=\"fth-badge\"\u003e🧬 11 actifs synergiques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fth-hero-title\"\u003eFertitop Homme Fertilité\u003c\/span\u003e\n\u003cp class=\"fth-subtitle\"\u003ePar Labophyto — Expert en bien-être intime masculin\u003c\/p\u003e\n\u003cp class=\"fth-description\"\u003eComplément alimentaire à base de plantes, acides aminés et vitamines pour soutenir naturellement la fertilité masculine et la spermatogenèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"fth-section\"\u003e\n\u003ch2\u003eLe complément alimentaire pour la fertilité masculine à base de plantes et vitamines\u003c\/h2\u003e\n\u003cp class=\"fth-section-intro\"\u003eVous êtes en projet de conception et souhaitez mettre toutes les chances de votre côté ? \u003cstrong\u003eFertitop Homme\u003c\/strong\u003e de Labophyto est un \u003cstrong\u003ecomplément alimentaire homme fertilité\u003c\/strong\u003e formulé en France, associant extraits de plantes, acides aminés et micronutriments essentiels. Sa formule complète cible la spermatogenèse, la vitalité et l'équilibre hormonal pour vous accompagner naturellement dans cette étape importante.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"fth-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce complément fertilité homme ?\u003c\/h2\u003e\n\u003cp class=\"fth-section-intro\"\u003eLa fertilité masculine dépend de nombreux facteurs : qualité du sperme, motilité des spermatozoïdes, taux de zinc et de sélénium, niveau de stress oxydatif. Fertitop Homme réunit \u003cstrong\u003e11 actifs synergiques\u003c\/strong\u003e soigneusement dosés pour agir sur l'ensemble de ces paramètres.\u003c\/p\u003e\n\u003cdiv class=\"fth-grid\"\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e⚡ Zinc \u0026amp; sélénium\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100 % des AR\u003c\/strong\u003e — Contribuent à une fertilité et une reproduction normales, tout en protégeant les cellules du stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🧬 Vitamine B9 \u0026amp; B12\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e400 µg + 2,5 µg\u003c\/strong\u003e — Participent à la division cellulaire et au bon déroulement de la spermatogenèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🚀 L-Carnitine \u0026amp; taurine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e160 mg chacun\u003c\/strong\u003e — Deux acides aminés reconnus pour leur rôle dans la mobilité et la vitalité des spermatozoïdes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🔥 L-Arginine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Précurseur du monoxyde d'azote, il soutient la circulation sanguine et la libido masculine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e380 mg\u003c\/strong\u003e — Plante adaptogène traditionnellement utilisée pour favoriser la vitalité sexuelle et l'énergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e💪 Ginseng\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e120 mg\u003c\/strong\u003e — Tonifiant général qui aide à réduire la fatigue et à maintenir la performance physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e♂️ Tribulus terrestris\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Soutient l'équilibre hormonal et la libido chez l'homme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🛡️ Astragale\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e — Contribue aux défenses naturelles et au bien-être général de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"fth-section\"\u003e\n\u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"fth-grid-compact\"\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n\u003cp\u003e380 mg\u003cbr\u003e\u003cem\u003eLepidium meyenii\u003c\/em\u003e — racine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🔬 L-Carnitine\u003c\/h3\u003e\n\u003cp\u003e160 mg\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e⚡ Taurine\u003c\/h3\u003e\n\u003cp\u003e160 mg\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e💪 Ginseng\u003c\/h3\u003e\n\u003cp\u003e120 mg\u003cbr\u003e\u003cem\u003ePanax ginseng\u003c\/em\u003e — racine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e♂️ Tribulus\u003c\/h3\u003e\n\u003cp\u003e100 mg\u003cbr\u003e\u003cem\u003eTribulus terrestris\u003c\/em\u003e — fruit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🔥 L-Arginine\u003c\/h3\u003e\n\u003cp\u003e100 mg\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🛡️ Astragale\u003c\/h3\u003e\n\u003cp\u003e80 mg\u003cbr\u003e\u003cem\u003eAstragalus membranaceus\u003c\/em\u003e — racine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🧬 Zinc\u003c\/h3\u003e\n\u003cp\u003e10 mg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🔒 Sélénium\u003c\/h3\u003e\n\u003cp\u003e55 µg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🧪 Vitamine B9\u003c\/h3\u003e\n\u003cp\u003e400 µg\u003cbr\u003e200 % des AR\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e💊 Vitamine B12\u003c\/h3\u003e\n\u003cp\u003e2,5 µg\u003cbr\u003e100 % des AR\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e📋 Autres\u003c\/h3\u003e\n\u003cp\u003eGélule végétale, carbonate de magnésium, sels de magnésium d'acides gras\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"fth-section\"\u003e\n\u003ch2\u003eComment prendre Fertitop Homme ?\u003c\/h2\u003e\n\u003cdiv class=\"fth-timeline\"\u003e\n\u003cdiv class=\"fth-timeline-item\"\u003e\n\u003cdiv class=\"fth-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fth-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, le matin de préférence, avec un grand verre d'eau au cours du repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-timeline-item\"\u003e\n\u003cdiv class=\"fth-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fth-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, suivez une \u003cstrong\u003ecure de 3 mois minimum\u003c\/strong\u003e, correspondant au cycle complet de la spermatogenèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-timeline-item\"\u003e\n\u003cdiv class=\"fth-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fth-timeline-content\"\u003e\n\u003ch3\u003eMaximisez les bienfaits\u003c\/h3\u003e\n\u003cp\u003eAssociez cette cure à une alimentation variée, une activité physique régulière et un sommeil de qualité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-tip\"\u003e\n\u003cspan class=\"fth-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e intégrez vos gélules à votre routine du petit-déjeuner pour ne jamais oublier votre prise quotidienne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"fth-section\"\u003e\n\u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n\u003cdiv class=\"fth-grid-compact\"\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France par Labophyto, laboratoire spécialisé dans le bien-être intime masculin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e✅ Normes européennes\u003c\/h3\u003e\n\u003cp\u003eChaque lot est élaboré selon les normes européennes en vigueur avec des ingrédients tracés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e60 gélules\u003c\/strong\u003e par boîte, soit un mois complet de cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fth-card\"\u003e\n\u003ch3\u003e🔬 Sélection rigoureuse\u003c\/h3\u003e\n\u003cp\u003eIngrédients rigoureusement sélectionnés pour une efficacité et une sécurité optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"fth-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"fth-accordion\"\u003e\n\u003cdetails class=\"fth-accordion-item\"\u003e\n\u003csummary class=\"fth-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n\u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n\u003cp\u003eRéservé à l'homme adulte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fth-accordion-item\"\u003e\n\u003csummary class=\"fth-accordion-header\"\u003e⚠️ Dosage\u003c\/summary\u003e\n\u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée (2 gélules). Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"fth-accordion-item\"\u003e\n\u003csummary class=\"fth-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"fth-accordion-content mt-3\"\u003e\n\u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire pour fertilité homme\u003c\/strong\u003e ne remplace ni une alimentation équilibrée, ni un mode de vie sain, ni un avis médical. En cas de traitement médical, de pathologie ou d'infertilité diagnostiquée, consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"fth-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"fth-cta-box\"\u003e\n\u003cp\u003e🧬 Fertitop Homme est votre allié naturel pour aborder sereinement votre projet de conception. Offrez à votre organisme les nutriments dont il a besoin pour soutenir votre fertilité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"fth-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez votre médecin en cas de doute.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --fth-cream: #f4f6fa;\n  --fth-white: #ffffff;\n  --fth-primary: #1a6fb5;\n  --fth-primary-dark: #0d3f6e;\n  --fth-primary-light: #e8f1fa;\n  --fth-secondary: #2c9ed4;\n  --fth-accent: #1b8ecf;\n  --fth-text: #1a1a1a;\n  --fth-text-light: #5a5a5a;\n  --fth-border: #dce4ee;\n  --fth-shadow: 0 4px 24px rgba(13,63,110,.08);\n  --fth-shadow-lg: 0 12px 48px rgba(13,63,110,.15);\n  --fth-radius: 20px;\n  --fth-radius-sm: 12px;\n}\n\n.fth-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--fth-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fth-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--fth-primary-dark) 0%, var(--fth-primary) 50%, var(--fth-secondary) 100%);\n  border-radius: var(--fth-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(--fth-shadow-lg);\n}\n\n.fth-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.fth-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.fth-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.fth-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(--fth-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.fth-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.fth-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.fth-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 2.5vw, 19px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.fth-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2vw, 16px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.fth-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fth-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--fth-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.fth-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(--fth-primary), var(--fth-secondary));\n  border-radius: 2px;\n}\n\n.fth-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--fth-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.fth-card {\n  background: var(--fth-white);\n  border-radius: var(--fth-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--fth-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.fth-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--fth-shadow-lg);\n  border-color: var(--fth-primary);\n}\n\n.fth-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--fth-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.fth-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--fth-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fth-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fth-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.fth-grid-compact .fth-card {\n  padding: 1rem;\n}\n\n.fth-grid-compact .fth-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.fth-grid-compact .fth-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fth-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.fth-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.fth-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--fth-primary), var(--fth-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.fth-timeline-content {\n  flex: 1;\n  background: var(--fth-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--fth-radius-sm);\n  box-shadow: var(--fth-shadow);\n}\n\n.fth-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--fth-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.fth-timeline-content p {\n  font-size: 14px;\n  color: var(--fth-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.fth-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--fth-primary-light);\n  border-radius: var(--fth-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.fth-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.fth-tip p {\n  font-size: 14px;\n  color: var(--fth-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.fth-accordion {\n  background: var(--fth-white);\n  border-radius: var(--fth-radius);\n  box-shadow: var(--fth-shadow);\n  overflow: hidden;\n}\n\n.fth-accordion-item {\n  border-bottom: 1px solid var(--fth-border);\n  margin: 0;\n  padding: 0;\n}\n\n.fth-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.fth-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--fth-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.fth-accordion-header:hover {\n  background: var(--fth-primary-light);\n}\n\n.fth-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.fth-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--fth-primary);\n  transition: transform .2s ease;\n}\n\n.fth-accordion-item[open] .fth-accordion-header::after {\n  content: '−';\n}\n\n.fth-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--fth-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.fth-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.fth-cta-box {\n  background: linear-gradient(135deg, var(--fth-primary) 0%, var(--fth-primary-dark) 100%);\n  border-radius: var(--fth-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.fth-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.fth-disclaimer {\n  font-size: 12px;\n  color: var(--fth-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  .fth-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .fth-card {\n    padding: 1.125rem;\n  }\n\n  .fth-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .fth-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--fth-radius-sm);\n  }\n\n  .fth-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .fth-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .fth-grid-compact {\n    gap: .625rem;\n  }\n\n  .fth-grid-compact .fth-card {\n    padding: .75rem;\n  }\n\n  .fth-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .fth-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .fth-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .fth-timeline-content p {\n    font-size: 13px;\n  }\n\n  .fth-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .fth-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .fth-card {\n    animation: fthFadeInUp .5s ease backwards;\n  }\n  .fth-card:nth-child(1) { animation-delay: .05s; }\n  .fth-card:nth-child(2) { animation-delay: .1s; }\n  .fth-card:nth-child(3) { animation-delay: .15s; }\n  .fth-card:nth-child(4) { animation-delay: .2s; }\n  .fth-card:nth-child(5) { animation-delay: .25s; }\n  .fth-card:nth-child(6) { animation-delay: .3s; }\n  .fth-card:nth-child(7) { animation-delay: .35s; }\n  .fth-card:nth-child(8) { animation-delay: .4s; }\n  .fth-card:nth-child(9) { animation-delay: .45s; }\n  .fth-card:nth-child(10) { animation-delay: .5s; }\n  .fth-card:nth-child(11) { animation-delay: .55s; }\n  .fth-card:nth-child(12) { animation-delay: .6s; }\n}\n\n@keyframes fthFadeInUp {\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  .fth-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":45755026014365,"sku":"REF1056","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/fertitop-homme-fertilite-60-gelules-labophyto-packshothd.webp?v=1785939486"},{"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":"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":"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":"liporyz-lt-labo","title":"Liporyz 270 capsules - Huile de son de riz régulatrice de cholestérol - LT Labo","description":"\u003cdiv class=\"lpr-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lpr-hero\"\u003e\n    \u003cdiv class=\"lpr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lpr-hero-content\"\u003e\n      \u003cdiv class=\"lpr-badges-top\"\u003e\n        \u003cspan class=\"lpr-badge\"\u003e🌾 Huile de son de riz\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e❤️ Équilibre lipidique\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e\n        \u003cspan class=\"lpr-badge\"\u003e💊 270 capsules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003ch2 class=\"lpr-hero-title\"\u003eLiporyz – Huile de son de riz\u003c\/h2\u003e\n      \u003cp class=\"lpr-subtitle\"\u003eComplexe breveté par LT Labo pour l'équilibre lipidique\u003c\/p\u003e\n      \u003cp class=\"lpr-description\"\u003eFormulé à base d'huile de son de riz, phytostérols, vitamine E naturelle, chrome et zinc – une approche naturelle pour accompagner votre équilibre lipidique au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eLes bienfaits de Liporyz pour l'équilibre lipidique\u003c\/h2\u003e\n    \u003cp class=\"lpr-section-intro\"\u003eGrâce à sa richesse en huile de son de riz, phytostérols, vitamine E naturelle, chrome et zinc, Liporyz apporte un soutien ciblé à votre organisme.\u003c\/p\u003e\n    \u003cdiv class=\"lpr-grid\"\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e❤️ Cholestérol sanguin\u003c\/h3\u003e\n        \u003cp\u003eLes phytostérols contribuent au maintien d'une cholestérolémie normale (bénéfice obtenu par un apport journalier d'au moins 0,8 g de phytostérols).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🩸 Équilibre lipidique\u003c\/h3\u003e\n        \u003cp\u003eUne formule pensée pour accompagner en douceur l'équilibre lipidique global dans le cadre d'une hygiène de vie adaptée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🛡️ Stress oxydatif\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine E et le zinc contribuent à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🍬 Glycémie\u003c\/h3\u003e\n        \u003cp\u003eLe chrome contribue au maintien d'une glycémie normale et au métabolisme normal des macronutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌾 Richesse naturelle\u003c\/h3\u003e\n        \u003cp\u003eL'huile de son de riz est naturellement riche en gamma-oryzanol, tocotriénols et acides gras insaturés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌿 Approche naturelle\u003c\/h3\u003e\n        \u003cp\u003eUne solution d'origine végétale pour celles et ceux qui souhaitent prendre soin de leur équilibre au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eComposition et origine de l'huile de son de riz Liporyz\u003c\/h2\u003e\n    \u003cp class=\"lpr-section-intro\"\u003eChaque capsule concentre le meilleur de la fine couche externe du grain de riz, une source reconnue d'actifs végétaux.\u003c\/p\u003e\n    \u003cdiv class=\"lpr-grid-compact\"\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌾 Huile de son de riz\u003c\/h3\u003e\n        \u003cp\u003e400 mg par capsule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🧬 Phytostérols\u003c\/h3\u003e\n        \u003cp\u003e200 mg par capsule\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003e3 mg α-TE par capsule (25 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🔬 Chrome \u0026amp; zinc\u003c\/h3\u003e\n        \u003cp\u003eChrome 13,3 µg + Zinc 1,67 mg \/ capsule\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpr-tip\"\u003e\n      \u003cspan class=\"lpr-tip-icon\"\u003e💊\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eEnveloppe de la capsule :\u003c\/strong\u003e gélatine (origine animale). Sans levure de riz rouge. Pilulier recyclé et recyclable. Fabriqué en France par LT Labo. \u003cem\u003eLes valeurs indiquées correspondent aux données du fabricant et peuvent être ajustées ; se référer à l'étiquetage du produit.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eComment prendre Liporyz ? Posologie et durée recommandée\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-timeline\"\u003e\n      \u003cdiv class=\"lpr-timeline-item\"\u003e\n        \u003cdiv class=\"lpr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lpr-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e3 capsules par jour\u003c\/strong\u003e, à avaler avec un grand verre d'eau, de préférence au moment des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-timeline-item\"\u003e\n        \u003cdiv class=\"lpr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lpr-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e3 mois\u003c\/strong\u003e est conseillée pour un accompagnement complet. Le format 270 capsules correspond exactement à cette durée à raison de 3 capsules\/jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-timeline-item\"\u003e\n        \u003cdiv class=\"lpr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lpr-timeline-content\"\u003e\n          \u003ch3\u003eHygiène de vie associée\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, associer la prise à une alimentation équilibrée, une activité physique régulière et un suivi médical de votre bilan lipidique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eLiporyz : effets indésirables, contre-indications et précautions\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-accordion\"\u003e\n      \u003cdetails class=\"lpr-accordion-item\"\u003e\n        \u003csummary class=\"lpr-accordion-header\"\u003e🟢 Tolérance générale\u003c\/summary\u003e\n        \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eLiporyz est généralement bien toléré. Comme pour tout complément riche en corps gras végétaux, de légers inconforts digestifs peuvent survenir en début de prise et s'estompent habituellement rapidement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lpr-accordion-item\"\u003e\n        \u003csummary class=\"lpr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants. Déconseillé aux personnes allergiques au riz. Contient de la gélatine d'origine animale : non adapté aux régimes végétariens et végétaliens. En cas de traitement hypocholestérolémiant, anticoagulant ou de suivi médical, demandez conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lpr-accordion-item\"\u003e\n        \u003csummary class=\"lpr-accordion-header\"\u003e📋 Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lpr-accordion-content mt-3\"\u003e\n          \u003cp\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 jeunes enfants. À conserver à l'abri de la chaleur, de la lumière et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lpr-section\"\u003e\n    \u003ch2\u003eAvis sur Liporyz : ce qu'en pensent les utilisateurs\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-testimonial\"\u003e\n      \u003cp class=\"lpr-testimonial-text\"\u003eDe manière générale, Liporyz est apprécié par les utilisateurs à la recherche d'une approche naturelle en accompagnement de leur hygiène de vie. Les retours mettent souvent en avant la simplicité de la prise, le format cure de 3 mois et la traçabilité française du laboratoire. \u003cstrong\u003eCes retours sont indicatifs et ne constituent pas une promesse de résultats ; l'efficacité peut varier d'une personne à l'autre.\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpr-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e📅 Cure structurée\u003c\/h3\u003e\n        \u003cp\u003eFormat 270 capsules = 3 mois de cure complète\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e💊 Prise simple\u003c\/h3\u003e\n        \u003cp\u003e3 capsules par jour au moment des repas\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🌿 Origine végétale\u003c\/h3\u003e\n        \u003cp\u003eHuile de son de riz et phytostérols d'origine naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpr-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n        \u003cp\u003eFormulé et conditionné par LT Labo en France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"lpr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir Liporyz de LT Labo ?\u003c\/h2\u003e\n    \u003cdiv class=\"lpr-cta-box\"\u003e\n      \u003cp\u003e🏭 \u003cstrong\u003eLT Labo\u003c\/strong\u003e est un laboratoire français reconnu pour ses formulations naturelles. Liporyz bénéficie d'un complexe breveté et d'un contrôle qualité rigoureux à chaque étape de la fabrication.\u003cbr\u003e\u003cbr\u003e🌾 En choisissant Liporyz, vous optez pour une solution \u003cstrong\u003enaturelle et structurée\u003c\/strong\u003e – 270 capsules pour une cure complète de 3 mois, sans levure de riz rouge, dans un pilulier recyclé et recyclable.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lpr-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Ce produit ne se substitue pas à un avis ou à un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lpr-cream: #F7F5F0;\n  --lpr-white: #ffffff;\n  --lpr-primary: #C8963E;\n  --lpr-primary-dark: #8B6914;\n  --lpr-primary-light: #FBF5E8;\n  --lpr-secondary: #2D5A3D;\n  --lpr-accent: #D4A847;\n  --lpr-text: #1a1a1a;\n  --lpr-text-light: #5a5a5a;\n  --lpr-border: #E8E2D6;\n  --lpr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lpr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lpr-radius: 20px;\n  --lpr-radius-sm: 12px;\n}\n\n.lpr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lpr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lpr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8B6914 0%, #C8963E 40%, #2D5A3D 100%);\n  border-radius: var(--lpr-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lpr-shadow-lg);\n}\n\n.lpr-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.lpr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lpr-hero-title {\n  display: block;\n  color: white !important;\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  padding-bottom: 0 !important;\n  text-align: center;\n}\n\n.lpr-hero-title::after {\n  display: none !important;\n}\n\n.lpr-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.lpr-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n.lpr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lpr-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lpr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lpr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lpr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lpr-premium h2:not(.lpr-hero-title) {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lpr-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.lpr-premium h2:not(.lpr-hero-title)::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lpr-primary), var(--lpr-secondary));\n  border-radius: 2px;\n}\n\n.lpr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lpr-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.lpr-card {\n  background: var(--lpr-white);\n  border-radius: var(--lpr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lpr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lpr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lpr-shadow-lg);\n  border-color: var(--lpr-primary);\n}\n\n.lpr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lpr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lpr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lpr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lpr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lpr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lpr-grid-compact .lpr-card {\n  padding: 1rem;\n}\n\n.lpr-grid-compact .lpr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lpr-grid-compact .lpr-card p {\n  font-size: 12px;\n}\n\n.lpr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lpr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lpr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lpr-primary), var(--lpr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.lpr-timeline-content {\n  flex: 1;\n  background: var(--lpr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lpr-radius-sm);\n  box-shadow: var(--lpr-shadow);\n}\n\n.lpr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lpr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lpr-timeline-content p {\n  font-size: 14px;\n  color: var(--lpr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lpr-testimonial {\n  background: var(--lpr-white);\n  border-radius: var(--lpr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lpr-shadow);\n  border-left: 4px solid var(--lpr-primary);\n}\n\n.lpr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lpr-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.lpr-accordion {\n  background: var(--lpr-white);\n  border-radius: var(--lpr-radius);\n  box-shadow: var(--lpr-shadow);\n  overflow: hidden;\n}\n\n.lpr-accordion-item {\n  border-bottom: 1px solid var(--lpr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lpr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lpr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lpr-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lpr-accordion-header:hover {\n  background: var(--lpr-primary-light);\n}\n\n.lpr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lpr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lpr-primary);\n  transition: transform .2s ease;\n}\n\n.lpr-accordion-item[open] .lpr-accordion-header::after {\n  content: '−';\n}\n\n.lpr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lpr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lpr-accordion-content p {\n  margin: 0;\n}\n\n.lpr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lpr-primary-light);\n  border-radius: var(--lpr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lpr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lpr-tip p {\n  font-size: 14px;\n  color: var(--lpr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lpr-cta-box {\n  background: linear-gradient(135deg, var(--lpr-primary) 0%, var(--lpr-primary-dark) 100%);\n  border-radius: var(--lpr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lpr-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.lpr-disclaimer {\n  font-size: 12px;\n  color: var(--lpr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .lpr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  .lpr-card {\n    padding: 1.125rem;\n  }\n  .lpr-section {\n    margin-bottom: 1.75rem;\n  }\n  .lpr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lpr-radius-sm);\n  }\n  .lpr-premium h2:not(.lpr-hero-title) {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  .lpr-premium h2:not(.lpr-hero-title)::after {\n    width: 40px;\n    height: 3px;\n  }\n  .lpr-grid-compact {\n    gap: .625rem;\n  }\n  .lpr-grid-compact .lpr-card {\n    padding: .75rem;\n  }\n  .lpr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  .lpr-timeline-content {\n    padding: .875rem 1rem;\n  }\n  .lpr-timeline-content h3 {\n    font-size: 14px;\n  }\n  .lpr-timeline-content p {\n    font-size: 13px;\n  }\n  .lpr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  .lpr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  .lpr-testimonial {\n    padding: 1.25rem;\n  }\n  .lpr-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .lpr-card {\n    animation: lprFadeInUp .5s ease backwards;\n  }\n  .lpr-card:nth-child(1) { animation-delay: .05s; }\n  .lpr-card:nth-child(2) { animation-delay: .1s; }\n  .lpr-card:nth-child(3) { animation-delay: .15s; }\n  .lpr-card:nth-child(4) { animation-delay: .2s; }\n  .lpr-card:nth-child(5) { animation-delay: .25s; }\n  .lpr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lprFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lpr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45909537882269,"sku":"NBAILTL0007","price":56.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/liporyz-270-capsules-huile-de-son-de-riz-regulatrice-de-chol-packshothd_3cc8c2c2-de67-4089-9a61-44d0a30e2ba4.webp?v=1787128519"},{"product_id":"immunocance-jade-recherche-defenses-immunitaires-60-g-jade-recherche","title":"Immunocance Jade Recherche - Défenses Immunitaires - 60 g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Immunocance Jade Recherche - Défenses Immunitaires - 60 g\nPalette détectée:\n  - Primaire: #C2185B (rose magenta\/fuchsia dominant du packaging)\n  - Secondaire: #E6A817 (doré\/orange des bulles décoratives et texte jaune)\n  - Accent: #9C27B0 (violet\/pourpre visible sur les bords de l'étiquette)\nAmbiance: Santé naturelle, champignons médicinaux, immunité, univers féminin\/vibrant avec touches dorées évoquant la qualité premium. Pot blanc sobre avec étiquette rose vif et éléments dorés.\nPréfixe CSS: imc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Immunocance Jade Recherche : le pouvoir des champignons médicinaux pour votre immunité\"\n  2. \"Pourquoi choisir Immunocance pour renforcer votre immunité ?\"\n  3. \"Composition détaillée pour 4 g (dose journalière)\"\n  4. \"Comment prendre Immunocance ?\"\n  5. \"À qui s'adresse ce complément ?\"\n  6. \"Qualité et fabrication française\"\n  7. \"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=\"imc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"imc-hero\"\u003e\n    \u003cdiv class=\"imc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"imc-hero-content\"\u003e\n      \u003cdiv class=\"imc-badges-top\"\u003e\n        \u003cspan class=\"imc-badge\"\u003e🍄 Maïtaké · Shiitaké · Reishi\u003c\/span\u003e\n        \u003cspan class=\"imc-badge\"\u003e🧬 Vitamine C liposomale 170% AR\u003c\/span\u003e\n        \u003cspan class=\"imc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"imc-hero-title\"\u003eImmunocance Jade Recherche\u003c\/span\u003e\n      \u003cp class=\"imc-subtitle\"\u003eDéfenses immunitaires — 60 g de poudre\u003c\/p\u003e\n      \u003cp class=\"imc-description\"\u003eLa synergie de 3 champignons médicinaux adaptogènes et de vitamine C liposomale pour soutenir votre immunité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eImmunocance Jade Recherche : le pouvoir des champignons médicinaux pour votre immunité\u003c\/h2\u003e\n    \u003cp class=\"imc-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire immunité\u003c\/strong\u003e qui associe le meilleur de la mycothérapie à la \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e ?\u003c\/p\u003e\n    \u003cdiv class=\"imc-grid\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍄 Trio de champignons adaptogènes\u003c\/h3\u003e\n        \u003cp\u003eMaïtaké, shiitaké et reishi réunis dans une seule formule en poudre pour une action synergique sur vos défenses naturelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🧬 Vitamine C liposomale\u003c\/h3\u003e\n        \u003cp\u003eEncapsulée dans des liposomes pour une biodisponibilité supérieure à la vitamine C classique. 136 mg par dose, soit 170 % des AR.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🌿 Formule 100 % naturelle\u003c\/h3\u003e\n        \u003cp\u003eIngrédients issus de sources naturelles, enrichis de poudre de jus de noni pour un apport complémentaire en antioxydants.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Immunocance pour renforcer votre immunité ?\u003c\/h2\u003e\n    \u003cdiv class=\"imc-grid\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🏔️ Maïtaké (Grifola frondosa)\u003c\/h3\u003e\n        \u003cp\u003eChampignon traditionnellement utilisé en médecine asiatique, riche en \u003cstrong\u003ebêta-glucanes\u003c\/strong\u003e qui contribuent à stimuler l'activité des cellules immunitaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🌸 Shiitaké (Lentinus edodes)\u003c\/h3\u003e\n        \u003cp\u003eDeuxième pilier de la formule, reconnu pour sa richesse en polysaccharides immunostimulants et son usage millénaire en mycothérapie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e✨ Reishi (Ganoderma lucidum)\u003c\/h3\u003e\n        \u003cp\u003eSurnommé « champignon de l'immortalité », il complète le trio grâce à ses \u003cstrong\u003epropriétés adaptogènes\u003c\/strong\u003e reconnues.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e💊 Vitamine C liposomale\u003c\/h3\u003e\n        \u003cp\u003eEncapsulée dans des liposomes de lécithine de tournesol pour une \u003cstrong\u003eabsorption nettement supérieure\u003c\/strong\u003e, contribuant au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍈 Jus de noni\u003c\/h3\u003e\n        \u003cp\u003eLa poudre de jus de \u003cstrong\u003eMorinda citrifolia\u003c\/strong\u003e apporte un complément d'antioxydants naturels pour renforcer la synergie globale de la formule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🔬 Synergie optimisée\u003c\/h3\u003e\n        \u003cp\u003eLa complémentarité des actifs fait toute la différence : chaque ingrédient amplifie l'efficacité des autres pour un soutien immunitaire complet.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 g (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"imc-composition-table\"\u003e\n      \u003cdiv class=\"imc-compo-row imc-compo-header\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003eIngrédient\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003eDosage\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e🍄 \u003cstrong\u003eMaïtaké\u003c\/strong\u003e (Grifola frondosa)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e1,6 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e🍄 \u003cstrong\u003eShiitaké\u003c\/strong\u003e (Lentinus edodes)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e1,28 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e🍈 \u003cstrong\u003ePoudre de jus de noni\u003c\/strong\u003e (Morinda citrifolia)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e0,6 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e✨ \u003cstrong\u003eReishi\u003c\/strong\u003e (Ganoderma lucidum)*\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e0,32 g\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row imc-compo-highlight\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003e💊 \u003cstrong\u003eVitamine C liposomale\u003c\/strong\u003e (acide L-ascorbique)\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e\u003cstrong\u003e136 mg\u003c\/strong\u003e — 170 % AR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-compo-row\"\u003e\n        \u003cspan class=\"imc-compo-name\"\u003eÉmulsifiant : lécithine de tournesol\u003c\/span\u003e\n        \u003cspan class=\"imc-compo-dose\"\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"imc-disclaimer\"\u003e* Ingrédients issus de sources naturelles. Contenance nette : \u003cstrong\u003e60 g\u003c\/strong\u003e de poudre.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eComment prendre Immunocance ?\u003c\/h2\u003e\n    \u003cdiv class=\"imc-timeline\"\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 cuillères à café rases\u003c\/strong\u003e par jour (soit 2 à 4 g).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003eDiluez dans de l'eau chaude\u003c\/h3\u003e\n          \u003cp\u003eVersez la poudre dans un verre d'eau chaude d'environ \u003cstrong\u003e200 ml\u003c\/strong\u003e, puis mélangez bien. Vous pouvez aussi l'incorporer dans une tisane ou un jus tiède.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003ePrenez pendant un repas\u003c\/h3\u003e\n          \u003cp\u003ePrivilégiez une prise \u003cstrong\u003ependant un repas\u003c\/strong\u003e pour favoriser l'absorption de la vitamine C liposomale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-timeline-item\"\u003e\n        \u003cdiv class=\"imc-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"imc-timeline-content\"\u003e\n          \u003ch3\u003eFaites une cure régulière\u003c\/h3\u003e\n          \u003cp\u003ePour une cure efficace, une prise régulière \u003cstrong\u003esur plusieurs semaines\u003c\/strong\u003e est recommandée, notamment à l'approche de l'automne, de l'hiver ou lors de périodes de fatigue passagère.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"imc-grid-compact\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité naturelle\u003c\/h3\u003e\n        \u003cp\u003ePersonnes souhaitant renforcer leur immunité de manière naturelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍄 Mycothérapie\u003c\/h3\u003e\n        \u003cp\u003eCeux qui veulent bénéficier des bienfaits des champignons médicinaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e💊 Vitamine C optimisée\u003c\/h3\u003e\n        \u003cp\u003ePersonnes cherchant une forme liposomale mieux assimilée par l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n        \u003cp\u003ePour soutenir l'organisme lors des transitions saisonnières ou périodes exigeantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"imc-section\"\u003e\n    \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"imc-testimonial\"\u003e\n      \u003cp class=\"imc-testimonial-text\"\u003eConçu et fabriqué en France par \u003cstrong\u003eJade Recherche\u003c\/strong\u003e, Immunocance bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Jade Recherche est un laboratoire spécialisé dans le développement de formules naturelles innovantes, reconnu pour son exigence scientifique et son engagement envers des ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"imc-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eConception et fabrication françaises.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imc-card\"\u003e\n        \u003ch3\u003e🔬 Contrôle qualité\u003c\/h3\u003e\n        \u003cp\u003eRigueur à chaque étape de production.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"imc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"imc-accordion\"\u003e\n      \u003cdetails class=\"imc-accordion-item\"\u003e\n        \u003csummary class=\"imc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne dépassez pas la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"imc-accordion-item\"\u003e\n        \u003csummary class=\"imc-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical en cours, consultez votre médecin avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"imc-accordion-item\"\u003e\n        \u003csummary class=\"imc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"imc-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants. Conserver au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"imc-disclaimer\"\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\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --imc-cream: #fdf6f9;\n  --imc-white: #ffffff;\n  --imc-primary: #C2185B;\n  --imc-primary-dark: #880E4F;\n  --imc-primary-light: #fce4ec;\n  --imc-secondary: #E6A817;\n  --imc-accent: #9C27B0;\n  --imc-text: #1a1a1a;\n  --imc-text-light: #5a5a5a;\n  --imc-border: #f0e0e6;\n  --imc-shadow: 0 4px 24px rgba(194,24,91,.08);\n  --imc-shadow-lg: 0 12px 48px rgba(194,24,91,.15);\n  --imc-radius: 20px;\n  --imc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.imc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--imc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.imc-premium *, .imc-premium *::before, .imc-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.imc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--imc-primary-dark) 0%, var(--imc-primary) 40%, var(--imc-accent) 100%);\n  border-radius: var(--imc-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(--imc-shadow-lg);\n}\n\n.imc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(230,168,23,.25) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(230,168,23,.15) 0%, transparent 60%);\n  opacity: .6;\n}\n\n.imc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.imc-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.imc-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.imc-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.imc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.imc-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(--imc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.imc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.imc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.imc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--imc-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.imc-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(--imc-primary), var(--imc-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.imc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--imc-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.imc-card {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--imc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.imc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--imc-shadow-lg);\n  border-color: var(--imc-primary);\n}\n\n.imc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--imc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.imc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--imc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.imc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.imc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.imc-grid-compact .imc-card {\n  padding: 1rem;\n}\n\n.imc-grid-compact .imc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.imc-grid-compact .imc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.imc-composition-table {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  box-shadow: var(--imc-shadow);\n  overflow: hidden;\n}\n\n.imc-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(--imc-border);\n  gap: 1rem;\n}\n\n.imc-compo-row:last-child {\n  border-bottom: none;\n}\n\n.imc-compo-header {\n  background: linear-gradient(135deg, var(--imc-primary-dark), var(--imc-primary));\n  color: white;\n  font-weight: 800;\n  font-size: 14px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.imc-compo-header .imc-compo-name,\n.imc-compo-header .imc-compo-dose {\n  color: white;\n}\n\n.imc-compo-name {\n  font-size: 14px;\n  color: var(--imc-text);\n  line-height: 1.4;\n  flex: 1;\n}\n\n.imc-compo-dose {\n  font-size: 14px;\n  color: var(--imc-primary-dark);\n  font-weight: 700;\n  text-align: right;\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n.imc-compo-highlight {\n  background: var(--imc-primary-light);\n}\n\n.imc-compo-highlight .imc-compo-dose {\n  color: var(--imc-primary);\n  font-size: 15px;\n}\n\n\/* === TIMELINE === *\/\n.imc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.imc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.imc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--imc-primary), var(--imc-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(194,24,91,.25);\n}\n\n.imc-timeline-content {\n  flex: 1;\n  background: var(--imc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--imc-radius-sm);\n  box-shadow: var(--imc-shadow);\n}\n\n.imc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--imc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.imc-timeline-content p {\n  font-size: 14px;\n  color: var(--imc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.imc-testimonial {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--imc-shadow);\n  border-left: 4px solid var(--imc-primary);\n}\n\n.imc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--imc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.imc-accordion {\n  background: var(--imc-white);\n  border-radius: var(--imc-radius);\n  box-shadow: var(--imc-shadow);\n  overflow: hidden;\n}\n\n.imc-accordion-item {\n  border-bottom: 1px solid var(--imc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.imc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.imc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--imc-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.imc-accordion-header:hover {\n  background: var(--imc-primary-light);\n}\n\n.imc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.imc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--imc-primary);\n  transition: transform .2s ease;\n}\n\n.imc-accordion-item[open] .imc-accordion-header::after {\n  content: '−';\n}\n\n.imc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--imc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.imc-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.imc-disclaimer {\n  font-size: 12px;\n  color: var(--imc-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  .imc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .imc-card {\n    padding: 1.125rem;\n  }\n\n  .imc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .imc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--imc-radius-sm);\n  }\n\n  .imc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .imc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  \/* Grille compacte mobile *\/\n  .imc-grid-compact {\n    gap: .625rem;\n  }\n\n  .imc-grid-compact .imc-card {\n    padding: .75rem;\n  }\n\n  \/* Composition table mobile *\/\n  .imc-compo-row {\n    padding: .75rem 1rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n\n  .imc-compo-header {\n    flex-direction: row;\n  }\n\n  .imc-compo-name {\n    font-size: 13px;\n  }\n\n  .imc-compo-dose {\n    font-size: 13px;\n    text-align: left;\n  }\n\n  \/* Timeline mobile *\/\n  .imc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .imc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .imc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .imc-timeline-content p {\n    font-size: 13px;\n  }\n\n  \/* Accordéon mobile *\/\n  .imc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .imc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  \/* Testimonial mobile *\/\n  .imc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .imc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .imc-card {\n    animation: imcFadeInUp .5s ease backwards;\n  }\n  .imc-card:nth-child(1) { animation-delay: .05s; }\n  .imc-card:nth-child(2) { animation-delay: .1s; }\n  .imc-card:nth-child(3) { animation-delay: .15s; }\n  .imc-card:nth-child(4) { animation-delay: .2s; }\n  .imc-card:nth-child(5) { animation-delay: .25s; }\n  .imc-card:nth-child(6) { animation-delay: .3s; }\n\n  .imc-timeline-item {\n    animation: imcFadeInUp .5s ease backwards;\n  }\n  .imc-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .imc-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .imc-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .imc-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes imcFadeInUp {\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  .imc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755277279389,"sku":"JADEIMMU60","price":49.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/immunocance-jade-recherche-defenses-immunitaires-60-g-packshothd.webp?v=1786012070"},{"product_id":"phyco-40-bio-spiruline-et-phycocyanine-24-gelules-lt-labo","title":"Phyco++40 Bio - Spiruline \u0026 Phycocyanine - 32 Gelules - LT Labo","description":"\u003cdiv class=\"pc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pc-hero\"\u003e\n    \u003cdiv class=\"pc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pc-hero-content\"\u003e\n      \u003cdiv class=\"pc-badges-top\"\u003e\n        \u003cspan class=\"pc-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e🇫🇷 Spiruline française\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e🌱 Vegan certifié\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e💊 32 gélules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pc-hero-title\"\u003ePhyco++40 Bio\u003c\/span\u003e\n      \u003cp class=\"pc-subtitle\"\u003eSpiruline \u0026amp; Phycocyanine concentrée à 40 % — LT Labo\u003c\/p\u003e\n      \u003cp class=\"pc-description\"\u003eL'un des extraits de phycocyanine les plus concentrés du marché : 40 % de principes actifs pour un soutien immunitaire et antioxydant maximal, en gélules 100 % bio et vegan.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003ePhyco++40 Bio : la puissance concentrée de la phycocyanine à 40 %\u003c\/h2\u003e\n    \u003cp class=\"pc-section-intro\"\u003eVous cherchez un complément alimentaire à base de \u003cstrong\u003espiruline bio française\u003c\/strong\u003e réellement dosé en principes actifs ? Le \u003cstrong\u003ePhyco++40 Bio de LT Labo\u003c\/strong\u003e se distingue nettement des spirulines classiques grâce à sa concentration exceptionnelle : \u003cstrong\u003e40 % de phycocyanines\u003c\/strong\u003e, soit l'un des taux les plus élevés du marché.\u003c\/p\u003e\n    \u003cdiv class=\"pc-highlight-box\"\u003e\n      \u003cdiv class=\"pc-highlight-number\"\u003e40 %\u003c\/div\u003e\n      \u003cdiv class=\"pc-highlight-text\"\u003e\n        \u003cp\u003eCe pigment bleu, véritable trésor de la spiruline, est reconnu pour ses \u003cstrong\u003epropriétés antioxydantes puissantes\u003c\/strong\u003e et son rôle dans le \u003cstrong\u003esoutien du système immunitaire\u003c\/strong\u003e. Là où les spirulines classiques plafonnent à 15-20 %, Phyco++40 double la mise.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la phycocyanine et pourquoi 40 % change tout ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-testimonial\"\u003e\n      \u003cp class=\"pc-testimonial-text\"\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturellement présent dans la spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e). C'est elle qui concentre une grande partie des bienfaits de la spiruline bio : protection contre le stress oxydatif, soutien des défenses naturelles et contribution à la vitalité globale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e📉 Spiruline classique\u003c\/h3\u003e\n        \u003cp\u003e15 à 20 % de phycocyanine maximum — nécessite plus de prises pour un effet notable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card pc-card-accent\"\u003e\n        \u003ch3\u003e🚀 Phyco++40 Bio\u003c\/h3\u003e\n        \u003cp\u003eExtrait titré à \u003cstrong\u003e40 %\u003c\/strong\u003e — chaque gélule est véritablement concentrée et efficace\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets de Phyco++40 Bio\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🛡️ Soutien immunitaire renforcé\u003c\/h3\u003e\n        \u003cp\u003eLa spiruline contribue au bon fonctionnement du système immunitaire, un atout précieux aux changements de saison ou en période de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e✨ Action antioxydante puissante\u003c\/h3\u003e\n        \u003cp\u003eLa phycocyanine aide à lutter contre les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e⚡ Énergie et endurance\u003c\/h3\u003e\n        \u003cp\u003eRiche en protéines, fer et vitamines du groupe B, la spiruline bio participe à réduire la fatigue au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🧹 Détoxification naturelle\u003c\/h3\u003e\n        \u003cp\u003eElle favorise l'élimination des toxines et soutient les fonctions d'épuration de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"pc-composition\"\u003e\n      \u003cdiv class=\"pc-composition-item\"\u003e\n        \u003cdiv class=\"pc-composition-icon\"\u003e🌀\u003c\/div\u003e\n        \u003cdiv class=\"pc-composition-detail\"\u003e\n          \u003ch3\u003eSpiruline bio (\u003cem\u003eArthrospira platensis\u003c\/em\u003e)\u003c\/h3\u003e\n          \u003cp\u003eExtrait concentré en phycocyanines \u003cstrong\u003e(40 %)\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-composition-item\"\u003e\n        \u003cdiv class=\"pc-composition-icon\"\u003e💊\u003c\/div\u003e\n        \u003cdiv class=\"pc-composition-detail\"\u003e\n          \u003ch3\u003eEnveloppe de la gélule\u003c\/h3\u003e\n          \u003cp\u003eHydroxypropylméthylcellulose (origine végétale)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n        \u003cp\u003eFR-BIO-01\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n        \u003cp\u003e100 % végétal\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n        \u003cp\u003eNi colorants, ni conservateurs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n        \u003cp\u003e32 gélules — 14 g net\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eComment prendre Phyco++40 Bio ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-timeline\"\u003e\n      \u003cdiv class=\"pc-timeline-item\"\u003e\n        \u003cdiv class=\"pc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pc-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin au cours du petit-déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-timeline-item\"\u003e\n        \u003cdiv class=\"pc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pc-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003ePour une cure complète, une prise régulière sur \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est idéale, renouvelable plusieurs fois par an selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-timeline-item\"\u003e\n        \u003cdiv class=\"pc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pc-timeline-content\"\u003e\n          \u003ch3\u003eDébutants en spiruline\u003c\/h3\u003e\n          \u003cp\u003eCommencez par \u003cstrong\u003eune gélule quotidienne\u003c\/strong\u003e la première semaine afin de laisser votre organisme s'adapter progressivement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-tip\"\u003e\n      \u003cspan class=\"pc-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eAvec 32 gélules par flacon, vous disposez d'environ \u003cstrong\u003e16 jours de cure\u003c\/strong\u003e à raison de 2 gélules\/jour. Prévoyez 2 flacons pour une cure complète de 4 semaines.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eFabrication française et qualité biologique\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🇫🇷 Laboratoire français\u003c\/h3\u003e\n        \u003cp\u003eFormulé par \u003cstrong\u003eLT Labo\u003c\/strong\u003e, spécialiste des compléments alimentaires naturels et biologiques depuis plus de 20 ans.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌾 Spiruline cultivée en France\u003c\/h3\u003e\n        \u003cp\u003eRécoltée et transformée dans le respect de conditions strictes pour préserver l'intégrité de ses nutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🔬 Contrôle qualité rigoureux\u003c\/h3\u003e\n        \u003cp\u003eChaque lot est analysé pour garantir une teneur réelle en phycocyanines conforme à l'étiquetage.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n        \u003cp\u003eRenforcez vos défenses naturelles avant l'hiver ou après une période de convalescence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🔋 Fatigue passagère\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez énergie et tonus grâce à un concentré naturel de spiruline bio.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌿 Routine antioxydante\u003c\/h3\u003e\n        \u003cp\u003eIntégrez un antioxydant naturel et certifié bio dans votre quotidien bien-être.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e💪 Concentration maximale\u003c\/h3\u003e\n        \u003cp\u003eProfitez des bienfaits de la spiruline sous une forme hautement concentrée à 40 % de phycocyanine.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Précautions \u0026 infos secondaires --\u003e\n  \u003csection class=\"pc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"pc-accordion\"\u003e\n      \u003cdetails class=\"pc-accordion-item\"\u003e\n        \u003csummary class=\"pc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire ne remplace pas un régime alimentaire varié et équilibré ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Déconseillé aux personnes allergiques aux algues. En cas de traitement médical, demandez conseil à votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pc-accordion-item\"\u003e\n        \u003csummary class=\"pc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver dans un endroit frais, sec et à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pc-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003e🌀 Offrez à votre organisme la puissance de \u003cstrong\u003e40 % de phycocyanine bio\u003c\/strong\u003e — l'allié naturel de votre immunité, de votre énergie et de votre vitalité au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pc-disclaimer\"\u003eLes informations fournies ne se substituent pas à un avis médical. Les compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pc-cream: #f4f8fa;\n  --pc-white: #ffffff;\n  --pc-primary: #2a9fd6;\n  --pc-primary-dark: #1a6b94;\n  --pc-primary-light: #e6f4fb;\n  --pc-secondary: #4db849;\n  --pc-accent: #0e7a3d;\n  --pc-text: #1a1a1a;\n  --pc-text-light: #5a5a5a;\n  --pc-border: #dde8ee;\n  --pc-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --pc-radius: 20px;\n  --pc-radius-sm: 12px;\n}\n\n.pc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pc-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a6b94 0%, #2a9fd6 45%, #4db849 100%);\n  border-radius: var(--pc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n              repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.pc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--pc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.pc-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 650px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.pc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--pc-primary), var(--pc-secondary));\n  border-radius: 2px;\n}\n\n.pc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pc-highlight-box {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pc-shadow);\n  border-left: 5px solid var(--pc-primary);\n}\n\n.pc-highlight-number {\n  flex-shrink: 0;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  color: var(--pc-primary);\n  line-height: 1;\n  letter-spacing: -.04em;\n}\n\n.pc-highlight-text p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pc-card {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pc-shadow-lg);\n  border-color: var(--pc-primary);\n}\n\n.pc-card-accent {\n  background: var(--pc-primary-light);\n  border: 2px solid var(--pc-primary);\n}\n\n.pc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pc-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pc-grid-compact .pc-card {\n  padding: 1rem;\n}\n\n.pc-grid-compact .pc-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pc-grid-compact .pc-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION === *\/\n.pc-composition {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pc-composition-item {\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n  background: var(--pc-white);\n  border-radius: var(--pc-radius-sm);\n  padding: 1.25rem 1.5rem;\n  box-shadow: var(--pc-shadow);\n  transition: all .3s ease;\n}\n\n.pc-composition-item:hover {\n  transform: translateX(6px);\n  box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-composition-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.pc-composition-detail h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pc-composition-detail p {\n  font-size: 14px;\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.pc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pc-primary), var(--pc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.pc-timeline-content {\n  flex: 1;\n  background: var(--pc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pc-radius-sm);\n  box-shadow: var(--pc-shadow);\n}\n\n.pc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pc-timeline-content p {\n  font-size: 14px;\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pc-testimonial {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pc-shadow);\n  border-left: 4px solid var(--pc-primary);\n}\n\n.pc-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pc-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pc-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pc-primary-light);\n  border-radius: var(--pc-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pc-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pc-tip p {\n  font-size: 14px;\n  color: var(--pc-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pc-accordion {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  box-shadow: var(--pc-shadow);\n  overflow: hidden;\n}\n\n.pc-accordion-item {\n  border-bottom: 1px solid var(--pc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.pc-accordion-header:hover {\n  background: var(--pc-primary-light);\n}\n\n.pc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pc-primary);\n  transition: transform .2s ease;\n}\n\n.pc-accordion-item[open] .pc-accordion-header::after {\n  content: '−';\n}\n\n.pc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pc-cta-box {\n  background: linear-gradient(135deg, var(--pc-primary) 0%, var(--pc-primary-dark) 100%);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pc-disclaimer {\n  font-size: 12px;\n  color: var(--pc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .pc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pc-card {\n    padding: 1.125rem;\n  }\n\n  .pc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pc-radius-sm);\n  }\n\n  .pc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pc-grid-compact {\n    gap: .625rem;\n  }\n\n  .pc-grid-compact .pc-card {\n    padding: .75rem;\n  }\n\n  .pc-highlight-box {\n    flex-direction: column;\n    text-align: center;\n    gap: 1rem;\n    padding: 1.25rem;\n  }\n\n  .pc-highlight-number {\n    font-size: 40px;\n  }\n\n  .pc-composition-item {\n    padding: 1rem;\n  }\n\n  .pc-composition-icon {\n    font-size: 24px;\n  }\n\n  .pc-composition-detail h3 {\n    font-size: 14px;\n  }\n\n  .pc-composition-detail p {\n    font-size: 13px;\n  }\n\n  .pc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .pc-testimonial {\n    padding: 1.25rem;\n  }\n\n  .pc-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pc-card {\n    animation: pcFadeInUp .5s ease backwards;\n  }\n  .pc-card:nth-child(1) { animation-delay: .05s; }\n  .pc-card:nth-child(2) { animation-delay: .1s; }\n  .pc-card:nth-child(3) { animation-delay: .15s; }\n  .pc-card:nth-child(4) { animation-delay: .2s; }\n  .pc-card:nth-child(5) { animation-delay: .25s; }\n  .pc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .pc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755279802525,"sku":"NBAILTL0027","price":24.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco40_lt_labo.webp?v=1773656629"},{"product_id":"menbooster-stimule-la-libido-60-gelules-vegetales-labophyto","title":"Menbooster - Stimule la Libido - 60 Gelules - Labophyto","description":"\u003cdiv class=\"mb-premium\"\u003e\n\n\u003cdiv class=\"mb-hero\"\u003e\n\u003cdiv class=\"mb-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"mb-hero-content\"\u003e\n\u003cdiv class=\"mb-badges-top\"\u003e\n\u003cspan class=\"mb-badge\"\u003e🔬 13 actifs naturels\u003c\/span\u003e\n\u003cspan class=\"mb-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n\u003cspan class=\"mb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"mb-badge\"\u003e📅 Programme 30 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mb-hero-title\"\u003eMen Booster Aphrodisiaque\u003c\/span\u003e\n\u003cp class=\"mb-subtitle\"\u003eLabophyto — Stimulant libido homme\u003c\/p\u003e\n\u003cp class=\"mb-description\"\u003eRetrouvez vitalité, endurance et désir grâce à une formule concentrée en plantes adaptogènes, acides aminés, vitamines et minéraux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003eMen Booster de Labophyto : le complément alimentaire libido homme aux actifs naturels\u003c\/h2\u003e\n\u003cp class=\"mb-section-intro\"\u003eVous ressentez une baisse de désir, une fatigue qui s'installe ou un manque d'énergie au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"mb-grid-compact\"\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🔥 Désir relancé\u003c\/h3\u003e\n\u003cp\u003eStimule naturellement la libido grâce à la maca et au ginseng\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n\u003cp\u003eVitamines B1, B2, B3 pour un métabolisme énergétique optimal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🩸 Circulation optimisée\u003c\/h3\u003e\n\u003cp\u003eGinkgo biloba et L-Arginine pour une meilleure vasodilatation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e💪 Testostérone soutenue\u003c\/h3\u003e\n\u003cp\u003eZinc, tribulus et sélénium pour maintenir un taux hormonal normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003eUne formule complète de 13 ingrédients actifs\u003c\/h2\u003e\n\u003cp class=\"mb-section-intro\"\u003eChaque dose journalière de \u003cstrong\u003e2 gélules\u003c\/strong\u003e vous apporte une synergie unique de 13 actifs ciblés :\u003c\/p\u003e\n\u003cdiv class=\"mb-grid\"\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e360 mg — racine\u003c\/p\u003e\n\u003cp\u003ePlante péruvienne traditionnellement utilisée pour soutenir la libido et l'endurance physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌱 Astragale\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e100 mg — racine\u003c\/p\u003e\n\u003cp\u003eContribue à améliorer la fonction érectile et à soutenir la spermatogenèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e⚡ Ginseng\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e90 mg — racine\u003c\/p\u003e\n\u003cp\u003eStimulant libido homme reconnu, il favorise l'énergie et la résistance au stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e90 mg — feuille\u003c\/p\u003e\n\u003cp\u003eAméliore la microcirculation sanguine, un facteur essentiel pour la performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🫐 Saw Palmetto\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e80 mg — fruit\u003c\/p\u003e\n\u003cp\u003eSoutient la santé de la prostate et la fertilité masculine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌾 Tribulus terrestris\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e50 mg — feuille et fruit\u003c\/p\u003e\n\u003cp\u003eAide à stimuler naturellement la production de testostérone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🧬 L-Arginine\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e50 mg\u003c\/p\u003e\n\u003cp\u003eAcide aminé précurseur du monoxyde d'azote, favorisant la vasodilatation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🌸 Safran\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e30 mg — stigmate\u003c\/p\u003e\n\u003cp\u003eReconnu pour son effet positif sur l'humeur et le désir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🔩 Zinc\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e10 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eContribue au maintien d'un taux normal de testostérone dans le sang.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e50 µg — 91 % AR\u003c\/p\u003e\n\u003cp\u003eParticipe à une spermatogenèse normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e💛 Vitamine B1\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e1,1 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eSoutient le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e🧡 Vitamine B2\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e1,4 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eAide à réduire la fatigue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card mb-card-ingredient\"\u003e\n\u003ch3\u003e❤️ Vitamine B3\u003c\/h3\u003e\n\u003cp class=\"mb-dosage\"\u003e16 mg — 100 % AR\u003c\/p\u003e\n\u003cp\u003eContribue au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003eComment prendre Men Booster ?\u003c\/h2\u003e\n\u003cdiv class=\"mb-timeline\"\u003e\n\u003cdiv class=\"mb-timeline-item\"\u003e\n\u003cdiv class=\"mb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-content\"\u003e\n\u003ch3\u003ePrenez 2 gélules par jour\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, de préférence le matin ou avant un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-item\"\u003e\n\u003cdiv class=\"mb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-content\"\u003e\n\u003ch3\u003eSuivez le programme de 30 jours\u003c\/h3\u003e\n\u003cp\u003eChaque boîte contient 60 gélules pour un cycle complet d'un mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-item\"\u003e\n\u003cdiv class=\"mb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mb-timeline-content\"\u003e\n\u003ch3\u003eSoyez régulier pour des résultats optimaux\u003c\/h3\u003e\n\u003cp\u003eLes actifs comme la maca et le ginseng déploient pleinement leurs effets après plusieurs jours de prise continue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-tip\"\u003e\n\u003cspan class=\"mb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e la régularité est la clé. Ne sautez pas de prise pour maximiser les bénéfices de la synergie des 13 actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce booster sexuel naturel ?\u003c\/h2\u003e\n\u003cdiv class=\"mb-grid\"\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🔬 Formule multi-actifs\u003c\/h3\u003e\n\u003cp\u003eContrairement aux compléments libido classiques qui misent sur 1 ou 2 ingrédients, Men Booster combine \u003cstrong\u003e13 actifs\u003c\/strong\u003e pour une action globale et synergique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e📜 Science et tradition\u003c\/h3\u003e\n\u003cp\u003eLe zinc et le sélénium sont scientifiquement reconnus pour leur rôle dans le maintien de la testostérone et la spermatogenèse. Les extraits de maca, ginseng et tribulus sont plébiscités depuis des siècles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mb-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France par Labophyto, laboratoire spécialisé dans les produits de bien-être naturels. Gélules végétales, sans ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mb-accordion\"\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e👤 À qui s'adresse ce complément ?\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire est réservé aux \u003cstrong\u003ehommes adultes\u003c\/strong\u003e. Il est déconseillé aux personnes souffrant de troubles cardiaques ainsi qu'aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e⚠️ Dosage et avis médical\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eNe dépassez pas la dose journalière recommandée de 2 gélules. En cas de traitement médical en cours, demandez l'avis de votre médecin avant toute utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mb-accordion-item\"\u003e\n\u003csummary class=\"mb-accordion-header\"\u003e📋 Rappel important\u003c\/summary\u003e\n\u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"mb-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"mb-cta-box\"\u003e\n\u003cp\u003e🔥 Lancez votre programme de 30 jours avec \u003cstrong\u003eMen Booster Aphrodisiaque\u003c\/strong\u003e et retrouvez vitalité, endurance et désir au naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mb-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  --mb-cream: #f8f5f2;\n  --mb-white: #ffffff;\n  --mb-primary: #d42a2a;\n  --mb-primary-dark: #a01e1e;\n  --mb-primary-light: #fdf0f0;\n  --mb-secondary: #2c2c2c;\n  --mb-accent: #e84545;\n  --mb-text: #1a1a1a;\n  --mb-text-light: #5a5a5a;\n  --mb-border: #e8e0da;\n  --mb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --mb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --mb-radius: 20px;\n  --mb-radius-sm: 12px;\n}\n\n.mb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #2c2c2c 0%, #a01e1e 50%, #d42a2a 100%);\n  border-radius: var(--mb-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(--mb-shadow-lg);\n}\n\n.mb-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 30px,\n    rgba(255,255,255,.03) 30px,\n    rgba(255,255,255,.03) 60px\n  );\n  opacity: 1;\n}\n\n.mb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mb-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.mb-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.mb-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.mb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mb-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(--mb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mb-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.mb-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(--mb-primary), var(--mb-accent));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.mb-card {\n  background: var(--mb-white);\n  border-radius: var(--mb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mb-shadow-lg);\n  border-color: var(--mb-primary);\n}\n\n.mb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.mb-card p strong {\n  color: var(--mb-text);\n}\n\n\/* === INGREDIENT CARDS === *\/\n.mb-card-ingredient .mb-dosage {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--mb-primary);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin: 0 0 .5rem 0;\n  padding: 4px 12px;\n  background: var(--mb-primary-light);\n  border-radius: 999px;\n  display: inline-block;\n}\n\n\/* === GRILLES === *\/\n.mb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mb-grid-compact .mb-card {\n  padding: 1rem;\n}\n\n.mb-grid-compact .mb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mb-grid-compact .mb-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.mb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mb-primary), var(--mb-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.mb-timeline-content {\n  flex: 1;\n  background: var(--mb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mb-radius-sm);\n  box-shadow: var(--mb-shadow);\n}\n\n.mb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mb-timeline-content p {\n  font-size: 14px;\n  color: var(--mb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mb-testimonial {\n  background: var(--mb-white);\n  border-radius: var(--mb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mb-shadow);\n  border-left: 4px solid var(--mb-primary);\n}\n\n.mb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mb-accordion {\n  background: var(--mb-white);\n  border-radius: var(--mb-radius);\n  box-shadow: var(--mb-shadow);\n  overflow: hidden;\n}\n\n.mb-accordion-item {\n  border-bottom: 1px solid var(--mb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mb-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.mb-accordion-header:hover {\n  background: var(--mb-primary-light);\n}\n\n.mb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mb-primary);\n  transition: transform .2s ease;\n}\n\n.mb-accordion-item[open] .mb-accordion-header::after {\n  content: '−';\n}\n\n.mb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mb-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mb-primary-light);\n  border-radius: var(--mb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mb-tip p {\n  font-size: 14px;\n  color: var(--mb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mb-cta-box {\n  background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 100%);\n  border-radius: var(--mb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mb-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.mb-disclaimer {\n  font-size: 12px;\n  color: var(--mb-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .mb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mb-card {\n    padding: 1.125rem;\n  }\n\n  .mb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mb-radius-sm);\n  }\n\n  .mb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mb-grid-compact {\n    gap: .625rem;\n  }\n\n  .mb-grid-compact .mb-card {\n    padding: .75rem;\n  }\n\n  .mb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .mb-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mb-card {\n    animation: mbFadeInUp .5s ease backwards;\n  }\n  .mb-card:nth-child(1) { animation-delay: .05s; }\n  .mb-card:nth-child(2) { animation-delay: .1s; }\n  .mb-card:nth-child(3) { animation-delay: .15s; }\n  .mb-card:nth-child(4) { animation-delay: .2s; }\n  .mb-card:nth-child(5) { animation-delay: .25s; }\n  .mb-card:nth-child(6) { animation-delay: .3s; }\n  .mb-card:nth-child(7) { animation-delay: .35s; }\n  .mb-card:nth-child(8) { animation-delay: .4s; }\n  .mb-card:nth-child(9) { animation-delay: .45s; }\n  .mb-card:nth-child(10) { animation-delay: .5s; }\n  .mb-card:nth-child(11) { animation-delay: .55s; }\n  .mb-card:nth-child(12) { animation-delay: .6s; }\n  .mb-card:nth-child(13) { animation-delay: .65s; }\n}\n\n@keyframes mbFadeInUp {\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  .mb-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":45755330035869,"sku":"MENBOOSTER","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/menbooster-stimule-la-libido-60-gelules-labophyto-packshothd.webp?v=1785940017"},{"product_id":"spirulysat-et-cuivre-extrait-liquide-de-spiruline-supplemente-en-cuivre-20-ampoules-algosource","title":"Spirulysat et Cuivre - Renforce les défenses naturelles - 20 ampoules - AlgoSource","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spirulysat et Cuivre - AlgoSource\nPalette détectée:\n  - Primaire: #1B4F7C (bleu profond du packaging)\n  - Secondaire: #C65D3B (orange\/terracotta de la silhouette)\n  - Accent: #00A5B5 (bleu turquoise de l'ampoule)\n  - Fond: #F5F0E8 (crème beige du packaging)\nAmbiance: Naturel\/santé, scientifique mais accessible, produit breton premium, spiruline marine\nPréfixe CSS: spc\n--\u003e\n\n\u003cdiv class=\"spc-premium\"\u003e\n  \n  \u003cdiv class=\"spc-hero\"\u003e\n    \u003cdiv class=\"spc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"spc-hero-content\"\u003e\n      \u003cdiv class=\"spc-badges-top\"\u003e\n        \u003cspan class=\"spc-badge\"\u003e🇫🇷 Fabriqué en Bretagne\u003c\/span\u003e\n        \u003cspan class=\"spc-badge\"\u003e🛡️ Immunité\u003c\/span\u003e\n        \u003cspan class=\"spc-badge\"\u003e⚡ Énergie\u003c\/span\u003e\n        \u003cspan class=\"spc-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"spc-hero-title\"\u003eSpirulysat \u0026amp; Cuivre\u003c\/span\u003e\n      \u003cp class=\"spc-subtitle\"\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n      \u003cp class=\"spc-description\"\u003eExtrait liquide de spiruline fraîche enrichi en cuivre pour une immunité optimale et un métabolisme énergétique équilibré\u003c\/p\u003e\n      \u003cdiv class=\"spc-hero-stats\"\u003e\n        \u003cdiv class=\"spc-stat\"\u003e\n          \u003cspan class=\"spc-stat-number\"\u003e20\u003c\/span\u003e\n          \u003cspan class=\"spc-stat-label\"\u003eAmpoules\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-stat\"\u003e\n          \u003cspan class=\"spc-stat-number\"\u003e30%\u003c\/span\u003e\n          \u003cspan class=\"spc-stat-label\"\u003eAJR en cuivre\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-stat\"\u003e\n          \u003cspan class=\"spc-stat-number\"\u003e100%\u003c\/span\u003e\n          \u003cspan class=\"spc-stat-label\"\u003eBiodisponible\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e🌊 Pourquoi choisir Spirulysat \u0026amp; Cuivre ?\u003c\/h2\u003e\n    \u003cdiv class=\"spc-grid\"\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003ch3\u003eDéfenses immunitaires\u003c\/h3\u003e\n        \u003cp\u003eLe cuivre et la phycocyanine agissent en synergie pour booster vos fonctions immunitaires et vous protéger contre les infections saisonnières.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e🧠\u003c\/div\u003e\n        \u003ch3\u003eSystème nerveux\u003c\/h3\u003e\n        \u003cp\u003eContribue au bon fonctionnement du système nerveux et aide à réduire efficacement la fatigue au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n        \u003cp\u003eProtège vos cellules contre les radicaux libres grâce aux propriétés exceptionnelles de la spiruline bretonne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-card-benefit\"\u003e\n        \u003cdiv class=\"spc-card-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eHaute biodisponibilité\u003c\/h3\u003e\n        \u003cp\u003eLa forme liquide garantit une assimilation rapide et optimale des actifs pour des effets visibles rapidement.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e🔬 Une formule unique et concentrée\u003c\/h2\u003e\n    \u003cdiv class=\"spc-composition-grid\"\u003e\n      \u003cdiv class=\"spc-composition-card\"\u003e\n        \u003cdiv class=\"spc-composition-header\"\u003e\n          \u003cspan class=\"spc-composition-icon\"\u003e🌀\u003c\/span\u003e\n          \u003ch3\u003eSpirulysat®\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"spc-composition-desc\"\u003eExtrait aqueux de spiruline fraîche\u003c\/p\u003e\n        \u003cul class=\"spc-composition-benefits\" style=\"list-style:none;\"\u003e\n          \u003cli\u003eRiche en phycocyanine naturelle\u003c\/li\u003e\n          \u003cli\u003eCultivée en Bretagne\u003c\/li\u003e\n          \u003cli\u003eExtraction douce préservant les actifs\u003c\/li\u003e\n          \u003cli\u003eNaturellement bleu\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"spc-composition-tag\"\u003eIngrédient breveté\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-composition-card\"\u003e\n        \u003cdiv class=\"spc-composition-header\"\u003e\n          \u003cspan class=\"spc-composition-icon\"\u003e🔶\u003c\/span\u003e\n          \u003ch3\u003eCuivre\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"spc-composition-desc\"\u003eSulfate de cuivre biodisponible\u003c\/p\u003e\n        \u003cul class=\"spc-composition-benefits\" style=\"list-style:none;\"\u003e\n          \u003cli\u003e30% des apports journaliers recommandés\u003c\/li\u003e\n          \u003cli\u003eEssentiel au métabolisme énergétique\u003c\/li\u003e\n          \u003cli\u003eProtection contre le stress oxydatif\u003c\/li\u003e\n          \u003cli\u003eSoutien du système immunitaire\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cdiv class=\"spc-composition-tag\"\u003eMinéral essentiel\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"spc-usage-container\"\u003e\n      \u003cdiv class=\"spc-usage-steps\"\u003e\n        \u003cdiv class=\"spc-step\"\u003e\n          \u003cdiv class=\"spc-step-number\"\u003e1\u003c\/div\u003e\n          \u003cdiv class=\"spc-step-content\"\u003e\n            \u003ch4\u003eOuvrez l'ampoule\u003c\/h4\u003e\n            \u003cp\u003eCassez délicatement les deux extrémités de l'ampoule\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-step\"\u003e\n          \u003cdiv class=\"spc-step-number\"\u003e2\u003c\/div\u003e\n          \u003cdiv class=\"spc-step-content\"\u003e\n            \u003ch4\u003eDiluez\u003c\/h4\u003e\n            \u003cp\u003eVersez le contenu dans un verre d'eau ou de jus de fruits\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-step\"\u003e\n          \u003cdiv class=\"spc-step-number\"\u003e3\u003c\/div\u003e\n          \u003cdiv class=\"spc-step-content\"\u003e\n            \u003ch4\u003eConsommez\u003c\/h4\u003e\n            \u003cp\u003eBuvez de préférence le matin, pendant ou après le repas\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-usage-info\"\u003e\n        \u003cdiv class=\"spc-info-card\"\u003e\n          \u003cspan class=\"spc-info-icon\"\u003e📅\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eDurée de cure\u003c\/strong\u003e\n            \u003cp\u003e20 jours pour un soutien optimal\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-info-card\"\u003e\n          \u003cspan class=\"spc-info-icon\"\u003e💊\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003ePosologie\u003c\/strong\u003e\n            \u003cp\u003e1 ampoule par jour\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spc-info-card\"\u003e\n          \u003cspan class=\"spc-info-icon\"\u003e🍃\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eGoût\u003c\/strong\u003e\n            \u003cp\u003eNeutre, facile à prendre\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est ce produit ?\u003c\/h2\u003e\n    \u003cdiv class=\"spc-grid spc-grid-3\"\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🏃\u003c\/div\u003e\n        \u003ch3\u003eActifs débordés\u003c\/h3\u003e\n        \u003cp\u003eRenforcez votre système immunitaire face aux rythmes intenses du quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e❄️\u003c\/div\u003e\n        \u003ch3\u003eChangements de saison\u003c\/h3\u003e\n        \u003cp\u003ePréparez votre corps aux périodes hivernales et aux transitions saisonnières\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e😴\u003c\/div\u003e\n        \u003ch3\u003eFatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez énergie et vitalité grâce à l'action combinée spiruline-cuivre\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🧘\u003c\/div\u003e\n        \u003ch3\u003eSensibles au stress\u003c\/h3\u003e\n        \u003cp\u003eSoutenez votre système nerveux et protégez vos cellules du stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eVégétaliens\u003c\/h3\u003e\n        \u003cp\u003eFormule 100% végétale adaptée à votre mode de vie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-card spc-profile-card\"\u003e\n        \u003cdiv class=\"spc-profile-icon\"\u003e🔬\u003c\/div\u003e\n        \u003ch3\u003eExigeants qualité\u003c\/h3\u003e\n        \u003cp\u003eUn produit breton, sans alcool, sans conservateurs, certifié et traçable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e✅ Nos engagements qualité\u003c\/h2\u003e\n    \u003cdiv class=\"spc-certifications\"\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🇫🇷\u003c\/span\u003e\n        \u003cspan\u003eFabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🌿\u003c\/span\u003e\n        \u003cspan\u003e100% origine naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🚫\u003c\/span\u003e\n        \u003cspan\u003eSans alcool\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🧪\u003c\/span\u003e\n        \u003cspan\u003eSans conservateurs\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cspan\u003eVégétalien\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-cert-item\"\u003e\n        \u003cspan class=\"spc-cert-icon\"\u003e♻️\u003c\/span\u003e\n        \u003cspan\u003eCulture écologique\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"spc-info-grid\"\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eContenance\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003e20 ampoules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eDurée de cure\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003e20 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eOrigine\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003eBretagne, France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"spc-info-item\"\u003e\n        \u003cspan class=\"spc-info-label\"\u003eMarque\u003c\/span\u003e\n        \u003cspan class=\"spc-info-value\"\u003eAlgoSource\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"spc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"spc-cta-box\"\u003e\n      \u003cdiv class=\"spc-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"spc-cta-content\"\u003e\n        \u003cp\u003e🌊 Renforcez vos défenses naturelles avec \u003cstrong\u003eSpirulysat \u0026amp; Cuivre\u003c\/strong\u003e, l'alliance unique de la spiruline bretonne et du cuivre pour une immunité en pleine forme, naturellement.\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  --spc-cream: #FDF8F1;\n  --spc-white: #ffffff;\n  --spc-primary: #1B4F7C;\n  --spc-primary-dark: #133A5C;\n  --spc-primary-light: #E8F1F8;\n  --spc-secondary: #C65D3B;\n  --spc-secondary-light: #FEF3EF;\n  --spc-accent: #00A5B5;\n  --spc-accent-light: #E5F7F9;\n  --spc-text: #1a1a1a;\n  --spc-text-light: #5a5a5a;\n  --spc-border: #e0e0e0;\n  --spc-shadow: 0 4px 24px rgba(27, 79, 124, .08);\n  --spc-shadow-lg: 0 12px 48px rgba(27, 79, 124, .15);\n  --spc-radius: 20px;\n  --spc-radius-sm: 12px;\n}\n\n.spc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--spc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--spc-text);\n  line-height: 1.6;\n}\n\n.spc-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.spc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--spc-primary) 0%, var(--spc-primary-dark) 50%, #0D2840 100%);\n  border-radius: var(--spc-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(--spc-shadow-lg);\n}\n\n.spc-hero-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(0, 165, 181, .15) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(198, 93, 59, .15) 0%, transparent 50%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C30 5 35 15 35 30C35 45 30 55 30 55C30 55 25 45 25 30C25 15 30 5 30 5Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.spc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.spc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.spc-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(--spc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.spc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.spc-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.spc-subtitle {\n  color: var(--spc-accent);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 700;\n  margin: 0 0 1rem 0;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n}\n\n.spc-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 2vw, 19px);\n  max-width: 700px;\n  margin: 0 auto 2rem;\n  line-height: 1.7;\n}\n\n.spc-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.spc-stat {\n  text-align: center;\n  padding: 1rem 1.5rem;\n  background: rgba(255,255,255,.1);\n  border-radius: var(--spc-radius-sm);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,255,255,.15);\n}\n\n.spc-stat-number {\n  display: block;\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.spc-stat-label {\n  display: block;\n  font-size: 13px;\n  color: rgba(255,255,255,.8);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.spc-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.spc-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--spc-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.spc-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(--spc-primary), var(--spc-accent));\n  border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.spc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.spc-grid-3 {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS === *\/\n.spc-card {\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.spc-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--spc-shadow-lg);\n  border-color: var(--spc-primary);\n}\n\n.spc-card-benefit {\n  text-align: center;\n}\n\n.spc-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.spc-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--spc-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.spc-card p {\n  font-size: 15px;\n  color: var(--spc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.spc-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 2rem;\n}\n\n.spc-composition-card {\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--spc-shadow);\n  border: 2px solid var(--spc-primary-light);\n  transition: all .3s ease;\n}\n\n.spc-composition-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--spc-shadow-lg);\n  border-color: var(--spc-primary);\n}\n\n.spc-composition-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 1rem;\n}\n\n.spc-composition-icon {\n  font-size: 36px;\n}\n\n.spc-composition-header h3 {\n  font-size: 22px;\n  font-weight: 800;\n  color: var(--spc-primary-dark);\n  margin: 0;\n}\n\n.spc-composition-desc {\n  font-size: 15px;\n  color: var(--spc-text-light);\n  margin: 0 0 1rem 0;\n  font-style: italic;\n}\n\n.spc-composition-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1rem 0;\n}\n\n.spc-composition-benefits li {\n  padding: .5rem 0 .5rem 28px;\n  position: relative;\n  font-size: 14px;\n  color: var(--spc-text);\n  border-bottom: 1px solid var(--spc-border);\n}\n\n.spc-composition-benefits li:last-child {\n  border-bottom: none;\n}\n\n.spc-composition-benefits li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--spc-accent);\n  font-weight: 700;\n}\n\n.spc-composition-tag {\n  display: inline-block;\n  background: linear-gradient(135deg, var(--spc-primary), var(--spc-accent));\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: .05em;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.spc-usage-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2rem;\n  align-items: start;\n}\n\n.spc-usage-steps {\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spc-shadow);\n}\n\n.spc-step {\n  display: flex;\n  gap: 1rem;\n  padding: 1rem 0;\n  border-bottom: 1px solid var(--spc-border);\n}\n\n.spc-step:last-child {\n  border-bottom: none;\n}\n\n.spc-step-number {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--spc-primary), var(--spc-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 900;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.spc-step-content h4 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--spc-primary-dark);\n  margin: 0 0 4px 0;\n}\n\n.spc-step-content p {\n  font-size: 14px;\n  color: var(--spc-text-light);\n  margin: 0;\n}\n\n.spc-usage-info {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.spc-info-card {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  background: var(--spc-white);\n  border-radius: var(--spc-radius-sm);\n  padding: 1.25rem;\n  box-shadow: var(--spc-shadow);\n  border-left: 4px solid var(--spc-accent);\n}\n\n.spc-info-icon {\n  font-size: 28px;\n}\n\n.spc-info-card strong {\n  display: block;\n  font-size: 14px;\n  color: var(--spc-primary-dark);\n  margin-bottom: 2px;\n}\n\n.spc-info-card p {\n  font-size: 14px;\n  color: var(--spc-text-light);\n  margin: 0;\n}\n\n\/* === PROFILS === *\/\n.spc-profile-card {\n  text-align: center;\n  padding: clamp(1.25rem, 2.5vw, 1.75rem);\n}\n\n.spc-profile-icon {\n  font-size: 40px;\n  margin-bottom: .75rem;\n  display: block;\n}\n\n.spc-profile-card h3 {\n  font-size: 16px;\n  margin-bottom: .5rem;\n}\n\n.spc-profile-card p {\n  font-size: 14px;\n}\n\n\/* === CERTIFICATIONS === *\/\n.spc-certifications {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 1rem;\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--spc-shadow);\n}\n\n.spc-cert-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 18px;\n  background: var(--spc-primary-light);\n  border-radius: 999px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--spc-primary-dark);\n  transition: all .3s ease;\n}\n\n.spc-cert-item:hover {\n  background: var(--spc-primary);\n  color: white;\n  transform: scale(1.05);\n}\n\n.spc-cert-icon {\n  font-size: 18px;\n}\n\n\/* === INFO PRATIQUES === *\/\n.spc-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n  background: var(--spc-white);\n  border-radius: var(--spc-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--spc-shadow);\n}\n\n.spc-info-item {\n  text-align: center;\n  padding: 1rem;\n  border-radius: var(--spc-radius-sm);\n  background: var(--spc-cream);\n}\n\n.spc-info-label {\n  display: block;\n  font-size: 13px;\n  color: var(--spc-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: 4px;\n}\n\n.spc-info-value {\n  display: block;\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--spc-primary-dark);\n}\n\n\/* === CTA === *\/\n.spc-cta-box {\n  position: relative;\n  background: linear-gradient(135deg, var(--spc-primary) 0%, var(--spc-primary-dark) 50%, #0D2840 100%);\n  border-radius: var(--spc-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  overflow: hidden;\n  box-shadow: var(--spc-shadow-lg);\n}\n\n.spc-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: \n    radial-gradient(circle at 10% 90%, rgba(0, 165, 181, .2) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(198, 93, 59, .2) 0%, transparent 40%);\n}\n\n.spc-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.spc-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.spc-cta-box strong {\n  color: var(--spc-accent);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .spc-grid,\n  .spc-grid-3 {\n    grid-template-columns: 1fr;\n  }\n  \n  .spc-composition-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .spc-usage-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .spc-hero-stats {\n    gap: 1rem;\n  }\n  \n  .spc-stat {\n    padding: .75rem 1rem;\n  }\n  \n  .spc-certifications {\n    gap: .75rem;\n  }\n  \n  .spc-cert-item {\n    padding: 8px 14px;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .spc-card,\n  .spc-composition-card,\n  .spc-info-card {\n    animation: spcFadeInUp .6s ease backwards;\n  }\n  \n  .spc-card:nth-child(1),\n  .spc-composition-card:nth-child(1) { animation-delay: .1s; }\n  .spc-card:nth-child(2),\n  .spc-composition-card:nth-child(2) { animation-delay: .2s; }\n  .spc-card:nth-child(3) { animation-delay: .3s; }\n  .spc-card:nth-child(4) { animation-delay: .4s; }\n  .spc-card:nth-child(5) { animation-delay: .5s; }\n  .spc-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes spcFadeInUp {\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  .spc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .spc-card,\n  .spc-composition-card {\n    border: 2px solid var(--spc-text);\n  }\n  \n  .spc-badge {\n    border: 2px solid var(--spc-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755358314653,"sku":"PHYCOCUIV20","price":26.7,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spirulysat-et-cuivre-renforce-les-defenses-naturelles-20-amp-packshothd.webp?v=1786010399"},{"product_id":"proteinultraa-bio-vegan-sans-gluten-300-g-lt-labo","title":"ProteinultrAA Végétale Bio - Sans Gluten - 300 g - LT Labo","description":"\u003cdiv class=\"pua-premium\"\u003e\n\n\u003cdiv class=\"pua-hero\"\u003e\n\u003cdiv class=\"pua-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-hero-content\"\u003e\n\u003cdiv class=\"pua-badges-top\"\u003e\n\u003cspan class=\"pua-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🚫 Sans gluten\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"pua-badge\"\u003e🔬 5 sources végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-hero-title\"\u003eProteinultrAA Végétale Bio\u003c\/span\u003e\n\u003cp class=\"pua-subtitle\"\u003eLa formule avancée aux 5 sources de protéines végétales biologiques\u003c\/p\u003e\n\u003cp class=\"pua-description\"\u003eCourge · Chanvre · Tournesol · Riz · Lin — Un profil d'acides aminés complet, certifié AB, sans gluten et sans lactose. 300 g de puissance végétale par LT Labo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eProteinultrAA Bio : la protéine végétale bio aux 5 sources complémentaires\u003c\/h2\u003e\n\u003cp class=\"pua-section-intro\"\u003eVous cherchez la \u003cstrong\u003emeilleure protéine végétale bio\u003c\/strong\u003e pour compléter votre alimentation au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"pua-highlight-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eProteinultrAA Bio\u003c\/strong\u003e de LT Labo se distingue par une formule unique associant \u003cstrong\u003ecinq sources de protéines végétales biologiques\u003c\/strong\u003e : courge, chanvre, tournesol, riz et lin. Là où la plupart des alternatives du marché se limitent à trois ou quatre sources (souvent pois et riz), cette préparation offre un \u003cstrong\u003eprofil d'acides aminés exceptionnellement complet\u003c\/strong\u003e, incluant les précieux BCAA (leucine, isoleucine, valine). Le tout certifié AB, vegan, \u003cstrong\u003esans gluten\u003c\/strong\u003e et \u003cstrong\u003esans lactose\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003ePourquoi choisir une formule à 5 sources de protéines ?\u003c\/h2\u003e\n\u003cp class=\"pua-section-intro\"\u003eChaque source végétale possède ses propres forces en termes d'acides aminés. En les combinant intelligemment, ProteinultrAA Bio comble les lacunes que présenterait une source unique.\u003c\/p\u003e\n\u003cdiv class=\"pua-grid\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🎃 Protéine de courge\u003c\/h3\u003e\n\u003cp\u003eMajoritaire dans la formule, elle apporte une richesse remarquable en tryptophane et en zinc pour le bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌿 Chanvre\u003c\/h3\u003e\n\u003cp\u003eComplète avec ses oméga-3 et son magnésium, essentiels pour le système nerveux et la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌻 Tournesol\u003c\/h3\u003e\n\u003cp\u003eRenforce l'apport en acides aminés soufrés (méthionine, cystéine), souvent déficitaires dans les protéines végétales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🍚 Riz\u003c\/h3\u003e\n\u003cp\u003eAssure une digestibilité optimale et un confort intestinal remarquable, même pour les estomacs sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🫘 Graines de lin\u003c\/h3\u003e\n\u003cp\u003eAjoutent des fibres et du phosphore pour une formule encore plus complète et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-tip\"\u003e\n\u003cspan class=\"pua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e une protéine végétale en poudre bio qui rivalise avec les meilleures protéines animales, sans aucun compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ProteinultrAA Bio ?\u003c\/h2\u003e\n\u003cdiv class=\"pua-grid\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eSoutien à la construction musculaire et à la récupération grâce aux BCAA et aux minéraux (fer, magnésium, zinc).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌱 Végétariens et végétaliens\u003c\/h3\u003e\n\u003cp\u003eApport complet en protéines et acides aminés essentiels, souvent difficiles à obtenir uniquement par l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🧓 Seniors\u003c\/h3\u003e\n\u003cp\u003eMaintien de la masse musculaire et de la vitalité au quotidien, pour rester actif en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e👧 Enfants et adolescents\u003c\/h3\u003e\n\u003cp\u003eUn complément naturel, doux et bien toléré pour accompagner la croissance en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🛡️ Personnes intolérantes\u003c\/h3\u003e\n\u003cp\u003eFormule sans gluten, sans lactose, sans soja et sans légumineuses pour une tolérance digestive maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 30 g (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"pua-composition\"\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 45%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🎃 Protéines de courge bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e13,5 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e45 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 20%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🌿 Protéines de chanvre bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e6 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e20 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 18%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🌻 Protéines de tournesol bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e5,4 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e18 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 11%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🍚 Farine de riz blanc bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e3,3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e11 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-item\"\u003e\n\u003cdiv class=\"pua-compo-bar\" style=\"--pua-bar-width: 6%\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"pua-compo-info\"\u003e\n\u003ch3\u003e🫘 Graines de lin bio\u003c\/h3\u003e\n\u003cspan class=\"pua-compo-dose\"\u003e1,8 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pua-compo-pct\"\u003e6 %\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"pua-disclaimer\"\u003e\u003cem\u003eIngrédients 100 % issus de l'agriculture biologique. Riche en vitamines B1, B3, B6, fer, magnésium, zinc, sélénium et phosphore.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eConseils d'utilisation au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"pua-timeline\"\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eDosez\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e3 cuillères doseuses par jour\u003c\/strong\u003e (environ 30 g de poudre).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eDiluez dans \u003cstrong\u003e100 ml\u003c\/strong\u003e d'eau, de lait végétal, de jus de fruits ou de soupe. Son goût neutre se marie facilement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eVariez les plaisirs\u003c\/h3\u003e\n\u003cp\u003eIncorporez-la dans vos recettes : crêpes, pancakes, energy balls ou sauces pour un boost protéiné invisible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-item\"\u003e\n\u003cdiv class=\"pua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pua-timeline-content\"\u003e\n\u003ch3\u003eRégularité\u003c\/h3\u003e\n\u003cp\u003eConsommez idéalement au \u003cstrong\u003epetit-déjeuner\u003c\/strong\u003e ou \u003cstrong\u003eaprès un effort physique\u003c\/strong\u003e pour une efficacité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\"\u003e\n\u003ch2\u003eCertifications et engagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"pua-grid-compact\"\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌾 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique Europe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🌱 Labellisé Vegan\u003c\/h3\u003e\n\u003cp\u003ePar la Vegan Society\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué par LT Labo\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-card\"\u003e\n\u003ch3\u003e🚫 Sans artifice\u003c\/h3\u003e\n\u003cp\u003eSans additifs, arômes artificiels ni OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"pua-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"pua-cta-box\"\u003e\n\u003cp\u003e🌿 \u003cstrong\u003eProteinultrAA Bio\u003c\/strong\u003e — Pot de 300 g\u003cbr\u003e5 sources végétales biologiques pour un apport protéique complet, naturel et sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pua-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"pua-accordion-item\"\u003e\n\u003csummary class=\"pua-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"pua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire qui ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de doute, consultez votre professionnel de santé. Conditionnement : pot de \u003cstrong\u003e300 g\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pua-cream: #f4f7f0;\n  --pua-white: #ffffff;\n  --pua-primary: #6a9b3a;\n  --pua-primary-dark: #3d6b1a;\n  --pua-primary-light: #e8f2da;\n  --pua-secondary: #d4944a;\n  --pua-accent: #e8a84c;\n  --pua-text: #1a1a1a;\n  --pua-text-light: #5a5a5a;\n  --pua-border: #dde6d4;\n  --pua-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pua-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --pua-radius: 20px;\n  --pua-radius-sm: 12px;\n}\n\n.pua-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pua-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pua-hero {\n  position: relative;\n  background: linear-gradient(135deg, #3d6b1a 0%, #6a9b3a 40%, #d4944a 100%);\n  border-radius: var(--pua-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--pua-shadow-lg);\n}\n\n.pua-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.pua-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pua-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pua-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pua-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--pua-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pua-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pua-subtitle {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 .75rem 0;\n}\n\n.pua-description {\n  color: rgba(255,255,255,.82);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.pua-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pua-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pua-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.pua-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--pua-primary), var(--pua-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pua-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pua-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pua-highlight-box {\n  background: var(--pua-white);\n  border-radius: var(--pua-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pua-shadow);\n  border-left: 5px solid var(--pua-primary);\n}\n\n.pua-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--pua-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.pua-card {\n  background: var(--pua-white);\n  border-radius: var(--pua-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pua-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pua-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pua-shadow-lg);\n  border-color: var(--pua-primary);\n}\n\n.pua-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pua-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pua-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pua-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pua-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pua-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pua-grid-compact .pua-card {\n  padding: 1rem;\n}\n\n.pua-grid-compact .pua-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pua-grid-compact .pua-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BARRES === *\/\n.pua-composition {\n  display: flex;\n  flex-direction: column;\n  gap: .875rem;\n}\n\n.pua-compo-item {\n  background: var(--pua-white);\n  border-radius: var(--pua-radius-sm);\n  padding: 1rem 1.25rem;\n  box-shadow: var(--pua-shadow);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.pua-compo-bar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: var(--pua-bar-width);\n  background: linear-gradient(90deg, var(--pua-primary-light), rgba(106,155,58,.15));\n  border-radius: var(--pua-radius-sm) 0 0 var(--pua-radius-sm);\n  z-index: 0;\n  transition: width .8s ease;\n}\n\n.pua-compo-info {\n  position: relative;\n  z-index: 1;\n  flex: 1;\n}\n\n.pua-compo-info h3 {\n  font-size: clamp(14px, 2.5vw, 16px);\n  font-weight: 700;\n  color: var(--pua-primary-dark);\n  margin: 0 0 .15rem 0;\n}\n\n.pua-compo-dose {\n  font-size: 13px;\n  color: var(--pua-text-light);\n}\n\n.pua-compo-pct {\n  position: relative;\n  z-index: 1;\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 900;\n  color: var(--pua-primary);\n  flex-shrink: 0;\n}\n\n\/* === TIMELINE === *\/\n.pua-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pua-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pua-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pua-primary), var(--pua-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.pua-timeline-content {\n  flex: 1;\n  background: var(--pua-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pua-radius-sm);\n  box-shadow: var(--pua-shadow);\n}\n\n.pua-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pua-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pua-timeline-content p {\n  font-size: 14px;\n  color: var(--pua-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pua-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pua-primary-light);\n  border-radius: var(--pua-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pua-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pua-tip p {\n  font-size: 14px;\n  color: var(--pua-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.pua-cta-box {\n  background: linear-gradient(135deg, var(--pua-primary) 0%, var(--pua-primary-dark) 100%);\n  border-radius: var(--pua-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pua-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pua-accordion {\n  background: var(--pua-white);\n  border-radius: var(--pua-radius);\n  box-shadow: var(--pua-shadow);\n  overflow: hidden;\n}\n\n.pua-accordion-item {\n  border-bottom: 1px solid var(--pua-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pua-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pua-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pua-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.pua-accordion-header:hover {\n  background: var(--pua-primary-light);\n}\n\n.pua-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pua-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pua-primary);\n  transition: transform .2s ease;\n}\n\n.pua-accordion-item[open] .pua-accordion-header::after {\n  content: '−';\n}\n\n.pua-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pua-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pua-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pua-disclaimer {\n  font-size: 12px;\n  color: var(--pua-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .pua-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pua-card {\n    padding: 1.125rem;\n  }\n\n  .pua-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pua-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pua-radius-sm);\n  }\n\n  .pua-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pua-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pua-grid-compact {\n    gap: .625rem;\n  }\n\n  .pua-grid-compact .pua-card {\n    padding: .75rem;\n  }\n\n  .pua-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pua-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pua-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pua-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pua-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pua-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .pua-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .pua-compo-item {\n    padding: .875rem 1rem;\n  }\n\n  .pua-compo-info h3 {\n    font-size: 13px;\n  }\n\n  .pua-compo-pct {\n    font-size: 18px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pua-card {\n    animation: puaFadeInUp .5s ease backwards;\n  }\n  .pua-card:nth-child(1) { animation-delay: .05s; }\n  .pua-card:nth-child(2) { animation-delay: .1s; }\n  .pua-card:nth-child(3) { animation-delay: .15s; }\n  .pua-card:nth-child(4) { animation-delay: .2s; }\n  .pua-card:nth-child(5) { animation-delay: .25s; }\n  .pua-card:nth-child(6) { animation-delay: .3s; }\n\n  .pua-compo-item {\n    animation: puaFadeInUp .5s ease backwards;\n  }\n  .pua-compo-item:nth-child(1) { animation-delay: .05s; }\n  .pua-compo-item:nth-child(2) { animation-delay: .1s; }\n  .pua-compo-item:nth-child(3) { animation-delay: .15s; }\n  .pua-compo-item:nth-child(4) { animation-delay: .2s; }\n  .pua-compo-item:nth-child(5) { animation-delay: .25s; }\n\n  .pua-timeline-item {\n    animation: puaFadeInUp .5s ease backwards;\n  }\n  .pua-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .pua-timeline-item:nth-child(2) { animation-delay: .1s; }\n  .pua-timeline-item:nth-child(3) { animation-delay: .15s; }\n  .pua-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes puaFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .pua-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":45755436040349,"sku":"NBAILTL0011","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteinultraa-vegetale-bio-sans-gluten-300-g-lt-labo-packshothd_3bbdf661-6af9-44ee-b914-fee8f37bf225.webp?v=1787392876"},{"product_id":"spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-semilla","title":"Spiruline Crue Bio - Energie et immunité - 100 comprimés - Sol-Semilla","description":"\u003cdiv class=\"sp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sp-hero\"\u003e\n\u003cdiv class=\"sp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp-hero-content\"\u003e\n\u003cdiv class=\"sp-badges-top\"\u003e\n\u003cspan class=\"sp-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌡️ Séchée à basse température\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sp-hero-title\"\u003eSpiruline Crue Bio\u003c\/span\u003e\n\u003cp class=\"sp-subtitle\"\u003eÉnergie et immunité - 100 comprimés\u003c\/p\u003e\n\u003cp class=\"sp-description\"\u003eUn concentré de vitalité 100 % pur, sans excipient ni liant, riche en fer, vitamines A, K, B12 et phycocyanine. Élaborée par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio\u003c\/strong\u003e authentique, séchée à basse température pour conserver toute sa richesse nutritionnelle ? La \u003cstrong\u003espiruline crue de Sol Semilla\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire : c'est un concentré de vitalité sous forme de 100 comprimés pratiques, composés à 100 % de spiruline pure, sans aucun excipient ni liant ajouté.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003ePourquoi choisir une spiruline crue et bio ?\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid-compact\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n\u003cp\u003eSéchée à moins de 50 °C pour préserver enzymes, vitamines et phycocyanine - le pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e☀️ Cultivée au Burkina Faso\u003c\/h3\u003e\n\u003cp\u003eUn environnement préservé et ensoleillé offrant des conditions idéales de croissance pour cette microalgue d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôlée en France\u003c\/h3\u003e\n\u003cp\u003eÉlaborée et contrôlée par l'équipe Sol Semilla en France, garantissant une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🚫 Sans pesticides\u003c\/h3\u003e\n\u003cp\u003eCertifiée Agriculture Biologique et vegan, cultivée sans pesticides ni produits chimiques pour une pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eLes bienfaits de la spiruline bio pour votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e💪 Riche en fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eL'un des aliments les plus concentrés en fer. Idéale si vous êtes sujet à la fatigue passagère ou aux baisses d'énergie saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🥩 Protéines végétales complètes\u003c\/h3\u003e\n\u003cp\u003e60 à 70 % de protéines contenant tous les acides aminés essentiels - allié précieux des sportifs, végétariens et végétaliens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🧬 Vitamines A, K et B12\u003c\/h3\u003e\n\u003cp\u003eVitamine A pour l'immunité, vitamine K pour l'ossature, B12 pour réduire la fatigue. Un trio essentiel réuni dans une seule microalgue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n\u003cp\u003eGrâce à la phycocyanine et au bêta-carotène, elle aide vos cellules à se protéger contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌿 Soutien des défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eSes nutriments essentiels contribuent au bon fonctionnement de votre système immunitaire, notamment lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sp-composition-box\"\u003e\n\u003cp class=\"sp-composition-highlight\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e spiruline crue biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) — 100 % pure, sans additif, sans conservateur, sans gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 1,9 g\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 8,4 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🟠 Vitamine A\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 2,8 mg\u003c\/strong\u003e (bêta-carotène)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 450 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eValeurs nutritionnelles pour 6 comprimés (dose journalière recommandée, soit environ 3 g). Contenu : 100 comprimés - Poids net : 55 g.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"sp-timeline\"\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez la spiruline, débutez par \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e pendant la première semaine pour permettre à votre organisme de s'adapter en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eAugmentez la dose\u003c\/h3\u003e\n\u003cp\u003ePassez ensuite à \u003cstrong\u003e4 à 6 comprimés par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin ou avant un effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eOptimisez l'absorption\u003c\/h3\u003e\n\u003cp\u003eAssociez la prise à une source de \u003cstrong\u003evitamine C\u003c\/strong\u003e (jus de citron, kiwi, orange) pour une meilleure absorption du fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-tip\"\u003e\n\u003cspan class=\"sp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e un jus de citron pressé dans votre verre d'eau au moment de la prise booste considérablement l'assimilation du fer contenu dans la spiruline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sp-accordion\"\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes souffrant de phénylcétonurie. En cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité dans son sachet d'origine bien refermé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez votre professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --sp-cream: #faf6f1;\n  --sp-white: #ffffff;\n  --sp-primary: #2a9d8f;\n  --sp-primary-dark: #1a6b60;\n  --sp-primary-light: #e8f6f4;\n  --sp-secondary: #c45a3c;\n  --sp-accent: #d4a04a;\n  --sp-text: #1a1a1a;\n  --sp-text-light: #5a5a5a;\n  --sp-border: #e0e0e0;\n  --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sp-radius: 20px;\n  --sp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a6b60 0%, #2a9d8f 40%, #c45a3c 100%);\n  border-radius: var(--sp-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(42,157,143,.15) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.sp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sp-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sp-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.sp-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sp-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.sp-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sp-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.8;\n}\n\n.sp-section-intro strong {\n  color: var(--sp-text);\n}\n\n\/* === CARDS === *\/\n.sp-card {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sp-shadow-lg);\n  border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.sp-card p strong {\n  color: var(--sp-text);\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n  padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sp-composition-box {\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1.25rem 1.5rem;\n  border-left: 4px solid var(--sp-primary);\n}\n\n.sp-composition-highlight {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--sp-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.sp-composition-highlight em {\n  color: var(--sp-text-light);\n}\n\n\/* === NUTRITION CARD VARIANT === *\/\n.sp-card-nutri {\n  background: linear-gradient(135deg, var(--sp-white) 0%, var(--sp-primary-light) 100%);\n}\n\n.sp-card-nutri p strong {\n  color: var(--sp-primary-dark);\n  font-size: clamp(16px, 3vw, 20px);\n  display: block;\n  margin-bottom: 2px;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.sp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.sp-timeline-content {\n  flex: 1;\n  background: var(--sp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sp-radius-sm);\n  box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n  font-size: 14px;\n  color: var(--sp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.sp-timeline-content p strong {\n  color: var(--sp-text);\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--sp-primary-light);\n  border-radius: var(--sp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.sp-tip p {\n  font-size: 14px;\n  color: var(--sp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n  background: var(--sp-white);\n  border-radius: var(--sp-radius);\n  box-shadow: var(--sp-shadow);\n  overflow: hidden;\n}\n\n.sp-accordion-item {\n  border-bottom: 1px solid var(--sp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sp-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.sp-accordion-header:hover {\n  background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sp-primary);\n  transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n  content: '−';\n}\n\n.sp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sp-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n  font-size: 12px;\n  color: var(--sp-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .sp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sp-card {\n    padding: 1.125rem;\n  }\n\n  .sp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sp-radius-sm);\n  }\n\n  .sp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sp-grid-compact {\n    gap: .625rem;\n  }\n\n  .sp-grid-compact .sp-card {\n    padding: .75rem;\n  }\n\n  .sp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sp-composition-box {\n    padding: 1rem 1.125rem;\n  }\n\n  .sp-tip {\n    padding: .875rem 1rem;\n  }\n\n  .sp-tip-icon {\n    font-size: 20px;\n  }\n\n  .sp-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sp-card {\n    animation: spFadeInUp .5s ease backwards;\n  }\n  .sp-card:nth-child(1) { animation-delay: .05s; }\n  .sp-card:nth-child(2) { animation-delay: .1s; }\n  .sp-card:nth-child(3) { animation-delay: .15s; }\n  .sp-card:nth-child(4) { animation-delay: .2s; }\n  .sp-card:nth-child(5) { animation-delay: .25s; }\n  .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes spFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .sp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45867172233373,"sku":"SPCO55","price":13.58,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-sem-lifestyle.webp?v=1772723739"},{"product_id":"huile-de-foie-de-morue-lysi","title":"La véritable Huile de Foie de Morue Lysi - Oméga 3, Vit. A \u0026 D - 120 capsules","description":"\u003cdiv class=\"lysi-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lysi-hero\"\u003e\n    \u003cdiv class=\"lysi-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lysi-hero-content\"\u003e\n      \u003cdiv class=\"lysi-badges-top\"\u003e\n        \u003cspan class=\"lysi-badge\"\u003e🇮🇸 Produit islandais\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e🐟 Oméga-3 EPA \u0026amp; DHA\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e☀️ Vitamine A \u0026amp; D\u003c\/span\u003e\n        \u003cspan class=\"lysi-badge\"\u003e💊 120 capsules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lysi-hero-title\"\u003eLa véritable huile de foie de morue Lýsi\u003c\/span\u003e\n      \u003cp class=\"lysi-subtitle\"\u003eCapital santé — Pureté islandaise depuis 1938\u003c\/p\u003e\n      \u003cp class=\"lysi-description\"\u003eUn concentré naturel d'oméga-3, de vitamine A et de vitamine D, issu des eaux cristallines de l'Atlantique Nord. Le geste santé ancestral, dans sa forme la plus pure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eHuile de foie de morue Lysi : un trésor nutritionnel venu d'Islande\u003c\/h2\u003e\n    \u003cp class=\"lysi-section-intro\"\u003eDepuis 1938, la marque islandaise Lýsi perpétue un savoir-faire unique dans la production d'huile de foie de morue d'une pureté remarquable.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-grid-compact\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧊 Pureté nordique\u003c\/h3\u003e\n        \u003cp\u003eMorues pêchées à l'état sauvage dans les eaux froides et pures de l'Atlantique Nord islandais.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🐟 Oméga-3 EPA \u0026amp; DHA\u003c\/h3\u003e\n        \u003cp\u003eDes acides gras essentiels naturellement présents dans l'huile de foie de morue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👁️ Vitamine A\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une vision normale et au bon état de la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e☀️ Vitamine D\u003c\/h3\u003e\n        \u003cp\u003eFavorise l'absorption du calcium et le fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lysi-section-footer\"\u003eCe qui distingue l'huile de foie de morue des simples huiles de poisson, c'est cette combinaison naturelle de vitamines liposolubles A et D associées aux oméga-3, sans ajout artificiel.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eLes bienfaits de l'huile de foie de morue pour votre organisme\u003c\/h2\u003e\n    \u003cp class=\"lysi-section-intro\"\u003eSi nos grands-parents en prenaient chaque matin, ce n'était pas sans raison. Les bienfaits sont aujourd'hui largement documentés par la recherche scientifique.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-grid\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n        \u003cp\u003eLes acides gras oméga-3 EPA et DHA contribuent au fonctionnement normal du cœur, à condition d'un apport quotidien d'au moins 250 mg.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e👁️ Vision et santé de la peau\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine A participe au maintien d'une vision normale et aide votre peau à rester en bonne santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🦴 Ossature et immunité\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine D favorise l'absorption du calcium, soutient une ossature normale et contribue au fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n        \u003cp\u003eLe DHA contribue au fonctionnement normal du cerveau, un bienfait précieux à tout âge.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 capsules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-composition-table\"\u003e\n      \u003cdiv class=\"lysi-comp-row lysi-comp-header\"\u003e\n        \u003cspan\u003eNutriment\u003c\/span\u003e\n        \u003cspan\u003eQuantité\u003c\/span\u003e\n        \u003cspan\u003e% VNR*\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e🐟 Huile de foie de morue\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e2 000 mg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e💧 EPA (oméga-3)\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e180 mg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e💧 DHA (oméga-3)\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e—\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e👁️ Vitamine A\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e800 µg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e100 %\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-comp-row\"\u003e\n        \u003cspan\u003e☀️ Vitamine D3\u003c\/span\u003e\n        \u003cspan\u003e\u003cstrong\u003e5 µg\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan\u003e100 %\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lysi-disclaimer\"\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"lysi-accordion-item\"\u003e\n        \u003csummary class=\"lysi-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n        \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n          \u003cp\u003eHuile de foie de morue (poisson), enveloppe de la capsule : gélatine de poisson, humectant : glycérol, antioxydant : tocophérols naturels (vitamine E).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-timeline\"\u003e\n      \u003cdiv class=\"lysi-timeline-item\"\u003e\n        \u003cdiv class=\"lysi-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lysi-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 à 4 capsules par jour\u003c\/strong\u003e, de préférence au cours d'un repas contenant des matières grasses pour optimiser l'absorption des vitamines liposolubles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-timeline-item\"\u003e\n        \u003cdiv class=\"lysi-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lysi-timeline-content\"\u003e\n          \u003ch3\u003eConfort optimal\u003c\/h3\u003e\n          \u003cp\u003eLes capsules sont faciles à avaler et ne laissent aucun arrière-goût de poisson. Ce format convient aux adultes et aux adolescents.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-timeline-item\"\u003e\n        \u003cdiv class=\"lysi-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lysi-timeline-content\"\u003e\n          \u003ch3\u003eRégularité\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, intégrez la prise à votre routine quotidienne, au petit-déjeuner ou au déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n      \u003cdetails class=\"lysi-accordion-item\"\u003e\n        \u003csummary class=\"lysi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lysi-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe dépassez pas la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez votre médecin en cas de grossesse, d'allaitement ou de traitement médical, notamment en raison de la teneur en vitamine A.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"lysi-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de foie de morue Lysi ?\u003c\/h2\u003e\n    \u003cp class=\"lysi-section-intro\"\u003eToutes les huiles de foie de morue ne se valent pas. Voici ce qui rend la formule Lýsi particulièrement fiable.\u003c\/p\u003e\n    \u003cdiv class=\"lysi-grid\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🇮🇸 Origine islandaise certifiée\u003c\/h3\u003e\n        \u003cp\u003eLes morues sont pêchées à l'état sauvage dans les eaux pures d'Islande, loin des zones de pollution industrielle.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🌊 Pêche durable\u003c\/h3\u003e\n        \u003cp\u003eLýsi s'engage dans une démarche responsable, respectueuse des écosystèmes marins.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🔬 Purification avancée\u003c\/h3\u003e\n        \u003cp\u003eL'huile est soigneusement filtrée et débarrassée des métaux lourds et contaminants, tout en préservant ses nutriments naturels.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e✅ Sans additifs inutiles\u003c\/h3\u003e\n        \u003cp\u003eLa formule reste simple, avec uniquement les ingrédients nécessaires à la qualité et à la conservation du produit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"lysi-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"lysi-grid-compact\"\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité hivernale\u003c\/h3\u003e\n        \u003cp\u003eRenforcez vos défenses naturelles pendant les mois froids.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🦴 Os et articulations\u003c\/h3\u003e\n        \u003cp\u003ePrenez soin de votre ossature grâce à la vitamine D.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e🧠 Bien-être cognitif\u003c\/h3\u003e\n        \u003cp\u003eSoutenez votre cerveau avec un apport régulier en DHA.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lysi-card\"\u003e\n        \u003ch3\u003e💛 Capital santé global\u003c\/h3\u003e\n        \u003cp\u003eUn geste simple et quotidien, ancré dans une tradition de bien-être qui a fait ses preuves depuis des générations.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lysi-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n      \u003cp\u003e🇮🇸 Un savoir-faire islandais depuis 1938 — 120 capsules de pureté pour votre capital santé au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lysi-cream: #f4f6fa;\n  --lysi-white: #ffffff;\n  --lysi-primary: #1a3a6b;\n  --lysi-primary-dark: #0e2244;\n  --lysi-primary-light: #e8edf5;\n  --lysi-secondary: #3a6fa8;\n  --lysi-accent: #c9a84c;\n  --lysi-text: #1a1a1a;\n  --lysi-text-light: #5a5a5a;\n  --lysi-border: #dce2ec;\n  --lysi-shadow: 0 4px 24px rgba(26,58,107,.08);\n  --lysi-shadow-lg: 0 12px 48px rgba(14,34,68,.15);\n  --lysi-radius: 20px;\n  --lysi-radius-sm: 12px;\n}\n\n.lysi-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lysi-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lysi-hero {\n  position: relative;\n  background: linear-gradient(135deg, #0e2244 0%, #1a3a6b 40%, #3a6fa8 75%, #c9a84c 100%);\n  border-radius: var(--lysi-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--lysi-shadow-lg);\n}\n\n.lysi-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(201,168,76,.1) 0%, transparent 50%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n  opacity: 1;\n}\n\n.lysi-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lysi-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.lysi-subtitle {\n  color: var(--lysi-accent);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 700;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n  text-transform: uppercase;\n}\n\n.lysi-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lysi-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lysi-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--lysi-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lysi-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lysi-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lysi-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lysi-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.lysi-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--lysi-primary), var(--lysi-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lysi-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lysi-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n.lysi-section-footer {\n  text-align: center;\n  font-size: clamp(14px, 2.2vw, 15px);\n  color: var(--lysi-text-light);\n  margin-top: 1.5rem;\n  max-width: 650px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n  font-style: italic;\n}\n\n\/* === CARDS === *\/\n.lysi-card {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lysi-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lysi-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lysi-shadow-lg);\n  border-color: var(--lysi-primary);\n}\n\n.lysi-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lysi-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lysi-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lysi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lysi-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lysi-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lysi-grid-compact .lysi-card {\n  padding: 1rem;\n}\n\n.lysi-grid-compact .lysi-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lysi-grid-compact .lysi-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.lysi-composition-table {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  box-shadow: var(--lysi-shadow);\n  overflow: hidden;\n}\n\n.lysi-comp-row {\n  display: grid;\n  grid-template-columns: 1fr auto auto;\n  gap: 1rem;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--lysi-border);\n  align-items: center;\n  font-size: 14px;\n  color: var(--lysi-text);\n}\n\n.lysi-comp-row:last-child {\n  border-bottom: none;\n}\n\n.lysi-comp-header {\n  background: var(--lysi-primary-dark);\n  color: white;\n  font-weight: 700;\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n}\n\n.lysi-comp-header span {\n  color: white;\n}\n\n.lysi-comp-row span:nth-child(2),\n.lysi-comp-row span:nth-child(3) {\n  text-align: right;\n  white-space: nowrap;\n}\n\n\/* === TIMELINE === *\/\n.lysi-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lysi-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lysi-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lysi-primary), var(--lysi-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(26,58,107,.25);\n}\n\n.lysi-timeline-content {\n  flex: 1;\n  background: var(--lysi-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lysi-radius-sm);\n  box-shadow: var(--lysi-shadow);\n}\n\n.lysi-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lysi-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lysi-timeline-content p {\n  font-size: 14px;\n  color: var(--lysi-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lysi-accordion {\n  background: var(--lysi-white);\n  border-radius: var(--lysi-radius);\n  box-shadow: var(--lysi-shadow);\n  overflow: hidden;\n}\n\n.lysi-accordion-item {\n  border-bottom: 1px solid var(--lysi-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lysi-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lysi-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lysi-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.lysi-accordion-header:hover {\n  background: var(--lysi-primary-light);\n}\n\n.lysi-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lysi-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lysi-primary);\n  transition: transform .2s ease;\n}\n\n.lysi-accordion-item[open] .lysi-accordion-header::after {\n  content: '−';\n}\n\n.lysi-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lysi-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lysi-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.lysi-cta-box {\n  background: linear-gradient(135deg, var(--lysi-primary) 0%, var(--lysi-primary-dark) 100%);\n  border-radius: var(--lysi-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lysi-cta-box::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 30% 50%, rgba(201,168,76,.15) 0%, transparent 60%);\n}\n\n.lysi-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.lysi-disclaimer {\n  font-size: 12px;\n  color: var(--lysi-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .lysi-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lysi-card {\n    padding: 1.125rem;\n  }\n\n  .lysi-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lysi-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lysi-radius-sm);\n  }\n\n  .lysi-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lysi-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lysi-grid-compact {\n    gap: .625rem;\n  }\n\n  .lysi-grid-compact .lysi-card {\n    padding: .75rem;\n  }\n\n  .lysi-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lysi-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lysi-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lysi-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lysi-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lysi-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lysi-comp-row {\n    padding: .75rem 1rem;\n    font-size: 13px;\n    gap: .5rem;\n  }\n\n  .lysi-comp-header {\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lysi-card {\n    animation: lysiFadeInUp .5s ease backwards;\n  }\n  .lysi-card:nth-child(1) { animation-delay: .05s; }\n  .lysi-card:nth-child(2) { animation-delay: .1s; }\n  .lysi-card:nth-child(3) { animation-delay: .15s; }\n  .lysi-card:nth-child(4) { animation-delay: .2s; }\n  .lysi-card:nth-child(5) { animation-delay: .25s; }\n  .lysi-card:nth-child(6) { animation-delay: .3s; }\n\n  .lysi-timeline-item {\n    animation: lysiFadeInUp .5s ease backwards;\n  }\n  .lysi-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .lysi-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .lysi-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes lysiFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .lysi-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LYSI","offers":[{"title":"Default Title","offer_id":54865523081593,"sku":"NBAILSI0003","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/la-veritable-huile-de-foie-de-morue-lysi-omega-3-vit-a-d-120-packshothd_01e60822-cc61-487e-8fde-a9612663bcb3.webp?v=1790596732"},{"product_id":"levure-biere-bio-graine-sauvage","title":"Levure de Bière Bio - 60 gélules - Graine sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Levure de Bière Bio - 60 gélules - Graine Sauvage\nPalette détectée:\n  - Primaire: #6B8E23 (vert olive\/nature du couvercle et de la marque)\n  - Secondaire: #C4A265 (kraft\/beige doré du packaging carton)\n  - Accent: #E8672C (orange du logo AB et de la mascotte)\nAmbiance: Naturel\/bio, chaleureux, authentique, éco-responsable, packaging kraft et vert\nPréfixe CSS: lb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Levure de bière bio Graine Sauvage : votre alliée cheveux, ongles et digestion\"\n  2. \"Pourquoi la levure de bière est-elle si efficace pour les cheveux ?\"\n  3. \"Des bienfaits qui vont bien au-delà de la beauté\"\n  4. \"Composition et ingrédients\"\n  5. \"Conseils d'utilisation et posologie\"\n  6. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"lb-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"lb-hero\"\u003e\n    \u003cdiv class=\"lb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lb-hero-content\"\u003e\n      \u003cdiv class=\"lb-badges-top\"\u003e\n        \u003cspan class=\"lb-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e\n        \u003cspan class=\"lb-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"lb-badge\"\u003e🇫🇷 FR-BIO-01\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lb-hero-title\"\u003eLevure de Bière Bio\u003c\/span\u003e\n      \u003cp class=\"lb-subtitle\"\u003eGraine Sauvage — 60 gélules végétales\u003c\/p\u003e\n      \u003cp class=\"lb-description\"\u003eLe secret naturel pour des cheveux forts, des ongles résistants et une digestion apaisée. Une formule bio, pure et sans artifices.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003eLevure de bière bio Graine Sauvage : votre alliée cheveux, ongles et digestion\u003c\/h2\u003e\n    \u003cp class=\"lb-section-intro\"\u003eVous cherchez un coup de pouce naturel pour redonner force et vitalité à vos cheveux ?\u003c\/p\u003e\n    \u003cp class=\"lb-section-text\"\u003eLa \u003cstrong\u003elevure de bière bio\u003c\/strong\u003e de Graine Sauvage est un complément alimentaire incontournable, reconnu depuis des générations pour ses bienfaits sur la beauté et l'équilibre intérieur. Conditionnée en \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e et certifiée Agriculture Biologique (FR-BIO-01), cette formule pure et sans artifices vous accompagne au quotidien.\u003c\/p\u003e\n    \u003cdiv class=\"lb-grid-compact\"\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e💇‍♀️ Cheveux\u003c\/h3\u003e\n        \u003cp\u003eForce, brillance et pousse stimulée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e💅 Ongles\u003c\/h3\u003e\n        \u003cp\u003eRésistance et solidité retrouvées\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🌿 100 % bio\u003c\/h3\u003e\n        \u003cp\u003eCertifié AB, sans OGM ni additifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🫶 Digestion\u003c\/h3\u003e\n        \u003cp\u003eFlore intestinale et transit équilibrés\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003ePourquoi la levure de bière est-elle si efficace pour les cheveux ?\u003c\/h2\u003e\n    \u003cp class=\"lb-section-text\"\u003eLa \u003cstrong\u003elevure de bière pour les cheveux\u003c\/strong\u003e n'est pas un simple effet de mode : c'est l'un des compléments les plus étudiés dans ce domaine. Sa richesse exceptionnelle en \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e (B1, B2, B3, B5, B6, B8, B9) en fait un véritable concentré de nutriments qui agissent directement sur le bulbe capillaire. Ces vitamines participent à la synthèse de la kératine, la protéine structurelle de vos cheveux et de vos ongles.\u003c\/p\u003e\n    \u003cdiv class=\"lb-grid\"\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🛡️ Réduire la chute de cheveux\u003c\/h3\u003e\n        \u003cp\u003eAgit sur les carences nutritionnelles qui fragilisent le cuir chevelu et provoquent la perte de cheveux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🌱 Stimuler la pousse des cheveux\u003c\/h3\u003e\n        \u003cp\u003eNourrit le follicule pileux de l'intérieur grâce aux vitamines B pour accélérer la croissance capillaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e✨ Redonner épaisseur et brillance\u003c\/h3\u003e\n        \u003cp\u003eRevitalise les cheveux ternes ou fragilisés pour un résultat visible et durable\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e💎 Renforcer les ongles cassants\u003c\/h3\u003e\n        \u003cp\u003eLutte contre les ongles qui se dédoublent en apportant kératine et nutriments essentiels\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lb-tip\"\u003e\n      \u003cspan class=\"lb-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eBeaucoup de personnes constatent des résultats encourageants après \u003cstrong\u003e1 mois de cure\u003c\/strong\u003e. Toutefois, les effets les plus visibles apparaissent généralement après \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e de cure régulière, car la pousse des cheveux suit un cycle naturel qu'il faut respecter.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003eDes bienfaits qui vont bien au-delà de la beauté\u003c\/h2\u003e\n    \u003cp class=\"lb-section-intro\"\u003eSi la levure de bière pour la pousse des cheveux est son usage le plus connu, ce super-aliment offre bien d'autres atouts.\u003c\/p\u003e\n    \u003cdiv class=\"lb-grid\"\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🫃 Soutien digestif\u003c\/h3\u003e\n        \u003cp\u003eContribue à l'équilibre de la flore intestinale et facilite le transit pour un confort digestif au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e💪 Source de protéines végétales\u003c\/h3\u003e\n        \u003cp\u003eEnviron \u003cstrong\u003e40 à 50 %\u003c\/strong\u003e de sa composition, un allié précieux pour les végétariens et les sportifs\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e⚡ Apport en minéraux\u003c\/h3\u003e\n        \u003cp\u003eZinc, sélénium, fer et chrome : des oligo-éléments essentiels au bon fonctionnement de l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-card\"\u003e\n        \u003ch3\u003e🌸 Amélioration du teint\u003c\/h3\u003e\n        \u003cp\u003eEn agissant de l'intérieur, elle favorise une peau plus nette, lumineuse et éclatante de santé\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003eComposition et ingrédients\u003c\/h2\u003e\n    \u003cdiv class=\"lb-composition-card\"\u003e\n      \u003cdiv class=\"lb-composition-item\"\u003e\n        \u003cspan class=\"lb-composition-label\"\u003eIngrédient actif\u003c\/span\u003e\n        \u003cspan class=\"lb-composition-value\"\u003eLevure de bière (\u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e) issue de l'agriculture biologique\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-composition-item\"\u003e\n        \u003cspan class=\"lb-composition-label\"\u003eEnveloppe de la gélule\u003c\/span\u003e\n        \u003cspan class=\"lb-composition-value\"\u003eGélule d'origine végétale (HPMC)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-composition-item lb-composition-badges\"\u003e\n        \u003cspan class=\"lb-comp-badge\"\u003e🚫 Sans colorants\u003c\/span\u003e\n        \u003cspan class=\"lb-comp-badge\"\u003e🚫 Sans conservateurs\u003c\/span\u003e\n        \u003cspan class=\"lb-comp-badge\"\u003e🚫 Sans OGM\u003c\/span\u003e\n        \u003cspan class=\"lb-comp-badge\"\u003e✅ Certifié AB (FR-BIO-01)\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"lb-timeline\"\u003e\n      \u003cdiv class=\"lb-timeline-item\"\u003e\n        \u003cspan class=\"lb-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"lb-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e6 gélules par jour\u003c\/strong\u003e, réparties au moment des repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-timeline-item\"\u003e\n        \u003cspan class=\"lb-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"lb-timeline-content\"\u003e\n          \u003ch3\u003eDurée d'un pilulier\u003c\/h3\u003e\n          \u003cp\u003eLe pilulier contient \u003cstrong\u003e60 gélules\u003c\/strong\u003e, soit une cure de \u003cstrong\u003e10 jours\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lb-timeline-item\"\u003e\n        \u003cspan class=\"lb-timeline-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"lb-timeline-content\"\u003e\n          \u003ch3\u003eCure optimale\u003c\/h3\u003e\n          \u003cp\u003ePour une pousse de cheveux optimale, renouvelez la cure sur \u003cstrong\u003e2 à 3 mois consécutifs\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lb-tip\"\u003e\n      \u003cspan class=\"lb-tip-icon\"\u003e👩‍⚕️\u003c\/span\u003e\n      \u003cp\u003eCe complément convient aux adultes et aux adolescents. En cas de grossesse, d'allaitement ou 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\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"lb-section\"\u003e\n    \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n    \u003cdiv class=\"lb-accordion\"\u003e\n      \u003cdetails class=\"lb-accordion-item\"\u003e\n        \u003csummary class=\"lb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lb-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lb-accordion-item\"\u003e\n        \u003csummary class=\"lb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lb-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe 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=\"lb-accordion-item\"\u003e\n        \u003csummary class=\"lb-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"lb-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"lb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lb-cta-box\"\u003e\n      \u003cp\u003eEn choisissant la \u003cstrong\u003elevure de bière bio\u003c\/strong\u003e Graine Sauvage, vous optez pour un produit certifié, respectueux de votre corps et de l'environnement. Un geste simple, quotidien, pour prendre soin de vous de l'intérieur. 🌿\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lb-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --lb-cream: #faf8f4;\n  --lb-white: #ffffff;\n  --lb-primary: #6B8E23;\n  --lb-primary-dark: #4a6318;\n  --lb-primary-light: #f0f5e4;\n  --lb-secondary: #C4A265;\n  --lb-accent: #E8672C;\n  --lb-text: #1a1a1a;\n  --lb-text-light: #5a5a5a;\n  --lb-border: #e0ddd6;\n  --lb-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lb-radius: 20px;\n  --lb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #4a6318 0%, #6B8E23 40%, #8aad3a 70%, #C4A265 100%);\n  border-radius: var(--lb-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(--lb-shadow-lg);\n}\n\n.lb-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(196,162,101,.1) 0%, transparent 40%);\n  opacity: 1;\n}\n\n.lb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.lb-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.lb-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .02em;\n}\n\n.lb-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.lb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lb-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(--lb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lb-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.lb-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(--lb-primary), var(--lb-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION TEXT === *\/\n.lb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lb-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.lb-section-text {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--lb-text);\n  line-height: 1.8;\n  max-width: 800px;\n  margin: 0 auto 1.5rem auto;\n  text-align: center;\n}\n\n\/* === CARDS === *\/\n.lb-card {\n  background: var(--lb-white);\n  border-radius: var(--lb-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lb-shadow-lg);\n  border-color: var(--lb-primary);\n}\n\n.lb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lb-grid-compact .lb-card {\n  padding: 1rem;\n}\n\n.lb-grid-compact .lb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lb-grid-compact .lb-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lb-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lb-primary), var(--lb-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.lb-timeline-content {\n  flex: 1;\n  background: var(--lb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lb-radius-sm);\n  box-shadow: var(--lb-shadow);\n}\n\n.lb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lb-timeline-content p {\n  font-size: 14px;\n  color: var(--lb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION CARD === *\/\n.lb-composition-card {\n  background: var(--lb-white);\n  border-radius: var(--lb-radius);\n  box-shadow: var(--lb-shadow);\n  overflow: hidden;\n}\n\n.lb-composition-item {\n  padding: 1.25rem 1.5rem;\n  border-bottom: 1px solid var(--lb-border);\n  display: flex;\n  flex-direction: column;\n  gap: .35rem;\n}\n\n.lb-composition-item:last-child {\n  border-bottom: none;\n}\n\n.lb-composition-label {\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--lb-primary);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n.lb-composition-value {\n  font-size: 15px;\n  color: var(--lb-text);\n  line-height: 1.6;\n}\n\n.lb-composition-badges {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: .5rem;\n}\n\n.lb-comp-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 14px;\n  background: var(--lb-primary-light);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--lb-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.lb-testimonial {\n  background: var(--lb-white);\n  border-radius: var(--lb-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lb-shadow);\n  border-left: 4px solid var(--lb-primary);\n}\n\n.lb-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lb-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.lb-accordion {\n  background: var(--lb-white);\n  border-radius: var(--lb-radius);\n  box-shadow: var(--lb-shadow);\n  overflow: hidden;\n}\n\n.lb-accordion-item {\n  border-bottom: 1px solid var(--lb-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lb-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lb-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.lb-accordion-header:hover {\n  background: var(--lb-primary-light);\n}\n\n.lb-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lb-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lb-primary);\n  transition: transform .2s ease;\n}\n\n.lb-accordion-item[open] .lb-accordion-header::after {\n  content: '−';\n}\n\n.lb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lb-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lb-primary-light);\n  border-radius: var(--lb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lb-tip p {\n  font-size: 14px;\n  color: var(--lb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lb-cta-box {\n  background: linear-gradient(135deg, var(--lb-primary) 0%, var(--lb-primary-dark) 100%);\n  border-radius: var(--lb-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lb-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.lb-disclaimer {\n  font-size: 12px;\n  color: var(--lb-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  .lb-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lb-card {\n    padding: 1.125rem;\n  }\n\n  .lb-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lb-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lb-radius-sm);\n  }\n\n  .lb-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lb-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lb-grid-compact {\n    gap: .625rem;\n  }\n\n  .lb-grid-compact .lb-card {\n    padding: .75rem;\n  }\n\n  .lb-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lb-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lb-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lb-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lb-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lb-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lb-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lb-testimonial-text {\n    font-size: 14px;\n  }\n\n  .lb-section-text {\n    text-align: left;\n  }\n\n  .lb-composition-item {\n    padding: 1rem 1.125rem;\n  }\n\n  .lb-composition-badges {\n    gap: .375rem;\n  }\n\n  .lb-comp-badge {\n    font-size: 12px;\n    padding: 5px 10px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lb-card {\n    animation: lbFadeInUp .5s ease backwards;\n  }\n  .lb-card:nth-child(1) { animation-delay: .05s; }\n  .lb-card:nth-child(2) { animation-delay: .1s; }\n  .lb-card:nth-child(3) { animation-delay: .15s; }\n  .lb-card:nth-child(4) { animation-delay: .2s; }\n  .lb-card:nth-child(5) { animation-delay: .25s; }\n  .lb-card:nth-child(6) { animation-delay: .3s; }\n\n  .lb-timeline-item {\n    animation: lbFadeInUp .5s ease backwards;\n  }\n  .lb-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .lb-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .lb-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes lbFadeInUp {\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  .lb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54888505475449,"sku":"GS9103","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/levure-de-biere-bio-60-gelules-graine-sauvage-packshothd.webp?v=1791041014"},{"product_id":"eau-capillaire-catalyons-flacon-vaporisateur","title":"Eau capillaire - Catalyons - Flacon vaporisateur 150 ml","description":"\u003cp\u003e```html\u003c\/p\u003e\n\u003cdiv class=\"ec-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ec-hero\"\u003e\n\u003cdiv class=\"ec-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ec-hero-content\"\u003e\n\u003cdiv class=\"ec-badges-top\"\u003e\n\u003cspan class=\"ec-badge\"\u003e🧪 4 oligo-éléments ionisés\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"ec-badge\"\u003e🚫 Sans parfum\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ec-hero-title\"\u003eEau capillaire Catalyons\u003c\/span\u003e\n\u003cp class=\"ec-subtitle\"\u003eArgent colloïdal · Zinc · Silicium · Cuivre\u003c\/p\u003e\n\u003cp class=\"ec-description\"\u003eLe soin vaporisateur aux oligo-éléments brevetés qui revitalise vos cheveux de la racine aux pointes - sans alourdir, sans graisser, sans compromis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eEau capillaire Catalyons : le soin aux oligo-éléments pour des cheveux revitalisés\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eVous cherchez un \u003cstrong\u003esoin capillaire naturel\u003c\/strong\u003e capable de redonner force et éclat à vos cheveux ? L'\u003cstrong\u003eeau capillaire Catalyons\u003c\/strong\u003e associe la puissance de quatre oligo-éléments ionisés - \u003cstrong\u003eargent colloïdal, zinc, silicium et cuivre\u003c\/strong\u003e - enrichis en chlorophylle, pour un soin complet du cuir chevelu jusqu'aux pointes.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid-compact\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e💧 150 ml\u003c\/h3\u003e\n\u003cp\u003eFlacon vaporisateur pratique et hygiénique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🪶 Texture légère\u003c\/h3\u003e\n\u003cp\u003eNe graisse pas, ne laisse aucun résidu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e👨👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eAdultes et enfants, tous types de cheveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e📅 Usage quotidien\u003c\/h3\u003e\n\u003cp\u003eS'intègre facilement dans votre routine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eComposition détaillée et rôle de chaque actif\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eUne formule reposant sur un \u003cstrong\u003eprocédé breveté d'électrolyse\u003c\/strong\u003e et une dynamisation par vortex, garantissant des oligo-éléments parfaitement biodisponibles.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🔬 Silicium (acide orthosilicique)\u003c\/h3\u003e\n\u003cp\u003eIndispensable à la structure de la fibre capillaire, il contribue à renforcer les cheveux fragilisés et à leur redonner de l'élasticité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e⚖️ Zinc\u003c\/h3\u003e\n\u003cp\u003eReconnu pour son rôle dans la régulation du sébum, il aide à maintenir un cuir chevelu équilibré et à limiter l'apparition de pellicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🟤 Cuivre\u003c\/h3\u003e\n\u003cp\u003eParticipe à la pigmentation naturelle du cheveu et soutient la microcirculation au niveau du cuir chevelu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🛡️ Argent colloïdal\u003c\/h3\u003e\n\u003cp\u003eSes propriétés purifiantes contribuent à assainir le cuir chevelu et à prévenir les déséquilibres microbiens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🌿 Chlorophylle\u003c\/h3\u003e\n\u003cp\u003eOxygénante et revitalisante, elle apporte un coup de fraîcheur au cuir chevelu tout en favorisant la vitalité des cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-tip\"\u003e\n\u003cspan class=\"ec-tip-icon\"\u003e📋\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eListe INCI complète :\u003c\/strong\u003e Aqua, Hydrated Silica, Chlorophyllin-Copper Complex, Zinc, Silver, Copper.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets pour vos cheveux\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003eCe \u003cstrong\u003esoin capillaire naturel\u003c\/strong\u003e agit sur plusieurs fronts, que vos cheveux soient secs, gras, ternes ou fragilisés.\u003c\/p\u003e\n\u003cdiv class=\"ec-grid\"\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e💪 Fortifie la fibre capillaire\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments pénètrent rapidement pour nourrir le cheveu en profondeur, lui redonnant résistance et souplesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e✨ Purifie et assainit\u003c\/h3\u003e\n\u003cp\u003eL'action combinée de l'argent colloïdal et du zinc aide à éliminer les impuretés et à apaiser les démangeaisons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e🌟 Brillance et légèreté\u003c\/h3\u003e\n\u003cp\u003eLa texture aqueuse, sans parfum et non grasse, laisse les cheveux souples et lumineux sans aucun résidu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-card\"\u003e\n\u003ch3\u003e👩👦 Convient à toute la famille\u003c\/h3\u003e\n\u003cp\u003eSa formulation douce, sans conservateur ni additif chimique, permet une utilisation aussi bien chez les adultes que chez les enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ec-section\"\u003e\n\u003ch2\u003eComment utiliser l'eau capillaire Catalyons ?\u003c\/h2\u003e\n\u003cp class=\"ec-section-intro\"\u003ePour des résultats visibles, suivez cette méthode simple et efficace :\u003c\/p\u003e\n\u003cdiv class=\"ec-timeline\"\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eVaporisez généreusement\u003c\/h3\u003e\n\u003cp\u003eSur le \u003cstrong\u003ecuir chevelu et les longueurs\u003c\/strong\u003e, sur cheveux propres, secs ou légèrement humides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n\u003cp\u003eDu bout des doigts pendant une à deux minutes pour stimuler la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eLaissez sécher naturellement\u003c\/h3\u003e\n\u003cp\u003eSans rinçage. Vous pouvez ensuite coiffer vos cheveux normalement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-item\"\u003e\n\u003cdiv class=\"ec-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ec-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez l'application\u003c\/h3\u003e\n\u003cp\u003eChaque jour ou plusieurs fois par semaine, selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ec-tip\"\u003e\n\u003cspan class=\"ec-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un effet revitalisant renforcé, utilisez cette eau capillaire en complément de votre shampoing habituel, directement après le lavage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ec-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eUn soin 100 % naturel, fabriqué en France\u003c\/h2\u003e\n\u003cdiv class=\"ec-cta-box\"\u003e\n\u003cp\u003eLes \u003cstrong\u003elaboratoires Catalyons\u003c\/strong\u003e, pionniers dans le domaine des oligo-éléments ionisés depuis plus de 50 ans, conçoivent l'ensemble de leurs produits en France. L'eau capillaire Catalyons est \u003cstrong\u003esans parfum, sans conservateur, sans paraben\u003c\/strong\u003e et non testée sur les animaux. Son flacon vaporisateur permet un dosage précis et une utilisation hygiénique, à la maison comme en déplacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ec-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de problème capillaire persistant, consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ec-cream: #f4f8f5;\n  --ec-white: #ffffff;\n  --ec-primary: #2e7d5b;\n  --ec-primary-dark: #1a5c3f;\n  --ec-primary-light: #e8f5ee;\n  --ec-secondary: #3a8fb7;\n  --ec-accent: #2c5f8a;\n  --ec-text: #1a1a1a;\n  --ec-text-light: #5a5a5a;\n  --ec-border: #d8e6de;\n  --ec-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ec-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ec-radius: 20px;\n  --ec-radius-sm: 12px;\n}\n\n.ec-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ec-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ec-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a5c3f 0%, #2e7d5b 40%, #3a8fb7 100%);\n  border-radius: var(--ec-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ec-shadow-lg);\n}\n\n.ec-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.12) 0%, transparent 60%),\n              radial-gradient(ellipse at 70% 80%, rgba(58,143,183,.2) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.ec-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ec-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ec-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  margin: 0 0 1.25rem 0;\n}\n\n.ec-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ec-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ec-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ec-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ec-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ec-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ec-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ec-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ec-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ec-primary), var(--ec-secondary));\n  border-radius: 2px;\n}\n\n.ec-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ec-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ec-card {\n  background: var(--ec-white);\n  border-radius: var(--ec-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ec-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ec-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ec-shadow-lg);\n  border-color: var(--ec-primary);\n}\n\n.ec-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ec-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ec-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ec-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ec-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ec-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ec-grid-compact .ec-card {\n  padding: 1rem;\n}\n\n.ec-grid-compact .ec-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ec-grid-compact .ec-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ec-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ec-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ec-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ec-primary), var(--ec-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.ec-timeline-content {\n  flex: 1;\n  background: var(--ec-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ec-radius-sm);\n  box-shadow: var(--ec-shadow);\n}\n\n.ec-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ec-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ec-timeline-content p {\n  font-size: 14px;\n  color: var(--ec-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ec-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ec-primary-light);\n  border-radius: var(--ec-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ec-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ec-tip p {\n  font-size: 14px;\n  color: var(--ec-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ec-cta-box {\n  background: linear-gradient(135deg, var(--ec-primary) 0%, var(--ec-primary-dark) 100%);\n  border-radius: var(--ec-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ec-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 17px);\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.ec-cta-box strong {\n  font-weight: 700;\n}\n\n\/* === DISCLAIMER === *\/\n.ec-disclaimer {\n  font-size: 12px;\n  color: var(--ec-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ec-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ec-card {\n    padding: 1.125rem;\n  }\n\n  .ec-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ec-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ec-radius-sm);\n  }\n\n  .ec-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ec-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ec-grid-compact {\n    gap: .625rem;\n  }\n\n  .ec-grid-compact .ec-card {\n    padding: .75rem;\n  }\n\n  .ec-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ec-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ec-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ec-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ec-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ec-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ec-card {\n    animation: ecFadeInUp .5s ease backwards;\n  }\n  .ec-card:nth-child(1) { animation-delay: .05s; }\n  .ec-card:nth-child(2) { animation-delay: .1s; }\n  .ec-card:nth-child(3) { animation-delay: .15s; }\n  .ec-card:nth-child(4) { animation-delay: .2s; }\n  .ec-card:nth-child(5) { animation-delay: .25s; }\n  .ec-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ecFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .ec-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54897389437305,"sku":"38833002","price":11.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/eau-capillaire-catalyons-flacon-vaporisateur-150-ml-lifestyle_c3c1aa09-6b19-4d4c-b9e8-9d1db7b97525.webp?v=1772099412"},{"product_id":"zinc-plus-500-ml","title":"ZINC PLUS Catalyons - Zinc - 500 ml","description":"\u003cdiv class=\"zp-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"zp-hero\"\u003e\n    \u003cdiv class=\"zp-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"zp-hero-content\"\u003e\n      \u003cdiv class=\"zp-badges-top\"\u003e\n        \u003cspan class=\"zp-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"zp-badge\"\u003e💧 Oligo-éléments ionisés\u003c\/span\u003e\n        \u003cspan class=\"zp-badge\"\u003e🧪 Procédé breveté depuis 1960\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"zp-hero-title\"\u003eZinc Plus Catalyons\u003c\/span\u003e\n      \u003cp class=\"zp-subtitle\"\u003eZinc en solution ionisée — 500 ml\u003c\/p\u003e\n      \u003cp class=\"zp-description\"\u003eUn zinc hautement biodisponible grâce à l'électrolyse brevetée Catalyons. Immunité, peau, protection cellulaire : un minéral essentiel en une seule prise quotidienne.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eZinc Plus Catalyons : le zinc en solution ionisée\u003c\/h2\u003e\n    \u003cp class=\"zp-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire au zinc\u003c\/strong\u003e réellement bien assimilé par l'organisme ? Le \u003cstrong\u003eZinc Plus de Catalyons\u003c\/strong\u003e est une solution d'oligo-éléments ionisés qui apporte ce minéral essentiel sous forme liquide, pour une biodisponibilité optimale.\u003c\/p\u003e\n    \u003cdiv class=\"zp-grid-compact\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e⚡ Électrolyse brevetée\u003c\/h3\u003e\n        \u003cp\u003eUn procédé naturel exclusif utilisé par les laboratoires Catalyons depuis 1960 pour une assimilation optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e💧 Forme liquide ionisée\u003c\/h3\u003e\n        \u003cp\u003eDes particules extrêmement fines, prêtes à être utilisées par vos cellules sans effort digestif particulier.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e✅ 100 % des AR\u003c\/h3\u003e\n        \u003cp\u003e1 bouchon = 10 mg de zinc, soit 100 % des apports de référence quotidiens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🌿 Formule pure\u003c\/h3\u003e\n        \u003cp\u003eSans additif, sans conservateur, sans alcool et sans colorant. Convient aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eZinc et cuivre : pourquoi respecter la dose ?\u003c\/h2\u003e\n    \u003cdiv class=\"zp-testimonial\"\u003e\n      \u003cp class=\"zp-testimonial-text\"\u003eEn oligothérapie, le \u003cstrong\u003ezinc\u003c\/strong\u003e et le \u003cstrong\u003ecuivre\u003c\/strong\u003e sont deux minéraux qui fonctionnent en synergie dans l'organisme, mais qui se concurrencent au niveau de l'absorption intestinale. Pris séparément à doses élevées, le zinc peut réduire l'assimilation du cuivre, et inversement. Le Zinc Plus est formulé pour apporter un zinc parfaitement dosé (10 mg par bouchon, soit 100 % des apports de référence) sous forme ionisée, dans le respect de cet équilibre naturel.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-tip\"\u003e\n      \u003cspan class=\"zp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eC'est un point souvent méconnu : un \u003cstrong\u003ecomplément alimentaire en zinc\u003c\/strong\u003e pris à forte dose sur le long terme peut entraîner un déséquilibre en cuivre. Ici, la formulation ionisée à dose physiologique préserve cet équilibre.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eLes bienfaits reconnus du Zinc Plus\u003c\/h2\u003e\n    \u003cdiv class=\"zp-grid\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLe zinc contribue au fonctionnement normal du système immunitaire, un atout précieux à l'approche de l'hiver ou en période de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e✨ Peau, cheveux et ongles\u003c\/h3\u003e\n        \u003cp\u003eLe zinc participe au maintien d'une peau normale et soutient la synthèse des protéines, dont la kératine, pour des cheveux et des ongles en pleine santé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🔬 Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eLe zinc contribue à protéger les cellules contre le stress oxydatif provoqué par les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e⚙️ Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eLe zinc joue un rôle dans le maintien d'un taux normal de testostérone et participe à la fertilité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🔄 Métabolisme des macronutriments\u003c\/h3\u003e\n        \u003cp\u003eLe zinc intervient dans le métabolisme normal des glucides, des lipides et des protéines pour une énergie bien utilisée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n    \u003cdiv class=\"zp-testimonial\"\u003e\n      \u003cp class=\"zp-testimonial-text\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau osmosée et dynamisée, citrate et carbonate de zinc.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"zp-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e📊 Analyse nutritionnelle\u003c\/h3\u003e\n        \u003cp\u003ePour 1 bouchon (15 mL) : \u003cstrong\u003eZinc 10 mg\u003c\/strong\u003e, soit 100 % des apports de référence.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n        \u003cp\u003eAucun conservateur, alcool ou colorant ajouté.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🌱 Vegan friendly\u003c\/h3\u003e\n        \u003cp\u003eConvient aux végétariens et végétaliens.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eFabriqué intégralement en France par Catalyons.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003eComment prendre le Zinc Plus Catalyons ?\u003c\/h2\u003e\n    \u003cdiv class=\"zp-timeline\"\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eDosez votre prise\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 bouchon doseur (environ 15 ml) par jour\u003c\/strong\u003e, idéalement le matin à jeun ou 15 minutes avant un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eConsommez pur ou dilué\u003c\/h3\u003e\n          \u003cp\u003eLe goût est très neutre : vous pouvez le prendre pur ou le diluer dans un petit verre d'eau selon votre préférence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eAbsorption sublinguale\u003c\/h3\u003e\n          \u003cp\u003eGardez la solution en bouche quelques secondes avant d'avaler pour améliorer encore la biodisponibilité des oligo-éléments ionisés.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"zp-timeline-item\"\u003e\n        \u003cdiv class=\"zp-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"zp-timeline-content\"\u003e\n          \u003ch3\u003eCure de 3 à 6 semaines\u003c\/h3\u003e\n          \u003cp\u003ePour une cure d'entretien, comptez généralement \u003cstrong\u003e3 à 6 semaines\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=\"zp-tip\"\u003e\n      \u003cspan class=\"zp-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e l'absorption sublinguale (garder en bouche) est la méthode la plus efficace pour les oligo-éléments ionisés. Quelques secondes suffisent !\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"zp-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"zp-accordion\"\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e📋 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 15 ml (1 bouchon doseur) par jour.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e🍽️ Alimentation équilibrée\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe \u003cstrong\u003ecomplément zinc\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"zp-accordion-item\"\u003e\n        \u003csummary class=\"zp-accordion-header\"\u003e⚕️ Traitement médical\u003c\/summary\u003e\n        \u003cdiv class=\"zp-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"zp-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eLe savoir-faire Catalyons depuis 1960\u003c\/h2\u003e\n    \u003cdiv class=\"zp-cta-box\"\u003e\n      \u003cp\u003eLes laboratoires \u003cstrong\u003eCatalyons\u003c\/strong\u003e sont pionniers en France dans la fabrication d'oligo-éléments ionisés par électrolyse. Ce procédé naturel breveté permet d'obtenir des particules extrêmement fines, directement assimilables par l'organisme. Résultat : une efficacité reconnue par les praticiens de santé naturelle depuis plus de \u003cstrong\u003esix décennies\u003c\/strong\u003e, et une gamme fabriquée intégralement en France.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"zp-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.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --zp-cream: #f9f6f1;\n  --zp-white: #ffffff;\n  --zp-primary: #c8942a;\n  --zp-primary-dark: #2c3a5e;\n  --zp-primary-light: #f5efe3;\n  --zp-secondary: #d4a83a;\n  --zp-accent: #3b5998;\n  --zp-text: #1a1a1a;\n  --zp-text-light: #5a5a5a;\n  --zp-border: #e0dbd2;\n  --zp-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --zp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --zp-radius: 20px;\n  --zp-radius-sm: 12px;\n}\n\n.zp-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--zp-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.zp-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--zp-primary-dark) 0%, #3e4f7a 40%, var(--zp-primary) 100%);\n  border-radius: var(--zp-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(--zp-shadow-lg);\n}\n\n.zp-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: repeating-linear-gradient(\n    120deg,\n    transparent,\n    transparent 40px,\n    rgba(255,255,255,.03) 40px,\n    rgba(255,255,255,.03) 80px\n  );\n  opacity: 1;\n}\n\n.zp-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.zp-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.zp-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.zp-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.2vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.zp-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.zp-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(--zp-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.zp-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.zp-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.zp-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--zp-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.zp-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(--zp-primary), var(--zp-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.zp-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zp-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.zp-card {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--zp-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.zp-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--zp-shadow-lg);\n  border-color: var(--zp-primary);\n}\n\n.zp-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--zp-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.zp-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--zp-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.zp-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.zp-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.zp-grid-compact .zp-card {\n  padding: 1rem;\n}\n\n.zp-grid-compact .zp-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.zp-grid-compact .zp-card p {\n  font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.zp-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.zp-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.zp-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--zp-primary), var(--zp-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.zp-timeline-content {\n  flex: 1;\n  background: var(--zp-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--zp-radius-sm);\n  box-shadow: var(--zp-shadow);\n}\n\n.zp-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--zp-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.zp-timeline-content p {\n  font-size: 14px;\n  color: var(--zp-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.zp-testimonial {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--zp-shadow);\n  border-left: 4px solid var(--zp-primary);\n}\n\n.zp-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--zp-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.zp-accordion {\n  background: var(--zp-white);\n  border-radius: var(--zp-radius);\n  box-shadow: var(--zp-shadow);\n  overflow: hidden;\n}\n\n.zp-accordion-item {\n  border-bottom: 1px solid var(--zp-border);\n  margin: 0;\n  padding: 0;\n}\n\n.zp-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.zp-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--zp-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.zp-accordion-header:hover {\n  background: var(--zp-primary-light);\n}\n\n.zp-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.zp-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--zp-primary);\n  transition: transform .2s ease;\n}\n\n.zp-accordion-item[open] .zp-accordion-header::after {\n  content: '−';\n}\n\n.zp-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--zp-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.zp-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.zp-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--zp-primary-light);\n  border-radius: var(--zp-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.zp-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.zp-tip p {\n  font-size: 14px;\n  color: var(--zp-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.zp-cta-box {\n  background: linear-gradient(135deg, var(--zp-primary-dark) 0%, #3e4f7a 50%, var(--zp-primary) 100%);\n  border-radius: var(--zp-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.zp-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.zp-disclaimer {\n  font-size: 12px;\n  color: var(--zp-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  .zp-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .zp-card {\n    padding: 1.125rem;\n  }\n\n  .zp-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .zp-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--zp-radius-sm);\n  }\n\n  .zp-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .zp-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .zp-grid-compact {\n    gap: .625rem;\n  }\n\n  .zp-grid-compact .zp-card {\n    padding: .75rem;\n  }\n\n  .zp-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .zp-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .zp-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .zp-timeline-content p {\n    font-size: 13px;\n  }\n\n  .zp-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .zp-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .zp-testimonial {\n    padding: 1.25rem;\n  }\n\n  .zp-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .zp-card {\n    animation: zp-fadeInUp .5s ease backwards;\n  }\n  .zp-card:nth-child(1) { animation-delay: .05s; }\n  .zp-card:nth-child(2) { animation-delay: .1s; }\n  .zp-card:nth-child(3) { animation-delay: .15s; }\n  .zp-card:nth-child(4) { animation-delay: .2s; }\n  .zp-card:nth-child(5) { animation-delay: .25s; }\n  .zp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes zp-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  .zp-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"CATALYONS","offers":[{"title":"Default Title","offer_id":54912363823481,"sku":"38813010","price":21.24,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/zinc-plus-catalyons-zinc-cuivre-500-ml-lifestyle.webp?v=1772097244"},{"product_id":"berberine-350-mg-60-gelules-qualidiet","title":"Extrait de Berberis Aristata et Zinc – 60 gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Extrait de Berberis Aristata et Zinc – 60 gélules - Qualidiet\nPalette détectée:\n  - Primaire: #1E3A5F (bleu marine profond du texte \"BERBERINE-ZINC\")\n  - Secondaire: #8B1538 (bordeaux\/lie de vin du texte \"QUALIDIET\" et lignes)\n  - Accent: #F5F5F5 (blanc\/gris clair du flacon)\n  - Cream: #FAF9F7 (fond neutre légèrement chaud)\nAmbiance: Pharmaceutique\/médical premium, sobre et scientifique, confiance et efficacité\nPréfixe CSS: bzn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Les bienfaits reconnus de la Berberis aristata\"\n  2. \"Pourquoi associer la berbérine de Berberis aristata au zinc ?\"\n  3. \"Composition pour une gélule\"\n  4. \"Conseils d'utilisation\"\n  5. \"Précautions\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bzn-premium\"\u003e\n  \n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"bzn-hero\"\u003e\n    \u003cdiv class=\"bzn-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bzn-hero-content\"\u003e\n      \u003cdiv class=\"bzn-badges-top\"\u003e\n        \u003cspan class=\"bzn-badge\"\u003e🧬 Berbérine 97%\u003c\/span\u003e\n        \u003cspan class=\"bzn-badge\"\u003e⚡ 340 mg\/gélule\u003c\/span\u003e\n        \u003cspan class=\"bzn-badge\"\u003e🛡️ Zinc bisglycinate\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bzn-hero-title\" style=\"font-size:26px;\"\u003eExtrait concentré titré à 97% de berbérine pure\u003c\/span\u003e\n      \u003cp class=\"bzn-description\"\u003eL'alliance puissante de l'épine-vinette indienne et du zinc pour réguler naturellement votre métabolisme glucidique et soutenir votre équilibre énergétique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION INTRO --\u003e\n  \u003csection class=\"bzn-section\"\u003e\n    \u003cdiv class=\"bzn-intro-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eBerberis aristata\u003c\/strong\u003e, aussi appelée épine-vinette indienne, est une plante médicinale reconnue depuis des siècles pour ses effets bénéfiques sur le métabolisme. Ce complément alimentaire Qualidiet associe un extrait concentré de \u003cstrong\u003eberbérine titrée à 97%\u003c\/strong\u003e issue de Berberis aristata à du zinc bisglycinate, pour une action synergique sur la glycémie, le poids et le bien-être digestif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"bzn-section\"\u003e\n    \u003ch2\u003eLes bienfaits reconnus de la Berberis aristata\u003c\/h2\u003e\n    \u003cp class=\"bzn-section-intro\"\u003eUtilisée dans les médecines traditionnelles ayurvédique et chinoise, la Berberis aristata est aujourd'hui soutenue par la science moderne.\u003c\/p\u003e\n    \u003cdiv class=\"bzn-grid\"\u003e\n      \u003cdiv class=\"bzn-card\"\u003e\n        \u003ch3\u003e🩸 Régulation glucidique\u003c\/h3\u003e\n        \u003cp\u003e340 mg de berbérine par gélule pour réguler naturellement le métabolisme des sucres\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-card\"\u003e\n        \u003ch3\u003e⚡ Activation AMPK\u003c\/h3\u003e\n        \u003cp\u003eActive l'enzyme AMPK, véritable chef d'orchestre de l'équilibre énergétique cellulaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-card\"\u003e\n        \u003ch3\u003e⚖️ Poids stable\u003c\/h3\u003e\n        \u003cp\u003eContribue à maintenir un poids stable en limitant le stockage des graisses\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-card\"\u003e\n        \u003ch3\u003e🦠 Santé digestive\u003c\/h3\u003e\n        \u003cp\u003eSoutient la digestion et la flore intestinale via ses effets sur le microbiote\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-card\"\u003e\n        \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eFavorise une bonne santé cardiaque en régulant cholestérol et triglycérides\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"bzn-section\"\u003e\n    \u003ch2\u003ePourquoi associer la berbérine de Berberis aristata au zinc ?\u003c\/h2\u003e\n    \u003cdiv class=\"bzn-synergy-box\"\u003e\n      \u003cdiv class=\"bzn-synergy-grid\"\u003e\n        \u003cdiv class=\"bzn-synergy-item\"\u003e\n          \u003cdiv class=\"bzn-synergy-icon\"\u003e🧬\u003c\/div\u003e\n          \u003cdiv class=\"bzn-synergy-content\"\u003e\n            \u003ch3\u003eBerbérine 340 mg\u003c\/h3\u003e\n            \u003cp\u003eExtrait concentré titré à 97% pour une efficacité maximale sur le métabolisme glucidique\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bzn-synergy-plus\"\u003e+\u003c\/div\u003e\n        \u003cdiv class=\"bzn-synergy-item\"\u003e\n          \u003cdiv class=\"bzn-synergy-icon\"\u003e🛡️\u003c\/div\u003e\n          \u003cdiv class=\"bzn-synergy-content\"\u003e\n            \u003ch3\u003eZinc bisglycinate 5,9 mg\u003c\/h3\u003e\n            \u003cp\u003eForme hautement assimilable qui participe au métabolisme des glucides et soutient les défenses immunitaires\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-tip\"\u003e\n        \u003cspan class=\"bzn-tip-icon\"\u003e💡\u003c\/span\u003e\n        \u003cp\u003eLe zinc bisglycinate complète parfaitement l'action de la berbérine pour une approche globale de votre équilibre métabolique.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"bzn-section\"\u003e\n    \u003ch2\u003eComposition pour une gélule\u003c\/h2\u003e\n    \u003cdiv class=\"bzn-composition\"\u003e\n      \u003cdiv class=\"bzn-composition-item bzn-composition-main\"\u003e\n        \u003cdiv class=\"bzn-composition-label\"\u003eExtrait de Berberis aristata titré à 97%\u003c\/div\u003e\n        \u003cdiv class=\"bzn-composition-value\"\u003e350 mg\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-composition-item bzn-composition-sub\"\u003e\n        \u003cdiv class=\"bzn-composition-label\"\u003e↳ Dont berbérine pure\u003c\/div\u003e\n        \u003cdiv class=\"bzn-composition-value\"\u003e340 mg\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-composition-item\"\u003e\n        \u003cdiv class=\"bzn-composition-label\"\u003eBisglycinate de zinc\u003c\/div\u003e\n        \u003cdiv class=\"bzn-composition-value\"\u003e18 mg\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-composition-item bzn-composition-sub\"\u003e\n        \u003cdiv class=\"bzn-composition-label\"\u003e↳ Zinc élémentaire (59% VNR)\u003c\/div\u003e\n        \u003cdiv class=\"bzn-composition-value\"\u003e5,9 mg\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-composition-item\"\u003e\n        \u003cdiv class=\"bzn-composition-label\"\u003eGélule végétale (cellulose)\u003c\/div\u003e\n        \u003cdiv class=\"bzn-composition-value\"\u003e—\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"bzn-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"bzn-timeline\"\u003e\n      \u003cdiv class=\"bzn-timeline-item\"\u003e\n        \u003cdiv class=\"bzn-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bzn-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003e1 gélule par jour avant un repas, avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-timeline-item\"\u003e\n        \u003cdiv class=\"bzn-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bzn-timeline-content\"\u003e\n          \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n          \u003cp\u003eCure de 3 mois pour ressentir pleinement les effets des actifs de Berberis aristata et berbérine\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bzn-timeline-item\"\u003e\n        \u003cdiv class=\"bzn-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bzn-timeline-content\"\u003e\n          \u003ch3\u003eFlacon de 60 gélules\u003c\/h3\u003e\n          \u003cp\u003eSoit 2 mois de cure à raison d'une gélule par jour\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=\"bzn-section\"\u003e\n    \u003ch2\u003ePrécautions\u003c\/h2\u003e\n    \u003cdiv class=\"bzn-accordion\"\u003e\n      \u003cdetails class=\"bzn-accordion-item\"\u003e\n        \u003csummary class=\"bzn-accordion-header\"\u003e⚠️ Personnes concernées\u003c\/summary\u003e\n        \u003cdiv class=\"bzn-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes, enfants, adolescents, personnes sous traitement ou souffrant de pathologies métaboliques graves.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bzn-accordion-item\"\u003e\n        \u003csummary class=\"bzn-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"bzn-accordion-content\"\u003e\n          \u003cp\u003eDemandez toujours l'avis de votre professionnel de santé avant de commencer une supplémentation, notamment en cas de traitement médicamenteux.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bzn-accordion-item\"\u003e\n        \u003csummary class=\"bzn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"bzn-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, à température ambiante. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"bzn-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"bzn-cta-box\"\u003e\n      \u003cp\u003e🧬 \u003cstrong\u003eQualidiet\u003c\/strong\u003e propose ici un complément concentré en berbérine de Berberis aristata, à la pureté exceptionnelle de 97%, pour un soutien naturel du métabolisme et une meilleure régulation glycémique.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"bzn-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  --bzn-cream: #FAF9F7;\n  --bzn-white: #ffffff;\n  --bzn-primary: #1E3A5F;\n  --bzn-primary-dark: #152A45;\n  --bzn-primary-light: #E8EDF3;\n  --bzn-secondary: #8B1538;\n  --bzn-accent: #C4A35A;\n  --bzn-text: #1a1a1a;\n  --bzn-text-light: #5a5a5a;\n  --bzn-border: #e0e0e0;\n  --bzn-shadow: 0 4px 24px rgba(30,58,95,.08);\n  --bzn-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n  --bzn-radius: 20px;\n  --bzn-radius-sm: 12px;\n}\n\n.bzn-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bzn-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bzn-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--bzn-primary) 0%, #2A4A6F 50%, var(--bzn-secondary) 100%);\n  border-radius: var(--bzn-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(--bzn-shadow-lg);\n}\n\n.bzn-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.05'%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: 1;\n}\n\n.bzn-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bzn-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.bzn-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(--bzn-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bzn-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bzn-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.bzn-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.bzn-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.bzn-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bzn-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bzn-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.bzn-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(--bzn-primary), var(--bzn-secondary));\n  border-radius: 2px;\n}\n\n.bzn-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bzn-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === INTRO BOX === *\/\n.bzn-intro-box {\n  background: var(--bzn-white);\n  border-radius: var(--bzn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bzn-shadow);\n  border-left: 4px solid var(--bzn-secondary);\n}\n\n.bzn-intro-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--bzn-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS \u0026 GRID === *\/\n.bzn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bzn-card {\n  background: var(--bzn-white);\n  border-radius: var(--bzn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bzn-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bzn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bzn-shadow-lg);\n  border-color: var(--bzn-primary);\n}\n\n.bzn-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bzn-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bzn-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bzn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === SYNERGY BOX === *\/\n.bzn-synergy-box {\n  background: var(--bzn-white);\n  border-radius: var(--bzn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--bzn-shadow);\n}\n\n.bzn-synergy-grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n  margin-bottom: 1.5rem;\n}\n\n.bzn-synergy-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  flex: 1;\n  min-width: 240px;\n  max-width: 350px;\n}\n\n.bzn-synergy-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.bzn-synergy-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bzn-primary-dark);\n  margin: 0 0 .35rem 0;\n}\n\n.bzn-synergy-content p {\n  font-size: 14px;\n  color: var(--bzn-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.bzn-synergy-plus {\n  font-size: 32px;\n  font-weight: 900;\n  color: var(--bzn-secondary);\n  flex-shrink: 0;\n}\n\n\/* === TIP === *\/\n.bzn-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--bzn-primary-light);\n  border-radius: var(--bzn-radius-sm);\n  padding: 1rem 1.25rem;\n}\n\n.bzn-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bzn-tip p {\n  font-size: 14px;\n  color: var(--bzn-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.bzn-composition {\n  background: var(--bzn-white);\n  border-radius: var(--bzn-radius);\n  box-shadow: var(--bzn-shadow);\n  overflow: hidden;\n}\n\n.bzn-composition-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--bzn-border);\n}\n\n.bzn-composition-item:last-child {\n  border-bottom: none;\n}\n\n.bzn-composition-main {\n  background: var(--bzn-primary-light);\n}\n\n.bzn-composition-main .bzn-composition-label {\n  font-weight: 700;\n  color: var(--bzn-primary-dark);\n}\n\n.bzn-composition-main .bzn-composition-value {\n  font-weight: 800;\n  color: var(--bzn-primary);\n}\n\n.bzn-composition-sub {\n  background: #f8f9fa;\n  padding-left: 2rem;\n}\n\n.bzn-composition-sub .bzn-composition-label {\n  color: var(--bzn-text-light);\n  font-size: 14px;\n}\n\n.bzn-composition-label {\n  font-size: 15px;\n  color: var(--bzn-text);\n}\n\n.bzn-composition-value {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--bzn-secondary);\n}\n\n\/* === TIMELINE === *\/\n.bzn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.bzn-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.bzn-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--bzn-primary), var(--bzn-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.bzn-timeline-content {\n  flex: 1;\n  background: var(--bzn-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--bzn-radius-sm);\n  box-shadow: var(--bzn-shadow);\n}\n\n.bzn-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--bzn-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bzn-timeline-content p {\n  font-size: 14px;\n  color: var(--bzn-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.bzn-accordion {\n  background: var(--bzn-white);\n  border-radius: var(--bzn-radius);\n  box-shadow: var(--bzn-shadow);\n  overflow: hidden;\n}\n\n.bzn-accordion-item {\n  border-bottom: 1px solid var(--bzn-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bzn-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bzn-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bzn-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.bzn-accordion-header:hover {\n  background: var(--bzn-primary-light);\n}\n\n.bzn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bzn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bzn-primary);\n  transition: transform .2s ease;\n}\n\n.bzn-accordion-item[open] .bzn-accordion-header::after {\n  content: '−';\n}\n\n.bzn-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bzn-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.bzn-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.bzn-cta-box {\n  background: linear-gradient(135deg, var(--bzn-primary) 0%, var(--bzn-primary-dark) 100%);\n  border-radius: var(--bzn-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bzn-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.bzn-disclaimer {\n  font-size: 12px;\n  color: var(--bzn-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  .bzn-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .bzn-card {\n    padding: 1.125rem;\n  }\n  \n  .bzn-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .bzn-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bzn-radius-sm);\n  }\n  \n  .bzn-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .bzn-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .bzn-synergy-grid {\n    flex-direction: column;\n    gap: 1rem;\n  }\n  \n  .bzn-synergy-plus {\n    font-size: 24px;\n  }\n  \n  .bzn-synergy-item {\n    min-width: auto;\n    max-width: none;\n    width: 100%;\n  }\n  \n  .bzn-composition-item {\n    padding: 0.875rem 1rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n  \n  .bzn-composition-sub {\n    padding-left: 1rem;\n  }\n  \n  .bzn-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .bzn-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .bzn-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .bzn-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .bzn-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .bzn-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .bzn-intro-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bzn-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bzn-card:nth-child(1) { animation-delay: .05s; }\n  .bzn-card:nth-child(2) { animation-delay: .1s; }\n  .bzn-card:nth-child(3) { animation-delay: .15s; }\n  .bzn-card:nth-child(4) { animation-delay: .2s; }\n  .bzn-card:nth-child(5) { animation-delay: .25s; }\n  .bzn-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  .bzn-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":54959419163001,"sku":"VO4591","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/extrait-de-berberis-aristata-et-zinc-60-gelules-qualidiet-packshothd.webp?v=1785418536"},{"product_id":"liporyz-starter-80-capsules-lt-labo","title":"Liporyz Starter - 80 capsules - LT Labo","description":"\u003cdiv class=\"lpo-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lpo-hero\"\u003e\n    \u003cdiv class=\"lpo-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lpo-hero-content\"\u003e\n      \u003cdiv class=\"lpo-badges-top\"\u003e\n        \u003cspan class=\"lpo-badge\"\u003e🌾 Huile de son de riz\u003c\/span\u003e\n        \u003cspan class=\"lpo-badge\"\u003e🛡️ 800 mg de phytostérols\u003c\/span\u003e\n        \u003cspan class=\"lpo-badge\"\u003e🇫🇷 Laboratoire français\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lpo-hero-title\"\u003eLipOryz Starter\u003c\/span\u003e\n      \u003cp class=\"lpo-subtitle\"\u003e80 capsules · LT Labo\u003c\/p\u003e\n      \u003cp class=\"lpo-description\"\u003eLe complément alimentaire naturel surconcentré en phytostérols pour contribuer au maintien d'une cholestérolémie normale. Enrichi en vitamine E naturelle, chrome et zinc.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"lpo-section\"\u003e\n    \u003ch2\u003eLipOryz Starter : le complément alimentaire anti-cholestérol naturel à base d'huile de son de riz\u003c\/h2\u003e\n    \u003cp class=\"lpo-section-intro\"\u003eVous cherchez une solution naturelle pour \u003cstrong\u003ebaisser le cholestérol\u003c\/strong\u003e sans recourir systématiquement à des traitements lourds ?\u003c\/p\u003e\n    \u003cdiv class=\"lpo-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eLipOryz Starter de LT Labo\u003c\/strong\u003e est un complément alimentaire contre le cholestérol qui mise sur la puissance des phytostérols issus de l'huile de son de riz. Surconcentrée et enrichie en vitamine E naturelle, chrome et zinc, cette formule agit sur plusieurs leviers pour vous aider à retrouver un profil lipidique plus équilibré.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"lpo-section\"\u003e\n    \u003ch2\u003ePourquoi les phytostérols sont si efficaces contre le cholestérol ?\u003c\/h2\u003e\n    \u003cdiv class=\"lpo-card lpo-card-full\"\u003e\n      \u003cp\u003eLes \u003cstrong\u003ephytostérols\u003c\/strong\u003e sont des lipides d'origine végétale dont la structure ressemble à celle du cholestérol. Concrètement, ils entrent en compétition avec le cholestérol alimentaire au niveau de l'intestin et \u003cstrong\u003eréduisent son absorption\u003c\/strong\u003e. C'est un mécanisme reconnu par l'Autorité européenne de sécurité des aliments (EFSA) : un apport quotidien d'au moins 800 mg de phytostérols contribue au maintien d'une cholestérolémie normale.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpo-tip\"\u003e\n      \u003cspan class=\"lpo-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eAvec LipOryz Starter, vous atteignez précisément ce seuil de \u003cstrong\u003e800 mg de phytostérols par jour\u003c\/strong\u003e, directement extraits de l'huile de son de riz, une source particulièrement riche en acides gras essentiels et en composés bioactifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"lpo-section\"\u003e\n    \u003ch2\u003eUne formule synergique pour votre santé cardiovasculaire\u003c\/h2\u003e\n    \u003cp class=\"lpo-section-intro\"\u003eCe qui distingue LipOryz Starter des autres compléments alimentaires pour baisser le cholestérol, c'est sa formule complète. Chaque nutriment joue un rôle précis :\u003c\/p\u003e\n    \u003cdiv class=\"lpo-grid\"\u003e\n      \u003cdiv class=\"lpo-card\"\u003e\n        \u003ch3\u003e🌾 Huile de son de riz surconcentrée en phytostérols\u003c\/h3\u003e\n        \u003cp\u003eCœur de la formule, elle aide à limiter l'absorption du cholestérol intestinal et fournit des acides gras essentiels précieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpo-card\"\u003e\n        \u003ch3\u003e🍊 Vitamine E naturelle (d-alpha-tocophérol)\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant qui protège vos cellules du stress oxydatif, souvent amplifié en cas de déséquilibre lipidique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpo-card\"\u003e\n        \u003ch3\u003e⚙️ Chrome\u003c\/h3\u003e\n        \u003cp\u003eContribue au métabolisme normal des macronutriments et au maintien d'une glycémie normale, deux paramètres étroitement liés au cholestérol.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpo-card\"\u003e\n        \u003ch3\u003e🔬 Zinc\u003c\/h3\u003e\n        \u003cp\u003eOligoélément essentiel qui participe au métabolisme des acides gras et soutient vos défenses immunitaires au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpo-tip\"\u003e\n      \u003cspan class=\"lpo-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eCette synergie fait de LipOryz Starter l'un des meilleurs compléments alimentaires contre le cholestérol pour ceux qui souhaitent une approche globale et naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"lpo-section\"\u003e\n    \u003ch2\u003eComment prendre LipOryz Starter ?\u003c\/h2\u003e\n    \u003cp class=\"lpo-section-intro\"\u003eLa posologie recommandée est de \u003cstrong\u003e4 capsules par jour\u003c\/strong\u003e, à répartir au cours des repas :\u003c\/p\u003e\n    \u003cdiv class=\"lpo-timeline\"\u003e\n      \u003cdiv class=\"lpo-timeline-item\"\u003e\n        \u003cdiv class=\"lpo-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lpo-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Le matin au petit-déjeuner\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 capsule\u003c\/strong\u003e avec un grand verre d'eau au cours de votre premier repas de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpo-timeline-item\"\u003e\n        \u003cdiv class=\"lpo-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lpo-timeline-content\"\u003e\n          \u003ch3\u003e🍽️ Le midi au déjeuner\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 capsules\u003c\/strong\u003e pendant votre repas principal pour optimiser l'absorption des phytostérols.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lpo-timeline-item\"\u003e\n        \u003cdiv class=\"lpo-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lpo-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Le soir au dîner\u003c\/h3\u003e\n          \u003cp\u003eComplétez avec \u003cstrong\u003e1 capsule\u003c\/strong\u003e lors du dernier repas pour une couverture optimale sur 24 heures.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpo-tip\"\u003e\n      \u003cspan class=\"lpo-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003eLe flacon de \u003cstrong\u003e80 capsules\u003c\/strong\u003e correspond à une cure de \u003cstrong\u003e20 jours\u003c\/strong\u003e, idéale pour initier votre programme de régulation du cholestérol. Pour des résultats durables, il est conseillé de poursuivre avec la gamme LipOryz classique et d'adopter une alimentation équilibrée, riche en fibres et en bons acides gras essentiels.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"lpo-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément alimentaire anti-cholestérol naturel ?\u003c\/h2\u003e\n    \u003cdiv class=\"lpo-card lpo-card-full\"\u003e\n      \u003cp\u003eLipOryz Starter convient à toute personne adulte souhaitant \u003cstrong\u003eagir naturellement sur son cholestérol sanguin\u003c\/strong\u003e, que ce soit en prévention ou en complément d'une hygiène de vie adaptée. Il est également pertinent si vous cherchez un complément alimentaire pour augmenter le bon cholestérol tout en limitant le mauvais.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lpo-accordion\"\u003e\n      \u003cdetails class=\"lpo-accordion-item\"\u003e\n        \u003csummary class=\"lpo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"lpo-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe produit ne convient pas aux femmes enceintes, allaitantes, ni aux enfants de moins de 10 ans. Il ne se substitue pas à un régime alimentaire varié ni à un avis médical. Si vous suivez un traitement hypocholestérolémiant, consultez votre médecin avant toute prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"lpo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eConditionnement\u003c\/h2\u003e\n    \u003cdiv class=\"lpo-cta-box\"\u003e\n      \u003cp\u003eFlacon de \u003cstrong\u003e80 capsules\u003c\/strong\u003e – Cure de \u003cstrong\u003e20 jours\u003c\/strong\u003e\u003cbr\u003ePoids net : 83 g\u003cbr\u003eFabriqué par \u003cstrong\u003eLT Labo\u003c\/strong\u003e, laboratoire français spécialisé dans les compléments alimentaires d'origine naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lpo-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lpo-cream: #faf8f4;\n  --lpo-white: #ffffff;\n  --lpo-primary: #d4a017;\n  --lpo-primary-dark: #7a5c0a;\n  --lpo-primary-light: #fdf6e3;\n  --lpo-secondary: #e8b820;\n  --lpo-accent: #c28f0a;\n  --lpo-text: #1a1a1a;\n  --lpo-text-light: #5a5a5a;\n  --lpo-border: #e8e2d6;\n  --lpo-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lpo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lpo-radius: 20px;\n  --lpo-radius-sm: 12px;\n}\n\n.lpo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lpo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lpo-premium * {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.lpo-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7a5c0a 0%, #d4a017 50%, #e8b820 100%);\n  border-radius: var(--lpo-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(--lpo-shadow-lg);\n}\n\n.lpo-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.lpo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lpo-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.lpo-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.lpo-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.lpo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lpo-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(--lpo-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lpo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lpo-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lpo-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lpo-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.lpo-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(--lpo-primary), var(--lpo-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lpo-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lpo-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.lpo-card {\n  background: var(--lpo-white);\n  border-radius: var(--lpo-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lpo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lpo-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lpo-shadow-lg);\n  border-color: var(--lpo-primary);\n}\n\n.lpo-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lpo-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lpo-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lpo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lpo-card-full {\n  text-align: left;\n  margin-bottom: 1.25rem;\n}\n\n.lpo-card-full:hover {\n  transform: none;\n}\n\n.lpo-card-full p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  line-height: 1.75;\n  color: var(--lpo-text);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.lpo-highlight-box {\n  background: var(--lpo-white);\n  border-radius: var(--lpo-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lpo-shadow);\n  border-left: 5px solid var(--lpo-primary);\n}\n\n.lpo-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--lpo-text);\n  line-height: 1.75;\n  margin: 0;\n}\n\n\/* === GRILLES === *\/\n.lpo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.lpo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lpo-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lpo-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lpo-primary), var(--lpo-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(212, 160, 23, .3);\n}\n\n.lpo-timeline-content {\n  flex: 1;\n  background: var(--lpo-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lpo-radius-sm);\n  box-shadow: var(--lpo-shadow);\n}\n\n.lpo-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lpo-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lpo-timeline-content p {\n  font-size: 14px;\n  color: var(--lpo-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lpo-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lpo-primary-light);\n  border-radius: var(--lpo-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lpo-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lpo-tip p {\n  font-size: 14px;\n  color: var(--lpo-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.lpo-accordion {\n  background: var(--lpo-white);\n  border-radius: var(--lpo-radius);\n  box-shadow: var(--lpo-shadow);\n  overflow: hidden;\n  margin-top: 1.25rem;\n}\n\n.lpo-accordion-item {\n  border-bottom: 1px solid var(--lpo-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lpo-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lpo-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lpo-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.lpo-accordion-header:hover {\n  background: var(--lpo-primary-light);\n}\n\n.lpo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lpo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lpo-primary);\n  transition: transform .2s ease;\n}\n\n.lpo-accordion-item[open] .lpo-accordion-header::after {\n  content: '−';\n}\n\n.lpo-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lpo-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lpo-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.lpo-cta-box {\n  background: linear-gradient(135deg, var(--lpo-primary) 0%, var(--lpo-primary-dark) 100%);\n  border-radius: var(--lpo-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lpo-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.lpo-disclaimer {\n  font-size: 12px;\n  color: var(--lpo-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  .lpo-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lpo-card {\n    padding: 1.125rem;\n  }\n\n  .lpo-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lpo-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lpo-radius-sm);\n  }\n\n  .lpo-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lpo-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lpo-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lpo-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lpo-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lpo-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lpo-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lpo-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lpo-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .lpo-card-full {\n    padding: 1.125rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lpo-card {\n    animation: lpoFadeInUp .5s ease backwards;\n  }\n  .lpo-card:nth-child(1) { animation-delay: .05s; }\n  .lpo-card:nth-child(2) { animation-delay: .1s; }\n  .lpo-card:nth-child(3) { animation-delay: .15s; }\n  .lpo-card:nth-child(4) { animation-delay: .2s; }\n  .lpo-card:nth-child(5) { animation-delay: .25s; }\n  .lpo-card:nth-child(6) { animation-delay: .3s; }\n\n  .lpo-timeline-item {\n    animation: lpoFadeInUp .5s ease backwards;\n  }\n  .lpo-timeline-item:nth-child(1) { animation-delay: .05s; }\n  .lpo-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .lpo-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes lpoFadeInUp {\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  .lpo-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55090161582457,"sku":"NBAILTL0032","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/liporyz-starter-80-capsules-lt-labo-packshothd_8008b839-28d2-49a4-8a6b-4ad855de4be0.webp?v=1789642977"},{"product_id":"lutea-60-gelules-laboratoire-code","title":"Lutéa - 60 gélules - Laboratoire Code","description":"\u003cdiv class=\"lutea-premium\"\u003e\n  \u003cdiv class=\"lutea-hero\"\u003e\n    \u003cdiv class=\"lutea-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lutea-hero-content\"\u003e\n      \u003cdiv class=\"lutea-badges-top\"\u003e\n        \u003cspan class=\"lutea-badge\"\u003e👁️ Vision \u0026amp; Écrans\u003c\/span\u003e\n        \u003cspan class=\"lutea-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n        \u003cspan class=\"lutea-badge\"\u003e🔬 Laboratoire Code\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lutea-hero-title\"\u003eLutéa\u003c\/span\u003e\n      \u003cp class=\"lutea-subtitle\"\u003eLutéine • Zéaxanthine • Myrtille • Thé vert\u003c\/p\u003e\n      \u003cp class=\"lutea-description\"\u003eUne synergie d'actifs naturels pour préserver votre capital visuel face aux écrans et au temps qui passe. 60 gélules végétales de 586 mg.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"lutea-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Lutéa pour votre confort visuel ?\u003c\/h2\u003e\n    \u003cp class=\"lutea-section-intro\"\u003eLa rétine, et plus précisément la macula, concentre naturellement deux pigments essentiels : la \u003cstrong\u003elutéine\u003c\/strong\u003e et la \u003cstrong\u003ezéaxanthine\u003c\/strong\u003e. Ces caroténoïdes agissent comme un filtre protecteur contre la lumière bleue et les radicaux libres.\u003c\/p\u003e\n    \u003cp class=\"lutea-section-intro\"\u003eNotre organisme ne les produit pas : seul un apport alimentaire (légumes verts, œufs) ou via un complément ciblé permet de maintenir des réserves suffisantes. Lutéa répond précisément à ce besoin, avec des dosages pensés pour les personnes soucieuses de leur santé oculaire, notamment en cas de fatigue visuelle liée aux écrans ou de préoccupations liées au vieillissement oculaire.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lutea-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"lutea-grid\"\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🍵 Extrait de thé vert — 750 mg\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eCamellia sinensis\u003c\/em\u003e — riche en EGCG aux propriétés antioxydantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🫐 Myrtille — 480 mg\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eVaccinium myrtillus\u003c\/em\u003e — traditionnellement associée au confort visuel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🌻 Vitamine E naturelle — 24 mg\u003c\/h3\u003e\n        \u003cp\u003eContribue à protéger les cellules du stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e⚡ Zinc — 12,6 mg\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une vision normale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🌼 Lutéine — 10 mg\u003c\/h3\u003e\n        \u003cp\u003eIssue de la fleur de tagète (œillet d'Inde).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e✨ Zéaxanthine — 2 mg\u003c\/h3\u003e\n        \u003cp\u003eIssue de la fleur de tagète, ratio optimal 5:1.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lutea-tip\"\u003e\n      \u003cspan class=\"lutea-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003eLes gélules sont \u003cstrong\u003e100 % végétales\u003c\/strong\u003e, pour une meilleure tolérance digestive et une assimilation optimale des actifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lutea-section\"\u003e\n    \u003ch2\u003eComment prendre Lutéa ?\u003c\/h2\u003e\n    \u003cdiv class=\"lutea-timeline\"\u003e\n      \u003cdiv class=\"lutea-timeline-item\"\u003e\n        \u003cdiv class=\"lutea-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lutea-timeline-content\"\u003e\n          \u003ch3\u003e🌅 Le matin\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au cours du petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-timeline-item\"\u003e\n        \u003cdiv class=\"lutea-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lutea-timeline-content\"\u003e\n          \u003ch3\u003e☀️ Le midi\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au cours du déjeuner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-timeline-item\"\u003e\n        \u003cdiv class=\"lutea-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lutea-timeline-content\"\u003e\n          \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n          \u003cp\u003e1 gélule au cours du dîner.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-timeline-item\"\u003e\n        \u003cdiv class=\"lutea-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"lutea-timeline-content\"\u003e\n          \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n          \u003cp\u003eSuivez une cure de \u003cstrong\u003e2 à 3 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=\"lutea-tip\"\u003e\n      \u003cspan class=\"lutea-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eUn pilulier de 60 gélules correspond à environ \u003cstrong\u003e20 jours de cure\u003c\/strong\u003e. Pour un programme complet de 2 mois, prévoyez 3 piluliers.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lutea-section\"\u003e\n    \u003ch2\u003ePour qui ce complément est-il conçu ?\u003c\/h2\u003e\n    \u003cdiv class=\"lutea-grid-compact\"\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e💻 Exposés aux écrans\u003c\/h3\u003e\n        \u003cp\u003eTélétravail, gaming, lecture numérique intensive.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e👓 Vieillissement oculaire\u003c\/h3\u003e\n        \u003cp\u003eAdultes souhaitant accompagner le vieillissement naturel des yeux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🌱 Approche naturelle\u003c\/h3\u003e\n        \u003cp\u003eRecherche de vision avec actifs naturels et bien dosés.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lutea-card\"\u003e\n        \u003ch3\u003e🥗 Alimentation pauvre\u003c\/h3\u003e\n        \u003cp\u003ePersonnes dont l'alimentation est pauvre en légumes verts à feuilles.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lutea-section\"\u003e\n    \u003ch2\u003eNotre avis d'expert sur Lutéa\u003c\/h2\u003e\n    \u003cdiv class=\"lutea-testimonial\"\u003e\n      \u003cp class=\"lutea-testimonial-text\"\u003e\"Contrairement à de nombreux compléments du marché, Lutéa associe \u003cstrong\u003elutéine + zéaxanthine\u003c\/strong\u003e dans un ratio proche de celui présent naturellement dans la macula (5:1), tout en intégrant des antioxydants complémentaires (thé vert, vitamine E, myrtille). Une formule complète, sobre et cohérente.\"\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"lutea-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lutea-accordion\"\u003e\n      \u003cdetails class=\"lutea-accordion-item\"\u003e\n        \u003csummary class=\"lutea-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, adolescents, femmes enceintes et allaitantes. En cas de doute, demandez l'avis de votre médecin ou pharmacien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lutea-accordion-item\"\u003e\n        \u003csummary class=\"lutea-accordion-header\"\u003e🍽️ Conseils de prise\u003c\/summary\u003e\n        \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas consommer à jeun, ni associer à un autre produit contenant du thé vert le même jour. Respectez les doses journalières recommandées.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lutea-accordion-item\"\u003e\n        \u003csummary class=\"lutea-accordion-header\"\u003e🩺 Mode de vie sain\u003c\/summary\u003e\n        \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément ne remplace pas une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement ou un suivi ophtalmologique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lutea-accordion-item\"\u003e\n        \u003csummary class=\"lutea-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lutea-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la lumière, au sec, à température ambiante, et hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.lutea-premium {\n  --lutea-cream: #f5f8fc;\n  --lutea-white: #ffffff;\n  --lutea-primary: #5a9fd4;\n  --lutea-primary-dark: #2c5f8d;\n  --lutea-primary-light: #e3eef8;\n  --lutea-secondary: #d63230;\n  --lutea-accent: #c41e1a;\n  --lutea-text: #1a1a1a;\n  --lutea-text-light: #5a6b7a;\n  --lutea-border: #d8e2ec;\n  --lutea-shadow: 0 4px 24px rgba(44, 95, 141, .08);\n  --lutea-shadow-lg: 0 12px 48px rgba(44, 95, 141, .18);\n  --lutea-radius: 20px;\n  --lutea-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(--lutea-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--lutea-text);\n  line-height: 1.6;\n}\n\n.lutea-premium * { box-sizing: border-box; }\n\n\/* === HERO === *\/\n.lutea-hero {\n  position: relative;\n  background: linear-gradient(135deg, #5a9fd4 0%, #2c5f8d 55%, #d63230 100%);\n  border-radius: var(--lutea-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(--lutea-shadow-lg);\n}\n\n.lutea-hero-pattern {\n  position: absolute;\n  inset: 0;\n  opacity: .08;\n  background-image:\n    radial-gradient(circle at 20% 30%, #fff 2px, transparent 3px),\n    radial-gradient(circle at 80% 70%, #fff 2px, transparent 3px),\n    radial-gradient(circle at 50% 50%, #fff 1px, transparent 2px);\n  background-size: 80px 80px, 120px 120px, 40px 40px;\n}\n\n.lutea-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lutea-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 60px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lutea-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.5vw, 18px);\n  font-weight: 600;\n  letter-spacing: .05em;\n  margin: 0 0 1.25rem 0;\n  text-transform: uppercase;\n}\n\n.lutea-description {\n  color: rgba(255,255,255,.92);\n  font-size: clamp(14px, 2.3vw, 17px);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n.lutea-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lutea-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(--lutea-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lutea-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n\/* === SECTIONS === *\/\n.lutea-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.lutea-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lutea-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.lutea-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(--lutea-primary), var(--lutea-secondary));\n  border-radius: 2px;\n}\n\n.lutea-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lutea-text-light);\n  margin: 0 auto 1rem;\n  max-width: 720px;\n  line-height: 1.75;\n}\n\n.lutea-section-intro strong { color: var(--lutea-primary-dark); }\n\n\/* === CARDS === *\/\n.lutea-card {\n  background: var(--lutea-white);\n  border-radius: var(--lutea-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lutea-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lutea-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lutea-shadow-lg);\n  border-color: var(--lutea-primary);\n}\n\n.lutea-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lutea-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lutea-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lutea-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lutea-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lutea-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lutea-grid-compact .lutea-card { padding: 1rem; }\n.lutea-grid-compact .lutea-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.lutea-grid-compact .lutea-card p { font-size: 12px; }\n\n\/* === TIMELINE === *\/\n.lutea-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.lutea-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lutea-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lutea-primary), var(--lutea-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(44, 95, 141, .3);\n}\n\n.lutea-timeline-content {\n  flex: 1;\n  background: var(--lutea-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lutea-radius-sm);\n  box-shadow: var(--lutea-shadow);\n}\n\n.lutea-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lutea-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lutea-timeline-content p {\n  font-size: 14px;\n  color: var(--lutea-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lutea-testimonial {\n  background: var(--lutea-white);\n  border-radius: var(--lutea-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lutea-shadow);\n  border-left: 4px solid var(--lutea-secondary);\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.lutea-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lutea-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.lutea-testimonial-text strong { color: var(--lutea-primary-dark); font-style: normal; }\n\n\/* === ACCORDÉON === *\/\n.lutea-accordion {\n  background: var(--lutea-white);\n  border-radius: var(--lutea-radius);\n  box-shadow: var(--lutea-shadow);\n  overflow: hidden;\n}\n\n.lutea-accordion-item {\n  border-bottom: 1px solid var(--lutea-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lutea-accordion-item:last-child { border-bottom: none; }\n\n.lutea-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lutea-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.lutea-accordion-header:hover { background: var(--lutea-primary-light); }\n.lutea-accordion-header::-webkit-details-marker { display: none; }\n\n.lutea-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--lutea-primary);\n  transition: transform .2s ease;\n}\n\n.lutea-accordion-item[open] .lutea-accordion-header::after { content: '−'; }\n\n.lutea-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lutea-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lutea-accordion-content p { margin: 0; }\n\n\/* === TIP BOX === *\/\n.lutea-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lutea-primary-light);\n  border-radius: var(--lutea-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.lutea-tip-icon { font-size: 24px; flex-shrink: 0; }\n\n.lutea-tip p {\n  font-size: 14px;\n  color: var(--lutea-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lutea-tip strong { color: var(--lutea-primary-dark); }\n\n\/* === MOBILE === *\/\n@media (max-width: 767px) {\n  .lutea-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .lutea-card { padding: 1.125rem; }\n  .lutea-section { margin-bottom: 1.75rem; }\n  .lutea-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--lutea-radius-sm); }\n  .lutea-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .lutea-premium h2::after { width: 40px; height: 3px; }\n  .lutea-grid-compact { gap: .625rem; }\n  .lutea-grid-compact .lutea-card { padding: .75rem; }\n  .lutea-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n  .lutea-timeline-content { padding: .875rem 1rem; }\n  .lutea-timeline-content h3 { font-size: 14px; }\n  .lutea-timeline-content p { font-size: 13px; }\n  .lutea-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .lutea-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n  .lutea-testimonial { padding: 1.25rem; }\n  .lutea-testimonial-text { font-size: 14px; }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lutea-card { animation: fadeInUp .5s ease backwards; }\n  .lutea-card:nth-child(1) { animation-delay: .05s; }\n  .lutea-card:nth-child(2) { animation-delay: .1s; }\n  .lutea-card:nth-child(3) { animation-delay: .15s; }\n  .lutea-card:nth-child(4) { animation-delay: .2s; }\n  .lutea-card:nth-child(5) { animation-delay: .25s; }\n  .lutea-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  .lutea-premium * {\n    animation-duration: .01ms !important;\n    transition-duration: .01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55117984792953,"sku":"LC9104","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lutea-60-gelules-laboratoire-code_1.webp?v=1776699896"},{"product_id":"energie-virile-bio-60-gelules-laboratoire-code","title":"Energie Virile bio - 60 gélules - Laboratoire Code","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Energie Virile bio - 60 gélules - Laboratoire Code\nPalette détectée:\n  - Primaire: #C41E3A (rouge vif du label \"ENERGIE VIRILE\")\n  - Secondaire: #6B9BC3 (bleu ciel du couvercle et bande décorative)\n  - Accent: #1E3A5F (bleu foncé pour contraste et profondeur)\n  - Cream: #F8F6F3 (fond neutre chaleureux)\nAmbiance: Masculin, dynamique, énergique, laboratoire\/scientifique avec touche premium et moderne\nPréfixe CSS: ev\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Des ingrédients actifs reconnus pour leurs bienfaits\"\n  2. \"Un soutien global pour la vitalité masculine\"\n  3. \"Un produit naturel et vegan, fabriqué en France\"\n  4. \"Conseils d'utilisation\"\n  5. \"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=\"ev-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"ev-hero\"\u003e\n    \u003cdiv class=\"ev-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ev-hero-content\"\u003e\n      \u003cdiv class=\"ev-badges-top\"\u003e\n        \u003cspan class=\"ev-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ev-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n        \u003cspan class=\"ev-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ev-hero-title\"\u003eÉnergie Virile Bio\u003c\/span\u003e\n      \u003cp class=\"ev-subtitle\"\u003eLaboratoire Code • 60 gélules végétales de 555 mg\u003c\/p\u003e\n      \u003cp class=\"ev-description\"\u003eRéveillez votre vitalité masculine grâce à une synergie puissante de plantes médicinales, vitamines et oligo-éléments pour soutenir naturellement libido, tonus et performances.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ev-section\"\u003e\n    \u003ch2\u003eDes ingrédients actifs reconnus pour leurs bienfaits\u003c\/h2\u003e\n    \u003cp class=\"ev-section-intro\"\u003eUne formulation experte qui réunit le meilleur de la nature pour la vitalité masculine\u003c\/p\u003e\n    \u003cdiv class=\"ev-grid\"\u003e\n      \u003cdiv class=\"ev-card\"\u003e\n        \u003ch3\u003e🌸 Safran\u003c\/h3\u003e\n        \u003cp\u003eStimule la libido et soutient les performances sexuelles de manière naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ev-card\"\u003e\n        \u003ch3\u003e💪 Tribulus terrestris\u003c\/h3\u003e\n        \u003cp\u003eMaintient le tonus musculaire et booste les niveaux d'énergie au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ev-card\"\u003e\n        \u003ch3\u003e🌴 Saw palmetto\u003c\/h3\u003e\n        \u003cp\u003ePlante bénéfique pour la santé masculine et la fonction reproductive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ev-card\"\u003e\n        \u003ch3\u003e⚡ Zinc\u003c\/h3\u003e\n        \u003cp\u003eEssentiel au maintien d'un taux normal de testostérone dans l'organisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ev-card\"\u003e\n        \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n        \u003cp\u003eFavorise une spermatogenèse normale et protège les cellules du stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ev-card\"\u003e\n        \u003ch3\u003e🔥 Gingembre \u0026amp; Maca\u003c\/h3\u003e\n        \u003cp\u003eDuo aux vertus stimulantes et énergisantes reconnues depuis des siècles\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ev-section\"\u003e\n    \u003ch2\u003eUn soutien global pour la vitalité masculine\u003c\/h2\u003e\n    \u003cdiv class=\"ev-highlight-box\"\u003e\n      \u003cdiv class=\"ev-highlight-content\"\u003e\n        \u003cp\u003eEnrichi en \u003cstrong\u003evitamines B1, B2 et B3\u003c\/strong\u003e, ce complément aide à réduire la fatigue et soutenir le métabolisme énergétique. \u003cem\u003eÉnergie Virile Bio\u003c\/em\u003e est un véritable allié pour renforcer naturellement la vitalité physique, émotionnelle et sexuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ev-grid-compact\"\u003e\n      \u003cdiv class=\"ev-card\"\u003e\n        \u003ch3\u003e🏃 Énergie physique\u003c\/h3\u003e\n        \u003cp\u003eBoost du métabolisme\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ev-card\"\u003e\n        \u003ch3\u003e❤️ Vitalité sexuelle\u003c\/h3\u003e\n        \u003cp\u003eLibido renforcée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ev-card\"\u003e\n        \u003ch3\u003e🧠 Équilibre émotionnel\u003c\/h3\u003e\n        \u003cp\u003eBien-être global\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ev-card\"\u003e\n        \u003ch3\u003e⚡ Anti-fatigue\u003c\/h3\u003e\n        \u003cp\u003eRéduction de l'épuisement\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ev-section\"\u003e\n    \u003ch2\u003eUn produit naturel et vegan, fabriqué en France\u003c\/h2\u003e\n    \u003cdiv class=\"ev-france-box\"\u003e\n      \u003cdiv class=\"ev-france-grid\"\u003e\n        \u003cdiv class=\"ev-france-item\"\u003e\n          \u003cspan class=\"ev-france-icon\"\u003e🇫🇷\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n            \u003cp\u003eNormes de qualité les plus strictes\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ev-france-item\"\u003e\n          \u003cspan class=\"ev-france-icon\"\u003e🌱\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eGélules végétales\u003c\/strong\u003e\n            \u003cp\u003eAdaptées aux végétariens et vegans\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ev-france-item\"\u003e\n          \u003cspan class=\"ev-france-icon\"\u003e🚫\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eSans ingrédient animal\u003c\/strong\u003e\n            \u003cp\u003eRespectueux de l'environnement\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"ev-france-item\"\u003e\n          \u003cspan class=\"ev-france-icon\"\u003e✅\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eQualité premium\u003c\/strong\u003e\n            \u003cp\u003eSélection rigoureuse des actifs\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ev-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ev-timeline\"\u003e\n      \u003cdiv class=\"ev-timeline-item\"\u003e\n        \u003cdiv class=\"ev-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ev-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ev-timeline-item\"\u003e\n        \u003cdiv class=\"ev-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ev-timeline-content\"\u003e\n          \u003ch3\u003eProgramme recommandé\u003c\/h3\u003e\n          \u003cp\u003eCure de \u003cstrong\u003e30 jours\u003c\/strong\u003e pour des résultats optimaux\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ev-tip\"\u003e\n      \u003cspan class=\"ev-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003ePour une efficacité maximale, prenez vos gélules de préférence le matin au petit-déjeuner.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ev-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ev-accordion\"\u003e\n      \u003cdetails class=\"ev-accordion-item\"\u003e\n        \u003csummary class=\"ev-accordion-header\"\u003e⚠️ Dosage et utilisation\u003c\/summary\u003e\n        \u003cdiv class=\"ev-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée de 2 gélules. Ce complément alimentaire ne remplace pas une alimentation équilibrée et variée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ev-accordion-item\"\u003e\n        \u003csummary class=\"ev-accordion-header\"\u003e👶 Conservation et sécurité\u003c\/summary\u003e\n        \u003cdiv class=\"ev-accordion-content\"\u003e\n          \u003cp\u003eTenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ev-accordion-item\"\u003e\n        \u003csummary class=\"ev-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n        \u003cdiv class=\"ev-accordion-content\"\u003e\n          \u003cp\u003eDemandez l'avis de votre médecin en cas de traitement anticoagulant ou de toute autre médication en cours.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ev-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne peuvent se substituer à une alimentation variée et équilibrée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ev-cream: #F8F6F3;\n  --ev-white: #ffffff;\n  --ev-primary: #C41E3A;\n  --ev-primary-dark: #9A1829;\n  --ev-primary-light: #FCE8EB;\n  --ev-secondary: #6B9BC3;\n  --ev-secondary-dark: #4A7BA3;\n  --ev-accent: #1E3A5F;\n  --ev-text: #1a1a1a;\n  --ev-text-light: #5a5a5a;\n  --ev-border: #e0e0e0;\n  --ev-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ev-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ev-radius: 20px;\n  --ev-radius-sm: 12px;\n}\n\n.ev-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ev-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ev-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ev-primary) 0%, var(--ev-primary-dark) 40%, var(--ev-accent) 100%);\n  border-radius: var(--ev-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(--ev-shadow-lg);\n}\n\n.ev-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.05'%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: 1;\n}\n\n.ev-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ev-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.ev-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 3vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.5rem 0;\n  text-transform: uppercase;\n  letter-spacing: .1em;\n}\n\n.ev-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.ev-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ev-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(--ev-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ev-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.ev-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ev-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ev-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.ev-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(--ev-primary), var(--ev-secondary));\n  border-radius: 2px;\n}\n\n.ev-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ev-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.ev-card {\n  background: var(--ev-white);\n  border-radius: var(--ev-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ev-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ev-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ev-shadow-lg);\n  border-color: var(--ev-primary);\n}\n\n.ev-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ev-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ev-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ev-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ev-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ev-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ev-grid-compact .ev-card {\n  padding: 1rem;\n}\n\n.ev-grid-compact .ev-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ev-grid-compact .ev-card p {\n  font-size: 12px;\n}\n\n.ev-highlight-box {\n  background: linear-gradient(135deg, var(--ev-secondary) 0%, var(--ev-secondary-dark) 100%);\n  border-radius: var(--ev-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  margin-bottom: 1.5rem;\n  box-shadow: var(--ev-shadow);\n}\n\n.ev-highlight-content p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 17px);\n  line-height: 1.8;\n  margin: 0;\n  text-align: center;\n}\n\n.ev-highlight-content strong {\n  color: white;\n}\n\n.ev-france-box {\n  background: var(--ev-white);\n  border-radius: var(--ev-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ev-shadow);\n}\n\n.ev-france-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1.25rem;\n}\n\n.ev-france-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n}\n\n.ev-france-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.ev-france-item strong {\n  display: block;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--ev-primary-dark);\n  margin-bottom: .25rem;\n}\n\n.ev-france-item p {\n  font-size: 13px;\n  color: var(--ev-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.ev-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ev-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ev-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ev-primary), var(--ev-primary-dark));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ev-timeline-content {\n  flex: 1;\n  background: var(--ev-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ev-radius-sm);\n  box-shadow: var(--ev-shadow);\n}\n\n.ev-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ev-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ev-timeline-content p {\n  font-size: 14px;\n  color: var(--ev-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.ev-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ev-primary-light);\n  border-radius: var(--ev-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ev-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ev-tip p {\n  font-size: 14px;\n  color: var(--ev-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ev-accordion {\n  background: var(--ev-white);\n  border-radius: var(--ev-radius);\n  box-shadow: var(--ev-shadow);\n  overflow: hidden;\n}\n\n.ev-accordion-item {\n  border-bottom: 1px solid var(--ev-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ev-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ev-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ev-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.ev-accordion-header:hover {\n  background: var(--ev-primary-light);\n}\n\n.ev-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ev-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ev-primary);\n  transition: transform .2s ease;\n}\n\n.ev-accordion-item[open] .ev-accordion-header::after {\n  content: '−';\n}\n\n.ev-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ev-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.ev-accordion-content p {\n  margin: 0;\n}\n\n.ev-disclaimer {\n  font-size: 12px;\n  color: var(--ev-text-light);\n  text-align: center;\n  margin-top: 1.5rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .ev-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ev-card {\n    padding: 1.125rem;\n  }\n  \n  .ev-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ev-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ev-radius-sm);\n  }\n  \n  .ev-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .ev-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ev-grid-compact {\n    gap: .625rem;\n  }\n  \n  .ev-grid-compact .ev-card {\n    padding: .75rem;\n  }\n  \n  .ev-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .ev-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .ev-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .ev-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .ev-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ev-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .ev-highlight-box {\n    padding: 1.25rem;\n  }\n  \n  .ev-france-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ev-france-icon {\n    font-size: 24px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .ev-card {\n    animation: evFadeInUp .5s ease backwards;\n  }\n  .ev-card:nth-child(1) { animation-delay: .05s; }\n  .ev-card:nth-child(2) { animation-delay: .1s; }\n  .ev-card:nth-child(3) { animation-delay: .15s; }\n  .ev-card:nth-child(4) { animation-delay: .2s; }\n  .ev-card:nth-child(5) { animation-delay: .25s; }\n  .ev-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes evFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ev-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55118929494393,"sku":"LC9080","price":18.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/energie-virile-60-gelules-laboratoire-code_1.webp?v=1744635150"},{"product_id":"estocalm-60-comprimes-laboratoire-code","title":"Estocalm (anti-reflux gastrique) - 60 capsules - Laboratoire Code","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Estocalm (anti-reflux gastrique) - Laboratoire Code\nPalette détectée:\n  - Primaire: #C8363E (rouge vif du logo\/étiquette)\n  - Secondaire: #7BA3C4 (bleu ciel du couvercle et motifs)\n  - Accent: #5A8DB8 (bleu plus soutenu)\n  - Fond: #F5F8FA (blanc légèrement bleuté)\nAmbiance: Médical\/pharmaceutique, rassurant, professionnel, épuré\nPréfixe CSS: ec\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Une formulation complète et naturelle\"\n  2. \"Efficacité, praticité et fabrication française\"\n  3. \"Conseils d'utilisation\"\n  4. \"Informations complémentaires\"\n  5. \"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=\"ec-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"ec-hero\"\u003e\n    \u003cdiv class=\"ec-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ec-hero-content\"\u003e\n      \u003cdiv class=\"ec-badges-top\"\u003e\n        \u003cspan class=\"ec-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"ec-badge\"\u003e💊 60 comprimés\u003c\/span\u003e\n        \u003cspan class=\"ec-badge\"\u003e🌿 Formule naturelle\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ec-hero-title\"\u003eEstocalm Anti-Reflux\u003c\/span\u003e\n      \u003cp class=\"ec-subtitle\"\u003eLaboratoire Code\u003c\/p\u003e\n      \u003cp class=\"ec-description\"\u003eSolution naturelle pour apaiser les troubles gastriques, réduire les brûlures et limiter les remontées acides grâce à une synergie de minéraux et d'extraits végétaux marins.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ec-section\"\u003e\n    \u003ch2\u003eUne formulation complète et naturelle\u003c\/h2\u003e\n    \u003cp class=\"ec-section-intro\"\u003eChaque comprimé d'Estocalm contient une synergie d'actifs aux propriétés ciblées pour votre confort digestif.\u003c\/p\u003e\n    \u003cdiv class=\"ec-grid\"\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e🦴 Calcium\u003c\/h3\u003e\n        \u003cp\u003eContribue au fonctionnement normal des enzymes digestives, soutenant ainsi un bon processus de digestion.\u003c\/p\u003e\n        \u003cspan class=\"ec-dosage\"\u003e496,7 mg • 62% VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e⚡ Magnésium\u003c\/h3\u003e\n        \u003cp\u003eReconnu pour son rôle dans l'équilibre acido-basique et le métabolisme énergétique.\u003c\/p\u003e\n        \u003cspan class=\"ec-dosage\"\u003e264,4 mg • 70,4% VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e🛡️ Zinc\u003c\/h3\u003e\n        \u003cp\u003eSoutient le métabolisme normal de la vitamine A, essentielle pour le maintien de la muqueuse intestinale.\u003c\/p\u003e\n        \u003cspan class=\"ec-dosage\"\u003e10 mg • 100% VNR\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e🌊 Ascophyllum nodosum\u003c\/h3\u003e\n        \u003cp\u003eAlgue brune réputée pour son soutien aux fonctions intestinales et à la digestion.\u003c\/p\u003e\n        \u003cspan class=\"ec-dosage\"\u003e1,52 mg par dose\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e🧪 Alginate de sodium\u003c\/h3\u003e\n        \u003cp\u003eForme un gel protecteur sur le contenu gastrique, limitant efficacement les reflux acides.\u003c\/p\u003e\n        \u003cspan class=\"ec-dosage\"\u003eAction barrière\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ec-tip\"\u003e\n      \u003cspan class=\"ec-tip-icon\"\u003e📊\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eApports pour 4 comprimés :\u003c\/strong\u003e des dosages optimisés pour une efficacité maximale tout en respectant les valeurs nutritionnelles de référence.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ec-section\"\u003e\n    \u003ch2\u003eEfficacité, praticité et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"ec-grid-compact\"\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e⚡ Action rapide\u003c\/h3\u003e\n        \u003cp\u003eComprimés à croquer pour un soulagement ciblé et immédiat\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n        \u003cp\u003eQualité, traçabilité et normes sanitaires strictes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e✨ Format pratique\u003c\/h3\u003e\n        \u003cp\u003eS'intègre facilement à votre routine quotidienne\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e🔬 Laboratoire Code\u003c\/h3\u003e\n        \u003cp\u003eExpertise et savoir-faire pharmaceutique reconnu\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ec-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ec-timeline\"\u003e\n      \u003cdiv class=\"ec-timeline-item\"\u003e\n        \u003cspan class=\"ec-timeline-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"ec-timeline-content\"\u003e\n          \u003ch3\u003e🛡️ En prévention\u003c\/h3\u003e\n          \u003cp\u003e4 comprimés par jour à croquer, 2 après chacun des deux principaux repas pour une protection continue.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-timeline-item\"\u003e\n        \u003cspan class=\"ec-timeline-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"ec-timeline-content\"\u003e\n          \u003ch3\u003e🚨 En cas de gêne ponctuelle\u003c\/h3\u003e\n          \u003cp\u003e2 comprimés à croquer dès l'apparition des symptômes pour un soulagement rapide.\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=\"ec-section\"\u003e\n    \u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"ec-grid-compact\"\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n        \u003cp\u003ePilulier de 60 comprimés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e📅 Durée\u003c\/h3\u003e\n        \u003cp\u003e15 jours d'utilisation\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e💊 Dosage\u003c\/h3\u003e\n        \u003cp\u003e760 mg par comprimé\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ec-card\"\u003e\n        \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n        \u003cp\u003eFabriqué en France\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ec-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ec-accordion\"\u003e\n      \u003cdetails class=\"ec-accordion-item\"\u003e\n        \u003csummary class=\"ec-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n        \u003cdiv class=\"ec-accordion-content\"\u003e\n          \u003cp\u003eCe complément alimentaire ne peut se substituer à une alimentation é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=\"ec-accordion-item\"\u003e\n        \u003csummary class=\"ec-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ec-accordion-content\"\u003e\n          \u003cp\u003eConserver à l'abri de la lumière, au sec, à température ambiante et hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ec-accordion-item\"\u003e\n        \u003csummary class=\"ec-accordion-header\"\u003e📋 Effets secondaires potentiels\u003c\/summary\u003e\n        \u003cdiv class=\"ec-accordion-content\"\u003e\n          \u003cp\u003eUne consommation excessive peut avoir des effets laxatifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"ec-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne pas être utilisés comme substituts d'un régime alimentaire varié et équilibré.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ec-cream: #F5F8FA;\n  --ec-white: #ffffff;\n  --ec-primary: #C8363E;\n  --ec-primary-dark: #A02A31;\n  --ec-primary-light: #FDF2F2;\n  --ec-secondary: #7BA3C4;\n  --ec-secondary-dark: #5A8DB8;\n  --ec-accent: #5A8DB8;\n  --ec-text: #1a1a1a;\n  --ec-text-light: #5a5a5a;\n  --ec-border: #e0e0e0;\n  --ec-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --ec-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --ec-radius: 20px;\n  --ec-radius-sm: 12px;\n}\n\n.ec-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ec-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ec-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ec-primary) 0%, var(--ec-primary-dark) 40%, var(--ec-secondary-dark) 100%);\n  border-radius: var(--ec-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ec-shadow-lg);\n}\n\n.ec-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(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.ec-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ec-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ec-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ec-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ec-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.ec-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.ec-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.ec-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.ec-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ec-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ec-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.ec-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ec-primary), var(--ec-secondary));\n  border-radius: 2px;\n}\n\n.ec-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ec-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.ec-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ec-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ec-card {\n  background: var(--ec-white);\n  border-radius: var(--ec-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ec-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ec-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ec-shadow-lg);\n  border-color: var(--ec-primary);\n}\n\n.ec-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ec-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ec-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ec-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ec-dosage {\n  display: inline-block;\n  margin-top: .75rem;\n  padding: 6px 12px;\n  background: linear-gradient(135deg, var(--ec-secondary), var(--ec-accent));\n  color: white;\n  font-size: 12px;\n  font-weight: 700;\n  border-radius: 999px;\n}\n\n.ec-grid-compact .ec-card {\n  padding: 1rem;\n}\n\n.ec-grid-compact .ec-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ec-grid-compact .ec-card p {\n  font-size: 12px;\n}\n\n.ec-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ec-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ec-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ec-primary), var(--ec-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.ec-timeline-content {\n  flex: 1;\n  background: var(--ec-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ec-radius-sm);\n  box-shadow: var(--ec-shadow);\n}\n\n.ec-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ec-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ec-timeline-content p {\n  font-size: 14px;\n  color: var(--ec-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.ec-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ec-primary-light);\n  border-radius: var(--ec-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n  border-left: 4px solid var(--ec-primary);\n}\n\n.ec-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ec-tip p {\n  font-size: 14px;\n  color: var(--ec-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.ec-accordion {\n  background: var(--ec-white);\n  border-radius: var(--ec-radius);\n  box-shadow: var(--ec-shadow);\n  overflow: hidden;\n}\n\n.ec-accordion-item {\n  border-bottom: 1px solid var(--ec-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ec-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ec-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ec-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.ec-accordion-header:hover {\n  background: var(--ec-primary-light);\n}\n\n.ec-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ec-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ec-primary);\n  transition: transform .2s ease;\n}\n\n.ec-accordion-item[open] .ec-accordion-header::after {\n  content: '−';\n}\n\n.ec-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ec-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ec-accordion-content p {\n  margin: 0;\n}\n\n.ec-disclaimer {\n  font-size: 12px;\n  color: var(--ec-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n  line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n  .ec-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .ec-card {\n    padding: 1.125rem;\n  }\n  \n  .ec-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .ec-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ec-radius-sm);\n  }\n  \n  .ec-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .ec-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .ec-grid-compact {\n    gap: .625rem;\n  }\n  \n  .ec-grid-compact .ec-card {\n    padding: .75rem;\n  }\n  \n  .ec-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .ec-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .ec-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .ec-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .ec-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .ec-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .ec-tip {\n    padding: .875rem 1rem;\n  }\n  \n  .ec-dosage {\n    font-size: 11px;\n    padding: 5px 10px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .ec-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .ec-card:nth-child(1) { animation-delay: .05s; }\n  .ec-card:nth-child(2) { animation-delay: .1s; }\n  .ec-card:nth-child(3) { animation-delay: .15s; }\n  .ec-card:nth-child(4) { animation-delay: .2s; }\n  .ec-card:nth-child(5) { animation-delay: .25s; }\n}\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  .ec-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55120594403705,"sku":"LC7600","price":10.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/estocalm-60-comprimes-laboratoire-code_1.webp?v=1744705056"},{"product_id":"equibase-60-gelules-laboratoire-code","title":"Equibase (équilibre acido-basique) - 60 gélules- Laboratoire Code","description":"\u003cdiv class=\"eqb-premium\"\u003e\n  \u003cdiv class=\"eqb-hero\"\u003e\n    \u003cdiv class=\"eqb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"eqb-hero-content\"\u003e\n      \u003cdiv class=\"eqb-badges-top\"\u003e\n        \u003cspan class=\"eqb-badge\"\u003e⚖️ Équilibre acido-basique\u003c\/span\u003e\n        \u003cspan class=\"eqb-badge\"\u003e💎 Minéraux citrates\u003c\/span\u003e\n        \u003cspan class=\"eqb-badge\"\u003e🌿 Persil détoxifiant\u003c\/span\u003e\n        \u003cspan class=\"eqb-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"eqb-hero-title\"\u003eEquibase\u003c\/span\u003e\n      \u003cp class=\"eqb-subtitle\"\u003eÉquilibre acido-basique grâce au zinc\u003c\/p\u003e\n      \u003cp class=\"eqb-description\"\u003eVous cherchez à retrouver un \u003cstrong\u003eéquilibre acido-basique\u003c\/strong\u003e durable ? \u003cstrong\u003eEquibase du Laboratoire Code\u003c\/strong\u003e est un complément alimentaire formulé à partir de minéraux hautement biodisponibles et de persil, pour aider votre organisme à neutraliser l'excès d'acidité au quotidien. Une solution naturelle, pensée pour celles et ceux qui veulent prendre soin de leur terrain en profondeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"eqb-section\"\u003e\n    \u003ch2\u003ePourquoi l'équilibre acido-basique est-il si important ?\u003c\/h2\u003e\n    \u003cp class=\"eqb-section-intro\"\u003eLe pH de votre corps doit rester finement régulé pour permettre le bon fonctionnement de vos cellules, de vos enzymes et de vos organes.\u003c\/p\u003e\n    \u003cdiv class=\"eqb-grid\"\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e🍔 Alimentation déséquilibrée\u003c\/h3\u003e\n        \u003cp\u003eExcès de viandes, produits raffinés et sel perturbent l'équilibre du pH au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e😣 Stress chronique\u003c\/h3\u003e\n        \u003cp\u003eLe stress prolongé et le manque d'activité physique acidifient le terrain corporel.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e😴 Signaux du corps\u003c\/h3\u003e\n        \u003cp\u003eFatigue, lourdeurs digestives, tensions musculaires, cheveux et ongles fragilisés.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"eqb-tip\"\u003e\n      \u003cspan class=\"eqb-tip-icon\"\u003e🥗\u003c\/span\u003e\n      \u003cp\u003eAdopter une \u003cstrong\u003ealimentation riche en fruits, légumes verts et eaux minérales alcalinisantes\u003c\/strong\u003e constitue la première étape. Un complément ciblé peut ensuite venir renforcer naturellement cette démarche.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eqb-section\"\u003e\n    \u003ch2\u003eEquibase : une synergie experte de minéraux et de plantes\u003c\/h2\u003e\n    \u003cp class=\"eqb-section-intro\"\u003eLe Laboratoire Code a sélectionné des \u003cstrong\u003eminéraux sous forme de citrates\u003c\/strong\u003e, reconnus pour leur excellente assimilation par l'organisme, associés à du persil aux propriétés traditionnellement détoxifiantes.\u003c\/p\u003e\n    \u003cdiv class=\"eqb-grid\"\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e⚡ Zinc\u003c\/h3\u003e\n        \u003cp\u003eContribue à un métabolisme acido-basique normal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e💎 Magnésium\u003c\/h3\u003e\n        \u003cp\u003eParticipe à la fonction rénale et à la régulation du pH.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e🦴 Calcium\u003c\/h3\u003e\n        \u003cp\u003eSoutient le fonctionnement normal des enzymes digestives.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e🛡️ Manganèse\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant et acteur du métabolisme énergétique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e💧 Potassium\u003c\/h3\u003e\n        \u003cp\u003eEssentiel à l'équilibre hydrique et minéral de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e🌿 Persil\u003c\/h3\u003e\n        \u003cp\u003ePlante traditionnelle au service du drainage de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"eqb-tip\"\u003e\n      \u003cspan class=\"eqb-tip-icon\"\u003e✅\u003c\/span\u003e\n      \u003cp\u003eAvec \u003cstrong\u003e4 gélules par jour, vous couvrez 100 % des apports recommandés en zinc et en manganèse\u003c\/strong\u003e, deux minéraux clés du métabolisme acido-basique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eqb-section\"\u003e\n    \u003ch2\u003eComposition pour 4 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"eqb-grid-compact\"\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e🌿 Persil\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e💎 Magnésium\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e112,5 mg\u003c\/strong\u003e\u003cbr\u003e30 % AJR*\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e🦴 Calcium\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e120 mg\u003c\/strong\u003e\u003cbr\u003e15 % AJR*\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e💧 Potassium\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e\u003cbr\u003e4 % AJR*\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e⚡ Zinc\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e\u003cbr\u003e100 % AJR*\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e🛡️ Manganèse\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e\u003cbr\u003e100 % AJR*\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"eqb-disclaimer\"\u003e*Apports Journaliers de Référence — Gélules végétales de 573 mg. Pilulier de 60 gélules, soit \u003cstrong\u003e15 jours d'utilisation\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eqb-section\"\u003e\n    \u003ch2\u003eComment prendre Equibase ?\u003c\/h2\u003e\n    \u003cdiv class=\"eqb-timeline\"\u003e\n      \u003cdiv class=\"eqb-timeline-item\"\u003e\n        \u003cdiv class=\"eqb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"eqb-timeline-content\"\u003e\n          \u003ch3\u003e☀️ 2 gélules le midi\u003c\/h3\u003e\n          \u003cp\u003eAprès le repas, avec un grand verre d'eau pour une assimilation optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-timeline-item\"\u003e\n        \u003cdiv class=\"eqb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"eqb-timeline-content\"\u003e\n          \u003ch3\u003e🌙 2 gélules le soir\u003c\/h3\u003e\n          \u003cp\u003eAprès le dîner, avec un grand verre d'eau pour soutenir l'équilibre du terrain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-timeline-item\"\u003e\n        \u003cdiv class=\"eqb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"eqb-timeline-content\"\u003e\n          \u003ch3\u003e🥦 Associez à une bonne hygiène\u003c\/h3\u003e\n          \u003cp\u003eLégumes verts, fruits frais, oléagineux et une hydratation régulière tout au long de la journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eqb-section\"\u003e\n    \u003ch2\u003eQuels aliments privilégier en parallèle ?\u003c\/h2\u003e\n    \u003cp class=\"eqb-section-intro\"\u003ePour soutenir votre cure, misez sur les \u003cstrong\u003ealiments alcalinisants\u003c\/strong\u003e et limitez ceux qui acidifient le terrain.\u003c\/p\u003e\n    \u003cdiv class=\"eqb-grid\"\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e✅ À privilégier\u003c\/h3\u003e\n        \u003cp\u003eÉpinards, brocolis, courgettes, avocat, banane, amandes, patate douce.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e⚠️ À limiter\u003c\/h3\u003e\n        \u003cp\u003eSucres raffinés, sodas, excès de café et charcuteries.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"eqb-card\"\u003e\n        \u003ch3\u003e💧 À adopter\u003c\/h3\u003e\n        \u003cp\u003eEaux minérales alcalinisantes et hydratation régulière au fil de la journée.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eqb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"eqb-accordion\"\u003e\n      \u003cdetails class=\"eqb-accordion-item\"\u003e\n        \u003csummary class=\"eqb-accordion-header\"\u003e⚠️ Dosage et public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"eqb-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes et allaitantes sans avis médical. Tenir hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"eqb-accordion-item\"\u003e\n        \u003csummary class=\"eqb-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n        \u003cdiv class=\"eqb-accordion-content mt-3\"\u003e\n          \u003cp\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain, et ne remplacent 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      \u003cdetails class=\"eqb-accordion-item\"\u003e\n        \u003csummary class=\"eqb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"eqb-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --eqb-cream: #f4f8fc;\n  --eqb-white: #ffffff;\n  --eqb-primary: #7eb3d9;\n  --eqb-primary-dark: #2c5680;\n  --eqb-primary-light: #e3eef7;\n  --eqb-secondary: #c8242c;\n  --eqb-accent: #e84855;\n  --eqb-text: #1a1a1a;\n  --eqb-text-light: #5a6c7d;\n  --eqb-border: #d8e4ee;\n  --eqb-shadow: 0 4px 24px rgba(44, 86, 128, .08);\n  --eqb-shadow-lg: 0 12px 48px rgba(44, 86, 128, .18);\n  --eqb-radius: 20px;\n  --eqb-radius-sm: 12px;\n}\n\n.eqb-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--eqb-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--eqb-text);\n}\n\n\/* HERO *\/\n.eqb-hero {\n  position: relative;\n  background: linear-gradient(135deg, #7eb3d9 0%, #5a8fb8 50%, #2c5680 100%);\n  border-radius: var(--eqb-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(--eqb-shadow-lg);\n}\n\n.eqb-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 2px),\n                    radial-gradient(circle at 70% 60%, white 1px, transparent 1px);\n  background-size: 60px 60px, 40px 40px;\n  opacity: .08;\n}\n\n.eqb-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.eqb-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 60px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.eqb-subtitle {\n  color: white;\n  font-size: clamp(15px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-transform: uppercase;\n  letter-spacing: .12em;\n  opacity: .95;\n}\n\n.eqb-description {\n  color: white;\n  font-size: clamp(14px, 2.3vw, 16px);\n  line-height: 1.7;\n  max-width: 720px;\n  margin: 0 auto;\n  opacity: .96;\n}\n\n.eqb-description strong { color: white; font-weight: 700; }\n\n\/* BADGES *\/\n.eqb-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.75rem;\n}\n\n.eqb-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(--eqb-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.eqb-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.eqb-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.eqb-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--eqb-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.eqb-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(--eqb-primary), var(--eqb-secondary));\n  border-radius: 2px;\n}\n\n.eqb-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--eqb-text-light);\n  margin: 0 auto 1.75rem;\n  max-width: 700px;\n  line-height: 1.7;\n}\n\n\/* CARDS *\/\n.eqb-card {\n  background: var(--eqb-white);\n  border-radius: var(--eqb-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--eqb-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.eqb-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--eqb-shadow-lg);\n  border-color: var(--eqb-primary);\n}\n\n.eqb-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--eqb-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.eqb-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--eqb-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* GRIDS *\/\n.eqb-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.eqb-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.eqb-grid-compact .eqb-card {\n  padding: 1.25rem 1rem;\n}\n\n.eqb-grid-compact .eqb-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.eqb-grid-compact .eqb-card p {\n  font-size: 13px;\n}\n\n.eqb-grid-compact .eqb-card strong {\n  color: var(--eqb-secondary);\n  font-size: 16px;\n}\n\n\/* TIMELINE *\/\n.eqb-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.eqb-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.eqb-timeline-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--eqb-primary), var(--eqb-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(44, 86, 128, .25);\n}\n\n.eqb-timeline-content {\n  flex: 1;\n  background: var(--eqb-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--eqb-radius-sm);\n  box-shadow: var(--eqb-shadow);\n}\n\n.eqb-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--eqb-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.eqb-timeline-content p {\n  font-size: 14px;\n  color: var(--eqb-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* TIP *\/\n.eqb-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--eqb-primary-light);\n  border-left: 4px solid var(--eqb-primary);\n  border-radius: var(--eqb-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.5rem;\n}\n\n.eqb-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.eqb-tip p {\n  font-size: 14px;\n  color: var(--eqb-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* ACCORDION *\/\n.eqb-accordion {\n  background: var(--eqb-white);\n  border-radius: var(--eqb-radius);\n  box-shadow: var(--eqb-shadow);\n  overflow: hidden;\n}\n\n.eqb-accordion-item {\n  border-bottom: 1px solid var(--eqb-border);\n}\n\n.eqb-accordion-item:last-child { border-bottom: none; }\n\n.eqb-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--eqb-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.eqb-accordion-header:hover { background: var(--eqb-primary-light); }\n.eqb-accordion-header::-webkit-details-marker { display: none; }\n\n.eqb-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--eqb-primary);\n  transition: transform .2s ease;\n}\n\n.eqb-accordion-item[open] .eqb-accordion-header::after { content: '−'; }\n\n.eqb-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--eqb-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.eqb-accordion-content p { margin: 0; }\n.mt-3 { margin-top: 10px; }\n\n\/* DISCLAIMER *\/\n.eqb-disclaimer {\n  font-size: 12px;\n  color: var(--eqb-text-light);\n  text-align: center;\n  margin-top: 1.25rem;\n  font-style: italic;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n  .eqb-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .eqb-grid-compact { grid-template-columns: repeat(2, 1fr); gap: .625rem; }\n  .eqb-grid-compact .eqb-card { padding: .875rem .625rem; }\n  .eqb-card { padding: 1.125rem; }\n  .eqb-section { margin-bottom: 1.75rem; }\n  .eqb-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--eqb-radius-sm); }\n  .eqb-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .eqb-premium h2::after { width: 40px; height: 3px; }\n  .eqb-timeline-number { width: 36px; height: 36px; font-size: 15px; }\n  .eqb-timeline-content { padding: .875rem 1rem; }\n  .eqb-timeline-content h3 { font-size: 14px; }\n  .eqb-timeline-content p { font-size: 13px; }\n  .eqb-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .eqb-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n  .eqb-card { animation: fadeInUp .5s ease backwards; }\n  .eqb-card:nth-child(1) { animation-delay: .05s; }\n  .eqb-card:nth-child(2) { animation-delay: .1s; }\n  .eqb-card:nth-child(3) { animation-delay: .15s; }\n  .eqb-card:nth-child(4) { animation-delay: .2s; }\n  .eqb-card:nth-child(5) { animation-delay: .25s; }\n  .eqb-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  .eqb-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE CODE","offers":[{"title":"Default Title","offer_id":55120616817017,"sku":"LC1016","price":12.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/equibase-60-gelules-laboratoire-code_1.webp?v=1744705760"},{"product_id":"liporyz-huile-de-son-de-riz-90-capsules-lt-labo","title":"Liporyz 90 capsules - Huile de son de riz pour Réguler le Cholestérol - LT Labo","description":"\u003cdiv class=\"lipo-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lipo-hero\"\u003e\n    \u003cdiv class=\"lipo-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lipo-hero-content\"\u003e\n      \u003cdiv class=\"lipo-badges-top\"\u003e\n        \u003cspan class=\"lipo-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"lipo-badge\"\u003e📜 Brevet déposé\u003c\/span\u003e\n        \u003cspan class=\"lipo-badge\"\u003e🌾 Huile de son de riz\u003c\/span\u003e\n        \u003cspan class=\"lipo-badge\"\u003e💊 90 capsules\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lipo-hero-title\"\u003eLipOryz - Huile de son de riz\u003c\/span\u003e\n      \u003cp class=\"lipo-subtitle\"\u003eComplexe breveté pour réguler le cholestérol naturellement\u003c\/p\u003e\n      \u003cp class=\"lipo-description\"\u003eConcentrée en phytostérols, vitamine E naturelle, chrome \u0026amp; zinc. Agit sur le cholestérol sanguin et protège vos cellules du stress oxydatif.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003eLipOryz : l'huile de son de riz concentrée en phytostérols\u003c\/h2\u003e\n    \u003cp class=\"lipo-section-intro\"\u003eVous cherchez un \u003cstrong\u003eanti-cholestérol naturel sans statine\u003c\/strong\u003e ? \u003cstrong\u003eLipOryz\u003c\/strong\u003e de LT Labo est un complément alimentaire breveté à base d'\u003cstrong\u003ehuile de son de riz\u003c\/strong\u003e, concentrée en phytostérols, vitamine E naturelle, chrome et zinc.\u003c\/p\u003e\n    \u003cdiv class=\"lipo-grid-compact\"\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e❤️ Cholestérol sanguin\u003c\/h3\u003e\n        \u003cp\u003eMaintien d'un taux de cholestérol normal grâce aux phytostérols\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🛡️ Stress oxydatif\u003c\/h3\u003e\n        \u003cp\u003eProtection des cellules grâce à la vitamine E naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🫀 Santé cardiovasculaire\u003c\/h3\u003e\n        \u003cp\u003eUn allié précieux pour votre système cardiovasculaire au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n        \u003cp\u003eFormule brevetée à base d'huile de son de riz concentrée\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lipo-tip\"\u003e\n      \u003cspan class=\"lipo-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eNouveau packaging, même formule :\u003c\/strong\u003e LT Labo a récemment rafraîchi le design du flacon LipOryz. Rassurez-vous, la \u003cstrong\u003eformule brevetée reste strictement identique\u003c\/strong\u003e et conserve toute son efficacité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003ePourquoi choisir l'huile de son de riz LipOryz ?\u003c\/h2\u003e\n    \u003cp class=\"lipo-section-intro\"\u003eL'\u003cstrong\u003ehuile de son de riz\u003c\/strong\u003e est extraite de l'enveloppe du grain de riz, la partie la plus riche en nutriments. LipOryz utilise un \u003cstrong\u003ecomplexe breveté\u003c\/strong\u003e qui concentre les actifs pour une efficacité optimale.\u003c\/p\u003e\n    \u003cdiv class=\"lipo-grid\"\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🌱 Phytostérols\u003c\/h3\u003e\n        \u003cp\u003eContribuent au maintien d'un taux de cholestérol sanguin normal en limitant l'absorption du cholestérol alimentaire au niveau intestinal.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant qui protège les cellules contre le stress oxydatif, un facteur clé du vieillissement cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e⚙️ Chrome\u003c\/h3\u003e\n        \u003cp\u003eParticipe au métabolisme normal des macronutriments, notamment des glucides et des lipides.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🔬 Zinc\u003c\/h3\u003e\n        \u003cp\u003eSoutient le système immunitaire et contribue au métabolisme des acides gras.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lipo-tip\"\u003e\n      \u003cspan class=\"lipo-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement aux huiles végétales classiques, l'huile de son de riz renferme naturellement du \u003cstrong\u003egamma-oryzanol\u003c\/strong\u003e, des phytostérols et des tocotriénols, reconnus pour leur action bénéfique sur le métabolisme lipidique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003eComposition détaillée — pour 3 capsules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"lipo-grid\"\u003e\n      \u003cdiv class=\"lipo-card lipo-card-compo\"\u003e\n        \u003ch3\u003e🌾 Huile de son de riz\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e1 420 mg\u003c\/strong\u003e\u003cbr\u003eComplexe breveté concentré\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card lipo-card-compo\"\u003e\n        \u003ch3\u003e🌱 Phytostérols\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e510 mg\u003c\/strong\u003e\u003cbr\u003eActifs sur le cholestérol\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card lipo-card-compo\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e12 mg\u003c\/strong\u003e (d-alpha-tocophérol)\u003cbr\u003e\u003cspan class=\"lipo-vnr\"\u003e100 % des VNR\u003c\/span\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card lipo-card-compo\"\u003e\n        \u003ch3\u003e🔬 Zinc\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e\u003cbr\u003e\u003cspan class=\"lipo-vnr\"\u003e100 % des VNR\u003c\/span\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card lipo-card-compo\"\u003e\n        \u003ch3\u003e⚙️ Chrome\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e25 µg\u003c\/strong\u003e\u003cbr\u003e\u003cspan class=\"lipo-vnr\"\u003e62,5 % des VNR\u003c\/span\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lipo-tip\"\u003e\n      \u003cspan class=\"lipo-tip-icon\"\u003e💊\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eListe complète des ingrédients :\u003c\/strong\u003e huile de son de riz concentrée en phytostérols, tunique d'origine marine (gélatine de poisson, glycérine, eau), vitamine E naturelle (d-alpha-tocophérol issu de tournesol), gluconate de zinc, chlorure de chrome. \u003cstrong\u003eSans levure de riz rouge\u003c\/strong\u003e, sans OGM, sans conservateurs. Flacon de \u003cstrong\u003e90 capsules\u003c\/strong\u003e, soit \u003cstrong\u003e1 mois de cure\u003c\/strong\u003e à raison de 3 capsules par jour.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"lipo-timeline\"\u003e\n      \u003cdiv class=\"lipo-timeline-item\"\u003e\n        \u003cdiv class=\"lipo-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lipo-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e3 capsules par jour\u003c\/strong\u003e : \u003cstrong\u003e1 le matin, 1 le midi et 1 le soir\u003c\/strong\u003e, au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-timeline-item\"\u003e\n        \u003cdiv class=\"lipo-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lipo-timeline-content\"\u003e\n          \u003ch3\u003eAbsorption optimale\u003c\/h3\u003e\n          \u003cp\u003eLa prise pendant le repas favorise l'absorption des actifs liposolubles comme la vitamine E et les phytostérols.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-timeline-item\"\u003e\n        \u003cdiv class=\"lipo-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lipo-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003ePour un \u003cstrong\u003etraitement naturel du cholestérol\u003c\/strong\u003e efficace, une cure de \u003cstrong\u003e3 mois minimum\u003c\/strong\u003e est conseillée, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse LipOryz ?\u003c\/h2\u003e\n    \u003cdiv class=\"lipo-grid-compact\"\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e📊 Cholestérol \u0026amp; triglycérides\u003c\/h3\u003e\n        \u003cp\u003eMaintenir un taux de cholestérol et de triglycérides dans les normes\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🌿 Approche naturelle\u003c\/h3\u003e\n        \u003cp\u003eAdopter un traitement cholestérol naturel en complément d'une hygiène de vie équilibrée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🛡️ Anti-âge cellulaire\u003c\/h3\u003e\n        \u003cp\u003eProtéger votre organisme du stress oxydatif lié à l'âge ou au mode de vie\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🫀 Santé du cœur\u003c\/h3\u003e\n        \u003cp\u003eSoutenir votre santé cardiovasculaire de manière douce et naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"lipo-section\"\u003e\n    \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n    \u003cdiv class=\"lipo-card lipo-card-quality\"\u003e\n      \u003cp\u003e\u003cstrong\u003eLipOryz\u003c\/strong\u003e est fabriqué en France par \u003cstrong\u003eLT Labo\u003c\/strong\u003e, un laboratoire spécialisé dans les compléments alimentaires naturels. La formule est protégée par un \u003cstrong\u003ebrevet déposé\u003c\/strong\u003e, gage de son originalité et de son sérieux. Les matières premières sont rigoureusement sélectionnées et les produits finis contrôlés selon les normes européennes en vigueur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lipo-grid-compact lipo-quality-badges\"\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n        \u003cp\u003eLaboratoire LT Labo\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e📜 Brevet déposé\u003c\/h3\u003e\n        \u003cp\u003eFormule exclusive et protégée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e✅ Normes européennes\u003c\/h3\u003e\n        \u003cp\u003eContrôle qualité rigoureux\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lipo-card\"\u003e\n        \u003ch3\u003e🔎 Traçabilité\u003c\/h3\u003e\n        \u003cp\u003eMatières premières sélectionnées\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 7 --\u003e\n  \u003csection class=\"lipo-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lipo-accordion\"\u003e\n      \u003cdetails class=\"lipo-accordion-item\"\u003e\n        \u003csummary class=\"lipo-accordion-header\"\u003e⚠️ Avertissements du fabricant\u003c\/summary\u003e\n        \u003cdiv class=\"lipo-accordion-content mt-3\"\u003e\n          \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain\u003c\/strong\u003e. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lipo-accordion-item\"\u003e\n        \u003csummary class=\"lipo-accordion-header\"\u003e🩺 Personnes sous traitement\u003c\/summary\u003e\n        \u003cdiv class=\"lipo-accordion-content mt-3\"\u003e\n          \u003cp\u003eIl n'est pas recommandé de consommer plus de \u003cstrong\u003e3 g de phytostérols par jour\u003c\/strong\u003e. Les personnes sous \u003cstrong\u003etraitement hypocholestérolémiant\u003c\/strong\u003e ne devraient consommer ce produit que \u003cstrong\u003esous contrôle médical\u003c\/strong\u003e. Ce produit peut ne pas convenir sur le plan nutritionnel aux femmes enceintes ou allaitantes ainsi qu'aux enfants de moins de 5 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lipo-accordion-item\"\u003e\n        \u003csummary class=\"lipo-accordion-header\"\u003e🤰 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"lipo-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes ainsi qu'aux enfants sans avis médical. En cas de doute, consultez votre médecin ou votre pharmacien avant de débuter la cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lipo-accordion-item\"\u003e\n        \u003csummary class=\"lipo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lipo-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez le flacon dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Bien refermer après chaque utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lipo-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lipo-cream: #faf8f4;\n  --lipo-white: #ffffff;\n  --lipo-primary: #c4952a;\n  --lipo-primary-dark: #8a6a1b;\n  --lipo-primary-light: #fdf6e8;\n  --lipo-secondary: #d4a93a;\n  --lipo-accent: #e8b830;\n\n  --lipo-text: #1a1a1a;\n  --lipo-text-light: #5a5a5a;\n\n  --lipo-border: #e8e2d6;\n  --lipo-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lipo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lipo-radius: 20px;\n  --lipo-radius-sm: 12px;\n}\n\n.lipo-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lipo-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lipo-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8a6a1b 0%, #c4952a 45%, #d4a93a 100%);\n  border-radius: var(--lipo-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(--lipo-shadow-lg);\n}\n\n.lipo-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n                    repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n  opacity: 1;\n}\n\n.lipo-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lipo-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lipo-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(--lipo-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lipo-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lipo-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.lipo-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.lipo-description {\n  color: rgba(255,255,255,.82);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.lipo-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lipo-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lipo-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.lipo-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(--lipo-primary), var(--lipo-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lipo-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lipo-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.lipo-card {\n  background: var(--lipo-white);\n  border-radius: var(--lipo-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lipo-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lipo-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lipo-shadow-lg);\n  border-color: var(--lipo-primary);\n}\n\n.lipo-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lipo-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lipo-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lipo-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CARD COMPO === *\/\n.lipo-card-compo p strong {\n  font-size: clamp(18px, 3vw, 24px);\n  color: var(--lipo-primary);\n  display: block;\n  margin-bottom: .25rem;\n}\n\n.lipo-vnr {\n  display: inline-block;\n  background: var(--lipo-primary-light);\n  color: var(--lipo-primary-dark);\n  padding: 3px 10px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 700;\n  margin-top: .35rem;\n}\n\n\/* === CARD QUALITY === *\/\n.lipo-card-quality {\n  text-align: left;\n  margin-bottom: 1.25rem;\n  border-left: 4px solid var(--lipo-primary);\n}\n\n.lipo-card-quality p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--lipo-text);\n  line-height: 1.8;\n}\n\n\/* === GRILLES === *\/\n.lipo-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lipo-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lipo-grid-compact .lipo-card {\n  padding: 1rem;\n}\n\n.lipo-grid-compact .lipo-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lipo-grid-compact .lipo-card p {\n  font-size: 12px;\n}\n\n.lipo-quality-badges {\n  margin-top: 0;\n}\n\n\/* === TIMELINE === *\/\n.lipo-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lipo-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lipo-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lipo-primary), var(--lipo-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.lipo-timeline-content {\n  flex: 1;\n  background: var(--lipo-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lipo-radius-sm);\n  box-shadow: var(--lipo-shadow);\n}\n\n.lipo-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lipo-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lipo-timeline-content p {\n  font-size: 14px;\n  color: var(--lipo-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.lipo-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lipo-primary-light);\n  border-radius: var(--lipo-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lipo-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lipo-tip p {\n  font-size: 14px;\n  color: var(--lipo-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.lipo-accordion {\n  background: var(--lipo-white);\n  border-radius: var(--lipo-radius);\n  box-shadow: var(--lipo-shadow);\n  overflow: hidden;\n}\n\n.lipo-accordion-item {\n  border-bottom: 1px solid var(--lipo-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lipo-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lipo-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lipo-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.lipo-accordion-header:hover {\n  background: var(--lipo-primary-light);\n}\n\n.lipo-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lipo-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lipo-primary);\n  transition: transform .2s ease;\n}\n\n.lipo-accordion-item[open] .lipo-accordion-header::after {\n  content: '−';\n}\n\n.lipo-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lipo-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lipo-accordion-content p {\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lipo-disclaimer {\n  font-size: 12px;\n  color: var(--lipo-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  .lipo-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lipo-card {\n    padding: 1.125rem;\n  }\n\n  .lipo-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lipo-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lipo-radius-sm);\n  }\n\n  .lipo-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lipo-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lipo-grid-compact {\n    gap: .625rem;\n  }\n\n  .lipo-grid-compact .lipo-card {\n    padding: .75rem;\n  }\n\n  .lipo-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lipo-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lipo-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lipo-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lipo-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lipo-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lipo-card-quality {\n    padding: 1rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .lipo-card {\n    animation: lipoFadeInUp .5s ease backwards;\n  }\n  .lipo-card:nth-child(1) { animation-delay: .05s; }\n  .lipo-card:nth-child(2) { animation-delay: .1s; }\n  .lipo-card:nth-child(3) { animation-delay: .15s; }\n  .lipo-card:nth-child(4) { animation-delay: .2s; }\n  .lipo-card:nth-child(5) { animation-delay: .25s; }\n  .lipo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lipoFadeInUp {\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  .lipo-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55122980766073,"sku":"NBAILTL0008","price":27.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/liporyz-90-capsules-huile-de-son-de-riz-pour-reguler-le-chol-packshothd.webp?v=1787062972"},{"product_id":"liporyz-huile-de-son-de-riz-180-capsules-lt-labo","title":"Liporyz 180 capsules - Huile de son de riz pour réguler le cholestérol - LT Labo","description":"\u003cdiv class=\"lr-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"lr-hero\"\u003e\n    \u003cdiv class=\"lr-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"lr-hero-content\"\u003e\n      \u003cdiv class=\"lr-badges-top\"\u003e\n        \u003cspan class=\"lr-badge\"\u003e🔬 Complexe breveté\u003c\/span\u003e\n        \u003cspan class=\"lr-badge\"\u003e🌾 Huile de son de riz\u003c\/span\u003e\n        \u003cspan class=\"lr-badge\"\u003e💊 180 capsules – 60 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"lr-hero-title\"\u003eLipOryz 180 capsules\u003c\/span\u003e\n      \u003cp class=\"lr-subtitle\"\u003eHuile de son de riz concentrée par LT Labo\u003c\/p\u003e\n      \u003cp class=\"lr-description\"\u003ePhytostérols, vitamine E naturelle, chrome \u0026amp; zinc – Plus de 100 antioxydants naturels pour accompagner votre équilibre lipidique et cardiovasculaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003eLipOryz : l'huile de son de riz concentrée pour le cholestérol et le stress oxydatif\u003c\/h2\u003e\n    \u003cp class=\"lr-section-intro\"\u003eVous cherchez une solution naturelle pour accompagner votre profil lipidique ? \u003cstrong\u003eLipOryz\u003c\/strong\u003e de LT Labo est un complément alimentaire breveté à base d'\u003cstrong\u003ehuile de son de riz\u003c\/strong\u003e, concentré en phytostérols, vitamine E naturelle, chrome et zinc.\u003c\/p\u003e\n    \u003cdiv class=\"lr-grid-compact\"\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e💊 180 capsules\u003c\/h3\u003e\n        \u003cp\u003eUn format généreux pour une cure complète de 60 jours\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e📉 Équilibre lipidique\u003c\/h3\u003e\n        \u003cp\u003eUne formule pensée pour accompagner votre profil lipidique\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🛡️ Stress oxydatif\u003c\/h3\u003e\n        \u003cp\u003eContribue à protéger vos cellules grâce à la vitamine E naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🔬 Brevet déposé\u003c\/h3\u003e\n        \u003cp\u003eFormule unique et exclusive développée par LT Labo\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003eQuels sont les bienfaits de l'huile de son de riz ?\u003c\/h2\u003e\n    \u003cp class=\"lr-section-intro\"\u003eL'\u003cstrong\u003ehuile de son de riz\u003c\/strong\u003e est extraite de la fine pellicule qui entoure le grain de riz. Considérée comme un véritable trésor nutritionnel, elle renferme plus de \u003cstrong\u003e100 antioxydants naturels\u003c\/strong\u003e, dont les gamma-oryzanols, des tocotriénols et de l'acide férulique.\u003c\/p\u003e\n    \u003cdiv class=\"lr-grid\"\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🌾 Gamma-oryzanols\u003c\/h3\u003e\n        \u003cp\u003eDes composés caractéristiques du son de riz, traditionnellement associés au maintien d'un bon métabolisme des lipides, glucides et protides.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🧬 Tocotriénols\u003c\/h3\u003e\n        \u003cp\u003eForme rare de vitamine E, appréciée pour ses propriétés antioxydantes, complémentaires des tocophérols classiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🍃 Acide férulique\u003c\/h3\u003e\n        \u003cp\u003eUn polyphénol qui contribue à la protection des cellules face au stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-tip\"\u003e\n      \u003cspan class=\"lr-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003eContrairement à la levure de riz rouge, l'huile de son de riz ne contient \u003cstrong\u003eaucune monacoline ni citrinine\u003c\/strong\u003e. C'est une alternative végétale intéressante, généralement bien tolérée, pour celles et ceux qui recherchent une approche différente.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003ePourquoi choisir LipOryz 180 capsules ?\u003c\/h2\u003e\n    \u003cdiv class=\"lr-grid\"\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🔬 Complexe breveté\u003c\/h3\u003e\n        \u003cp\u003eUne formule unique associant huile de son de riz, phytostérols, vitamine E, chrome et zinc pour une approche synergique complète.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🌿 Phytostérols (510 mg\/jour)\u003c\/h3\u003e\n        \u003cp\u003eLes stérols végétaux font partie des ingrédients traditionnellement associés à l'équilibre lipidique dans le cadre d'une alimentation variée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle (100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eContribue à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e⚙️ Chrome (62 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une glycémie normale et au métabolisme normal des macronutriments.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🛡️ Zinc (100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eContribue au métabolisme normal des acides gras et au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🌱 Qualité maîtrisée\u003c\/h3\u003e\n        \u003cp\u003eUne huile de son de riz obtenue par première pression à froid, dans le respect de la qualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003eComment prendre LipOryz ?\u003c\/h2\u003e\n    \u003cdiv class=\"lr-timeline\"\u003e\n      \u003cdiv class=\"lr-timeline-item\"\u003e\n        \u003cdiv class=\"lr-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"lr-timeline-content\"\u003e\n          \u003ch3\u003eMatin – 1 capsule\u003c\/h3\u003e\n          \u003cp\u003ePrenez votre première capsule au petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-timeline-item\"\u003e\n        \u003cdiv class=\"lr-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"lr-timeline-content\"\u003e\n          \u003ch3\u003eMidi – 1 capsule\u003c\/h3\u003e\n          \u003cp\u003ePrenez la deuxième capsule au cours du déjeuner pour une absorption optimale.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-timeline-item\"\u003e\n        \u003cdiv class=\"lr-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"lr-timeline-content\"\u003e\n          \u003ch3\u003eSoir – 1 capsule\u003c\/h3\u003e\n          \u003cp\u003eComplétez votre prise quotidienne au dîner. 3 capsules par jour, c'est aussi simple que ça.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lr-tip\"\u003e\n      \u003cspan class=\"lr-tip-icon\"\u003e📊\u003c\/span\u003e\n      \u003cp\u003eUne boîte de 180 capsules correspond à \u003cstrong\u003e60 jours de cure\u003c\/strong\u003e, une durée adaptée pour un accompagnement dans la durée. Un contrôle sanguin avant et après la cure, avec votre médecin, vous permettra de suivre l'évolution de votre bilan lipidique.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003eComposition complète – pour 3 capsules\u003c\/h2\u003e\n    \u003cdiv class=\"lr-grid\"\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🌾 Huile de son de riz\u003c\/h3\u003e\n        \u003cp\u003e\u003cem\u003eOryza sativa\u003c\/em\u003e L. — \u003cstrong\u003e1420 mg\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🌿 Phytostérols (soja)\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e510 mg\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E naturelle\u003c\/h3\u003e\n        \u003cp\u003eD-alpha-tocophérols — \u003cstrong\u003e12 mg\u003c\/strong\u003e (100 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e🛡️ Zinc\u003c\/h3\u003e\n        \u003cp\u003eLactate de zinc apportant \u003cstrong\u003e10 mg\u003c\/strong\u003e de zinc élément (100 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e⚙️ Chrome\u003c\/h3\u003e\n        \u003cp\u003ePicolinate de chrome — \u003cstrong\u003e25 µg\u003c\/strong\u003e (62 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lr-card\"\u003e\n        \u003ch3\u003e📋 Autres ingrédients\u003c\/h3\u003e\n        \u003cp\u003eCire d'abeille, lécithine de tournesol. Enveloppe : gélatine, glycérol, caramel.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"lr-accordion\"\u003e\n      \u003cdetails class=\"lr-accordion-item\" open\u003e\n        \u003csummary class=\"lr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"lr-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux enfants, adolescents, femmes enceintes ou allaitantes. Ne pas dépasser \u003cstrong\u003e3 g de stérols végétaux par jour\u003c\/strong\u003e (toutes sources confondues).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"lr-accordion-item\"\u003e\n        \u003csummary class=\"lr-accordion-header\"\u003e💊 Traitement médical en cours\u003c\/summary\u003e\n        \u003cdiv class=\"lr-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. Si vous suivez un traitement hypocholestérolémiant ou tout autre traitement, demandez conseil à votre médecin 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!-- SECTION 7 --\u003e\n  \u003csection class=\"lr-section\"\u003e\n    \u003ch2\u003eConservation\u003c\/h2\u003e\n    \u003cdiv class=\"lr-accordion\"\u003e\n      \u003cdetails class=\"lr-accordion-item\" open\u003e\n        \u003csummary class=\"lr-accordion-header\"\u003e🧊 Conditions de conservation\u003c\/summary\u003e\n        \u003cdiv class=\"lr-accordion-content mt-3\"\u003e\n          \u003cp\u003eConservez vos capsules dans un endroit sec, à l'abri de la chaleur et de la lumière. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"lr-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"lr-cta-box\"\u003e\n      \u003cp\u003e🌾 Prenez soin de vous naturellement avec \u003cstrong\u003eLipOryz\u003c\/strong\u003e — 180 capsules d'huile de son de riz brevetée pour 60 jours d'accompagnement au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"lr-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --lr-cream: #faf8f4;\n  --lr-white: #ffffff;\n  --lr-primary: #c8972e;\n  --lr-primary-dark: #8a6518;\n  --lr-primary-light: #fdf5e6;\n  --lr-secondary: #d4a843;\n  --lr-accent: #e8c45a;\n  --lr-text: #1a1a1a;\n  --lr-text-light: #5a5a5a;\n  --lr-border: #e8e2d6;\n  --lr-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --lr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --lr-radius: 20px;\n  --lr-radius-sm: 12px;\n}\n\n.lr-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--lr-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lr-hero {\n  position: relative;\n  background: linear-gradient(135deg, #8a6518 0%, #c8972e 45%, #d4a843 100%);\n  border-radius: var(--lr-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(--lr-shadow-lg);\n}\n\n.lr-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.lr-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.lr-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.lr-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.lr-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.lr-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.lr-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(--lr-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.lr-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.lr-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lr-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--lr-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.lr-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(--lr-primary), var(--lr-secondary));\n  border-radius: 2px;\n}\n\n.lr-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lr-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.lr-section-intro strong {\n  color: var(--lr-primary-dark);\n}\n\n.lr-card {\n  background: var(--lr-white);\n  border-radius: var(--lr-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--lr-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.lr-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--lr-shadow-lg);\n  border-color: var(--lr-primary);\n}\n\n.lr-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--lr-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.lr-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--lr-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lr-card p strong {\n  color: var(--lr-text);\n}\n\n.lr-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.lr-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.lr-grid-compact .lr-card {\n  padding: 1rem;\n}\n\n.lr-grid-compact .lr-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.lr-grid-compact .lr-card p {\n  font-size: 12px;\n}\n\n.lr-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.lr-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.lr-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--lr-primary), var(--lr-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n  box-shadow: 0 4px 12px rgba(200,151,46,.3);\n}\n\n.lr-timeline-content {\n  flex: 1;\n  background: var(--lr-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--lr-radius-sm);\n  box-shadow: var(--lr-shadow);\n}\n\n.lr-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--lr-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.lr-timeline-content p {\n  font-size: 14px;\n  color: var(--lr-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.lr-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--lr-primary-light);\n  border-radius: var(--lr-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.lr-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.lr-tip p {\n  font-size: 14px;\n  color: var(--lr-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.lr-tip p strong {\n  color: var(--lr-primary-dark);\n}\n\n.lr-testimonial {\n  background: var(--lr-white);\n  border-radius: var(--lr-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--lr-shadow);\n  border-left: 4px solid var(--lr-primary);\n}\n\n.lr-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--lr-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n.lr-accordion {\n  background: var(--lr-white);\n  border-radius: var(--lr-radius);\n  box-shadow: var(--lr-shadow);\n  overflow: hidden;\n}\n\n.lr-accordion-item {\n  border-bottom: 1px solid var(--lr-border);\n  margin: 0;\n  padding: 0;\n}\n\n.lr-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.lr-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--lr-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.lr-accordion-header:hover {\n  background: var(--lr-primary-light);\n}\n\n.lr-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.lr-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--lr-primary);\n  transition: transform .2s ease;\n}\n\n.lr-accordion-item[open] .lr-accordion-header::after {\n  content: '−';\n}\n\n.lr-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--lr-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.lr-accordion-content p {\n  margin: 0;\n}\n\n.lr-accordion-content p strong {\n  color: var(--lr-text);\n}\n\n.lr-cta-box {\n  background: linear-gradient(135deg, var(--lr-primary) 0%, var(--lr-primary-dark) 100%);\n  border-radius: var(--lr-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.lr-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.lr-disclaimer {\n  font-size: 12px;\n  color: var(--lr-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n@media (max-width: 767px) {\n  .lr-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .lr-card {\n    padding: 1.125rem;\n  }\n\n  .lr-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .lr-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--lr-radius-sm);\n  }\n\n  .lr-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .lr-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .lr-grid-compact {\n    gap: .625rem;\n  }\n\n  .lr-grid-compact .lr-card {\n    padding: .75rem;\n  }\n\n  .lr-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .lr-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .lr-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .lr-timeline-content p {\n    font-size: 13px;\n  }\n\n  .lr-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .lr-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .lr-testimonial {\n    padding: 1.25rem;\n  }\n\n  .lr-testimonial-text {\n    font-size: 14px;\n  }\n\n  .lr-tip {\n    padding: .875rem 1rem;\n  }\n\n  .lr-tip-icon {\n    font-size: 20px;\n  }\n\n  .lr-tip p {\n    font-size: 13px;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .lr-card {\n    animation: lrFadeInUp .5s ease backwards;\n  }\n  .lr-card:nth-child(1) { animation-delay: .05s; }\n  .lr-card:nth-child(2) { animation-delay: .1s; }\n  .lr-card:nth-child(3) { animation-delay: .15s; }\n  .lr-card:nth-child(4) { animation-delay: .2s; }\n  .lr-card:nth-child(5) { animation-delay: .25s; }\n  .lr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lrFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lr-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55123079070073,"sku":"NBAILTL0006","price":49.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/liporyz-180-capsules-huile-de-son-de-riz-pour-reguler-le-cho-packshothd_09203cab-d9be-40c1-91ae-d8ab7c9d5ead.webp?v=1787126883"},{"product_id":"collagene-marin-90-gelules-meralia","title":"Collagène Marin - 90 gélules - Meralia","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Collagène Marin - 90 gélules - Meralia\nPalette détectée:\n  - Primaire: #2B5EA7 (bleu marine du bouchon et bandeau)\n  - Secondaire: #3A7BD5 (bleu moyen du logo Meralia)\n  - Accent: #5BAFE6 (bleu clair, rappel marin\/océan)\nAmbiance: Marin, santé\/beauté, naturel, confiance, frais et lumineux\nPréfixe CSS: cm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Collagène marin Meralia : votre allié pour une peau ferme et éclatante\"\n  2. \"Bienfaits du collagène marin et des actifs synergiques\"\n  3. \"Le collagène marin présente-t-il des dangers ?\"\n  4. \"Conseils d'utilisation\"\n  5. \"Composition pour 4 gélules (dose journalière)\"\n  6. \"Pourquoi choisir le collagène marin Meralia ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cm-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"cm-hero\"\u003e\n    \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"cm-hero-content\"\u003e\n      \u003cdiv class=\"cm-badges-top\"\u003e\n        \u003cspan class=\"cm-badge\"\u003e🐟 Collagène marin hydrolysé\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e💊 90 gélules végétales\u003c\/span\u003e\n        \u003cspan class=\"cm-badge\"\u003e✨ Peau ferme \u0026amp; éclatante\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"cm-hero-title\"\u003eCollagène Marin Meralia\u003c\/span\u003e\n      \u003cp class=\"cm-subtitle\"\u003eSoin peau – Visage tonique\u003c\/p\u003e\n      \u003cp class=\"cm-description\"\u003eUne formule synergique associant collagène marin, vitamine C, vitamine E et zinc pour soutenir la beauté de votre peau de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eCollagène marin Meralia : votre allié pour une peau ferme et éclatante\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eAvec l'âge, la production naturelle de collagène diminue d'environ \u003cstrong\u003e1 % par an dès 25 ans\u003c\/strong\u003e. Résultat : la peau perd progressivement sa fermeté, son élasticité et son éclat.\u003c\/p\u003e\n    \u003cdiv class=\"cm-highlight-box\"\u003e\n      \u003cp\u003eLe \u003cstrong\u003eCollagène marin Meralia\u003c\/strong\u003e a été formulé pour répondre à cette problématique. En associant du \u003cstrong\u003ecollagène marin hydrolysé\u003c\/strong\u003e hautement assimilable à de la \u003cstrong\u003evitamine C\u003c\/strong\u003e, de la \u003cstrong\u003evitamine E\u003c\/strong\u003e et du \u003cstrong\u003ezinc\u003c\/strong\u003e, ce complément alimentaire offre une approche complète pour soutenir la beauté de votre peau de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eBienfaits du collagène marin et des actifs synergiques\u003c\/h2\u003e\n    \u003cp class=\"cm-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du collagène marin\u003c\/strong\u003e sont aujourd'hui largement documentés. Cette protéine structurelle, extraite de poissons, possède une faible taille moléculaire qui favorise une absorption optimale. Ce qui rend cette formule Meralia particulièrement intéressante, c'est la complémentarité de ses quatre actifs :\u003c\/p\u003e\n    \u003cdiv class=\"cm-grid\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🐟 Collagène marin hydrolysé (1 080 mg\/jour)\u003c\/h3\u003e\n        \u003cp\u003eIl contribue à renforcer la structure cutanée, à améliorer l'hydratation et à restaurer la souplesse des tissus. C'est aussi un soutien précieux pour les articulations.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🍊 Vitamine C (80 mg – 100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eIndispensable à la synthèse du collagène par l'organisme. Sans elle, votre corps ne peut pas correctement utiliser le collagène apporté. Elle agit également comme un puissant antioxydant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E (12 mg – 100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eElle protège les cellules cutanées contre le stress oxydatif provoqué par la pollution, les UV et les radicaux libres, contribuant à ralentir les signes visibles du vieillissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e⚡ Zinc (10 mg – 100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eEssentiel à la régénération cellulaire et à la cicatrisation, il aide aussi à réguler la production de sébum, ce qui en fait un allié pour tous les types de peaux.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eLe collagène marin présente-t-il des dangers ?\u003c\/h2\u003e\n    \u003cdiv class=\"cm-testimonial\"\u003e\n      \u003cp class=\"cm-testimonial-text\"\u003eVous vous interrogez sur \u003cstrong\u003ele collagène marin et ses dangers\u003c\/strong\u003e éventuels ? Rassurez-vous : le collagène marin est généralement très bien toléré. La principale précaution concerne les personnes \u003cstrong\u003eallergiques au poisson ou aux sulfites\u003c\/strong\u003e. En dehors de ce cas, aucun effet indésirable notable n'est rapporté aux dosages recommandés. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"cm-timeline\"\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e : 2 le matin et 2 le midi, avec un grand verre d'eau, de préférence au cours du repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour observer des résultats significatifs sur la fermeté et l'éclat de la peau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-timeline-item\"\u003e\n        \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"cm-timeline-content\"\u003e\n          \u003ch3\u003eContenu du flacon\u003c\/h3\u003e\n          \u003cp\u003eLe flacon de \u003cstrong\u003e90 gélules\u003c\/strong\u003e couvre environ \u003cstrong\u003e22 jours\u003c\/strong\u003e de cure.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-tip\"\u003e\n      \u003cspan class=\"cm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"cm-section\"\u003e\n    \u003ch2\u003eComposition pour 4 gélules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"cm-table-wrapper\"\u003e\n      \u003ctable class=\"cm-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003eIngrédient\u003c\/th\u003e\n            \u003cth\u003eQuantité\u003c\/th\u003e\n            \u003cth\u003e% VNR*\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eCollagène marin (poisson, sulfites)\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003e1 080 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e–\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eVitamine C\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003e80 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e100 %\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eVitamine E\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003e12 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e100 %\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eZinc (oxyde de zinc)\u003c\/td\u003e\n            \u003ctd\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e100 %\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eGélule végétale (hypromellose)\u003c\/td\u003e\n            \u003ctd\u003e–\u003c\/td\u003e\n            \u003ctd\u003e–\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"cm-disclaimer\"\u003e*Valeurs Nutritionnelles de Référence\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePourquoi choisir le collagène marin Meralia ?\u003c\/h2\u003e\n    \u003cdiv class=\"cm-grid-compact\"\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🔬 Formule complète et synergique\u003c\/h3\u003e\n        \u003cp\u003eQuatre actifs qui travaillent ensemble plutôt qu'un simple collagène isolé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🚀 Haute biodisponibilité\u003c\/h3\u003e\n        \u003cp\u003eLe collagène hydrolysé d'origine marine est reconnu pour son assimilation supérieure au collagène bovin.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e💯 100 % des apports recommandés\u003c\/h3\u003e\n        \u003cp\u003eVitamine C, vitamine E et zinc couverts dans chaque dose quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card\"\u003e\n        \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eUne alternative respectueuse, facile à avaler.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"cm-card cm-card-span\"\u003e\n        \u003ch3\u003e✨ Convient à tous les types de peaux\u003c\/h3\u003e\n        \u003cp\u003eDes plus sèches aux plus mixtes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"cm-cta-box\"\u003e\n      \u003cp\u003eOffrez à votre peau un soutien quotidien avec le \u003cstrong\u003ecollagène marin Meralia\u003c\/strong\u003e. Une routine simple — quatre gélules par jour — pour préserver l'éclat naturel de votre peau dans la durée. 🌊\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  --cm-cream: #f4f7fb;\n  --cm-white: #ffffff;\n  --cm-primary: #2B5EA7;\n  --cm-primary-dark: #1a3d6e;\n  --cm-primary-light: #e8f0fa;\n  --cm-secondary: #3A7BD5;\n  --cm-accent: #5BAFE6;\n  --cm-text: #1a1a1a;\n  --cm-text-light: #5a5a5a;\n  --cm-border: #dde5ef;\n  --cm-shadow: 0 4px 24px rgba(43,94,167,.08);\n  --cm-shadow-lg: 0 12px 48px rgba(43,94,167,.15);\n  --cm-radius: 20px;\n  --cm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cm-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--cm-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cm-premium *, .cm-premium *::before, .cm-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.cm-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a3d6e 0%, #2B5EA7 40%, #3A7BD5 70%, #5BAFE6 100%);\n  border-radius: var(--cm-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.cm-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cm-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cm-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.cm-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cm-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.cm-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--cm-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.cm-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cm-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--cm-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.cm-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--cm-primary), var(--cm-accent));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cm-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cm-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cm-highlight-box {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cm-shadow);\n  border-left: 4px solid var(--cm-accent);\n}\n\n.cm-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--cm-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.cm-card {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--cm-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.cm-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--cm-shadow-lg);\n  border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--cm-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.cm-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--cm-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cm-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cm-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.cm-grid-compact .cm-card {\n  padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n  font-size: 12px;\n}\n\n.cm-card-span {\n  grid-column: 1 \/ -1;\n}\n\n\/* === TIMELINE === *\/\n.cm-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.cm-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.cm-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--cm-primary), var(--cm-accent));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.cm-timeline-content {\n  flex: 1;\n  background: var(--cm-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--cm-radius-sm);\n  box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--cm-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n  font-size: 14px;\n  color: var(--cm-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cm-testimonial {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--cm-shadow);\n  border-left: 4px solid var(--cm-primary);\n}\n\n.cm-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--cm-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === TABLE === *\/\n.cm-table-wrapper {\n  background: var(--cm-white);\n  border-radius: var(--cm-radius);\n  box-shadow: var(--cm-shadow);\n  overflow: hidden;\n}\n\n.cm-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: clamp(13px, 2vw, 15px);\n}\n\n.cm-table thead {\n  background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n}\n\n.cm-table th {\n  color: white;\n  padding: 14px 16px;\n  text-align: left;\n  font-weight: 700;\n  font-size: clamp(13px, 2vw, 15px);\n}\n\n.cm-table td {\n  padding: 12px 16px;\n  color: var(--cm-text);\n  border-bottom: 1px solid var(--cm-border);\n}\n\n.cm-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n.cm-table tbody tr:hover {\n  background: var(--cm-primary-light);\n}\n\n.cm-table tbody tr:nth-child(even) {\n  background: rgba(43,94,167,.02);\n}\n\n.cm-table tbody tr:nth-child(even):hover {\n  background: var(--cm-primary-light);\n}\n\n\/* === TIP BOX === *\/\n.cm-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--cm-primary-light);\n  border-radius: var(--cm-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.cm-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cm-tip p {\n  font-size: 14px;\n  color: var(--cm-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cm-cta-box {\n  background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n  border-radius: var(--cm-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.cm-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cm-disclaimer {\n  font-size: 12px;\n  color: var(--cm-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .cm-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .cm-card {\n    padding: 1.125rem;\n  }\n\n  .cm-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .cm-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--cm-radius-sm);\n  }\n\n  .cm-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .cm-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .cm-grid-compact {\n    gap: .625rem;\n  }\n\n  .cm-grid-compact .cm-card {\n    padding: .75rem;\n  }\n\n  .cm-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .cm-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .cm-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .cm-timeline-content p {\n    font-size: 13px;\n  }\n\n  .cm-testimonial {\n    padding: 1.25rem;\n  }\n\n  .cm-testimonial-text {\n    font-size: 14px;\n  }\n\n  .cm-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .cm-table th,\n  .cm-table td {\n    padding: 10px 12px;\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .cm-card {\n    animation: cmFadeInUp .5s ease backwards;\n  }\n  .cm-card:nth-child(1) { animation-delay: .05s; }\n  .cm-card:nth-child(2) { animation-delay: .1s; }\n  .cm-card:nth-child(3) { animation-delay: .15s; }\n  .cm-card:nth-child(4) { animation-delay: .2s; }\n  .cm-card:nth-child(5) { animation-delay: .25s; }\n  .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cmFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .cm-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"MERALIA","offers":[{"title":"Default Title","offer_id":55160241193337,"sku":"ME4004","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/collagene_marin_gelules_meralia_11zon.jpg?v=1770800378"},{"product_id":"poudre-de-chair-dhuitre-premium-60-gelules-qualidiet","title":"Poudre de Chair d'Huître Premium – 60 gélules – Qualidiet","description":"\u003cdiv class=\"ho-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ho-hero\"\u003e\n\u003cdiv class=\"ho-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ho-hero-content\"\u003e\n\u003cdiv class=\"ho-badges-top\"\u003e\n\u003cspan class=\"ho-badge\"\u003e🦪 Chair d'huître entière\u003c\/span\u003e \u003cspan class=\"ho-badge\"\u003e🇫🇷 Origine Bretagne\u003c\/span\u003e \u003cspan class=\"ho-badge\"\u003e🌿 Gélule végétale\u003c\/span\u003e \u003cspan class=\"ho-badge\"\u003e💊 60 gélules – 320 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ho-hero-title\"\u003ePoudre de Chair d'Huître Premium\u003c\/span\u003e\n\u003cp class=\"ho-subtitle\"\u003eL'énergie et la vitalité de l'océan breton\u003c\/p\u003e\n\u003cp class=\"ho-description\"\u003eUn concentré marin exceptionnel de zinc, taurine, sélénium et vitamines issu d'huîtres creuses \u003cem\u003eCrassostrea gigas\u003c\/em\u003e récoltées en Bretagne. Bien plus qu'une simple poudre de coquille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003ePoudre de chair d'huître premium : l'énergie de l'océan breton en gélules\u003c\/h2\u003e\n\u003cp class=\"ho-section-intro\"\u003eVous cherchez un complément alimentaire \u003cstrong\u003e100 % naturel\u003c\/strong\u003e pour retrouver tonus et vitalité ?\u003c\/p\u003e\n\u003cdiv class=\"ho-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003ePoudre de Chair d'Huître Premium\u003c\/strong\u003e de Qualidiet est élaborée à partir d'huîtres creuses \u003cem\u003eCrassostrea gigas\u003c\/em\u003e, récoltées sur les côtes de Bretagne. Contrairement à la simple \u003cstrong\u003epoudre de coquille d'huître\u003c\/strong\u003e, riche uniquement en calcium, ce complément valorise la \u003cstrong\u003echair entière de l'huître\u003c\/strong\u003e, là où se concentre l'essentiel des nutriments : protéines, oligo-éléments, vitamines et acides aminés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003ePourquoi la chair d'huître est-elle si riche sur le plan nutritionnel ?\u003c\/h2\u003e\n\u003cp class=\"ho-section-intro\"\u003eL'huître est un véritable concentré marin. Le poids de la chair d'une huître peut sembler modeste, mais sa densité nutritionnelle est remarquable. En la réduisant en poudre fine, on préserve l'intégralité de ses actifs dans un format pratique.\u003c\/p\u003e\n\u003cdiv class=\"ho-grid\"\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🛡️ Zinc et sélénium\u003c\/h3\u003e\n\u003cp\u003eDeux oligo-éléments essentiels au fonctionnement du système immunitaire et à la protection des cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e💙 Taurine\u003c\/h3\u003e\n\u003cp\u003eUn acide aminé naturellement présent dans la chair d'huître, reconnu pour son rôle dans le soutien cardiovasculaire et la régulation nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e✨ Vitamines A, B et E\u003c\/h3\u003e\n\u003cp\u003eElles participent au métabolisme énergétique, à la santé de la peau et des cheveux pour un éclat visible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e⚡ Iode et magnésium\u003c\/h3\u003e\n\u003cp\u003eIndispensables à l'équilibre thyroïdien et à la réduction de la fatigue pour retrouver votre énergie au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e💪 Protéines complètes\u003c\/h3\u003e\n\u003cp\u003eHautement assimilables, contenant l'ensemble des acides aminés essentiels, intéressantes pour le maintien de la masse musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"ho-grid-compact\"\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n\u003cp\u003eSoutien cognitif en période d'examens et de concentration intense.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🏃 Actifs\u003c\/h3\u003e\n\u003cp\u003eÉnergie durable pour les journées à rythme soutenu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🌿 Seniors\u003c\/h3\u003e\n\u003cp\u003ePréservation de la vitalité et du capital osseux au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🔄 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eRemplace les multivitamines synthétiques, sans additif artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-tip\"\u003e\n\u003cspan class=\"ho-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eTous les nutriments proviennent directement de la chair de l'huître, sans additif artificiel. Un choix idéal pour ceux qui privilégient le naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"ho-composition-box\"\u003e\n\u003cdiv class=\"ho-composition-row\"\u003e\n\u003cspan class=\"ho-composition-label\"\u003e🦪 Ingrédient actif par gélule\u003c\/span\u003e \u003cspan class=\"ho-composition-value\"\u003e320 mg de poudre de chair d'huître de Bretagne (\u003cem\u003eCrassostrea gigas\u003c\/em\u003e)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-composition-row\"\u003e\n\u003cspan class=\"ho-composition-label\"\u003e💊 Enveloppe\u003c\/span\u003e \u003cspan class=\"ho-composition-value\"\u003eGélule d'origine végétale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-composition-row\"\u003e\n\u003cspan class=\"ho-composition-label\"\u003e📦 Conditionnement\u003c\/span\u003e \u003cspan class=\"ho-composition-value\"\u003e60 gélules – Poids net total : 23,70 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cp class=\"ho-section-intro\"\u003ePrenez \u003cstrong\u003e3 à 6 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au moment des repas :\u003c\/p\u003e\n\u003cdiv class=\"ho-timeline\"\u003e\n\u003cdiv class=\"ho-timeline-item\"\u003e\n\u003cdiv class=\"ho-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ho-timeline-content\"\u003e\n\u003ch3\u003eEntretien quotidien – 3 gélules\/jour (960 mg)\u003c\/h3\u003e\n\u003cp\u003ePour maintenir un bon équilibre en oligo-éléments et vitamines au quotidien. Idéal en cure de fond.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-timeline-item\"\u003e\n\u003cdiv class=\"ho-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ho-timeline-content\"\u003e\n\u003ch3\u003eCure intensive – 6 gélules\/jour (1 920 mg)\u003c\/h3\u003e\n\u003cp\u003eLors de périodes de fatigue intense, de stress ou de convalescence. Ce dosage progressif garantit une bonne tolérance digestive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-tip\"\u003e\n\u003cspan class=\"ho-tip-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003eAccompagnez toujours vos gélules d'un grand verre d'eau au moment des repas pour une assimilation optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"ho-accordion\"\u003e\n\u003cdetails class=\"ho-accordion-item\"\u003e\n\u003csummary class=\"ho-accordion-header\"\u003e⚠️ Allergies et contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément est \u003cstrong\u003edéconseillé aux personnes allergiques aux crustacés, mollusques ou à l'iode\u003c\/strong\u003e. En cas de traitement thyroïdien, consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ho-accordion-item\"\u003e\n\u003csummary class=\"ho-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical adapté. Demandez l'avis de votre professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ho-accordion-item\"\u003e\n\u003csummary class=\"ho-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver au sec, à l'abri de la lumière, hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ho-section\"\u003e\n\u003ch2\u003eCe qui distingue cette poudre de chair d'huître premium\u003c\/h2\u003e\n\u003cdiv class=\"ho-grid\"\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine bretonne certifiée\u003c\/h3\u003e\n\u003cp\u003eDes huîtres creuses issues de zones ostréicoles réputées pour la qualité exceptionnelle de leurs eaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🦪 Chair entière valorisée\u003c\/h3\u003e\n\u003cp\u003eBien plus complète qu'une simple poudre de coquille : elle concentre protéines, taurine et oligo-éléments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eAdaptée aux personnes souhaitant éviter les enveloppes d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🏭 Fabrication soignée par Qualidiet\u003c\/h3\u003e\n\u003cp\u003eUn savoir-faire reconnu dans les compléments alimentaires naturels, gage de qualité et de traçabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-cta-box\"\u003e\n\u003cp\u003e🌊 Offrez à votre organisme le meilleur de l'océan avec un complément authentique, conçu pour soutenir durablement votre énergie et votre bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ho-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. 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\/* === VARIABLES CSS === *\/\n:root {\n  --ho-cream: #f4f6f8;\n  --ho-white: #ffffff;\n  --ho-primary: #1a5276;\n  --ho-primary-dark: #0e3651;\n  --ho-primary-light: #e8f0f7;\n  --ho-secondary: #2e86c1;\n  --ho-accent: #1e8449;\n  --ho-text: #1a1a1a;\n  --ho-text-light: #5a5a5a;\n  --ho-border: #dce4ea;\n  --ho-shadow: 0 4px 24px rgba(26, 82, 118, .08);\n  --ho-shadow-lg: 0 12px 48px rgba(26, 82, 118, .15);\n  --ho-radius: 20px;\n  --ho-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ho-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ho-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ho-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ho-primary-dark) 0%, var(--ho-primary) 40%, var(--ho-secondary) 100%);\n  border-radius: var(--ho-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(--ho-shadow-lg);\n}\n\n.ho-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: \n    radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n    radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n    repeating-linear-gradient(\n      45deg,\n      transparent,\n      transparent 40px,\n      rgba(255,255,255,.02) 40px,\n      rgba(255,255,255,.02) 80px\n    );\n  opacity: 1;\n}\n\n.ho-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\/* === BADGES === *\/\n.ho-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ho-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(--ho-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ho-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.ho-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.ho-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.ho-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.ho-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ho-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ho-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.ho-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(--ho-primary), var(--ho-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ho-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ho-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.ho-highlight-box {\n  background: var(--ho-white);\n  border-radius: var(--ho-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ho-shadow);\n  border-left: 4px solid var(--ho-secondary);\n}\n\n.ho-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--ho-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.ho-card {\n  background: var(--ho-white);\n  border-radius: var(--ho-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ho-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ho-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ho-shadow-lg);\n  border-color: var(--ho-primary);\n}\n\n.ho-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ho-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ho-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ho-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ho-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ho-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ho-grid-compact .ho-card {\n  padding: 1rem;\n}\n\n.ho-grid-compact .ho-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ho-grid-compact .ho-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ho-composition-box {\n  background: var(--ho-white);\n  border-radius: var(--ho-radius);\n  box-shadow: var(--ho-shadow);\n  overflow: hidden;\n}\n\n.ho-composition-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  padding: 1.125rem 1.5rem;\n  border-bottom: 1px solid var(--ho-border);\n}\n\n.ho-composition-row:last-child {\n  border-bottom: none;\n}\n\n.ho-composition-label {\n  font-weight: 700;\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ho-primary-dark);\n  flex-shrink: 0;\n  min-width: 180px;\n}\n\n.ho-composition-value {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ho-text-light);\n  line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.ho-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ho-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ho-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ho-primary), var(--ho-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.ho-timeline-content {\n  flex: 1;\n  background: var(--ho-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ho-radius-sm);\n  box-shadow: var(--ho-shadow);\n}\n\n.ho-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ho-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ho-timeline-content p {\n  font-size: 14px;\n  color: var(--ho-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ho-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ho-primary-light);\n  border-radius: var(--ho-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ho-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ho-tip p {\n  font-size: 14px;\n  color: var(--ho-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ho-accordion {\n  background: var(--ho-white);\n  border-radius: var(--ho-radius);\n  box-shadow: var(--ho-shadow);\n  overflow: hidden;\n}\n\n.ho-accordion-item {\n  border-bottom: 1px solid var(--ho-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ho-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ho-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ho-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.ho-accordion-header:hover {\n  background: var(--ho-primary-light);\n}\n\n.ho-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ho-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ho-primary);\n  transition: transform .2s ease;\n}\n\n.ho-accordion-item[open] .ho-accordion-header::after {\n  content: '−';\n}\n\n.ho-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ho-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ho-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ho-cta-box {\n  background: linear-gradient(135deg, var(--ho-primary) 0%, var(--ho-primary-dark) 100%);\n  border-radius: var(--ho-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 2rem;\n}\n\n.ho-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.ho-disclaimer {\n  font-size: 12px;\n  color: var(--ho-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  .ho-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ho-card {\n    padding: 1.125rem;\n  }\n\n  .ho-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ho-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ho-radius-sm);\n  }\n\n  .ho-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ho-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ho-grid-compact {\n    gap: .625rem;\n  }\n\n  .ho-grid-compact .ho-card {\n    padding: .75rem;\n  }\n\n  .ho-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ho-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ho-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ho-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ho-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ho-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ho-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .ho-composition-row {\n    flex-direction: column;\n    gap: .35rem;\n    padding: .875rem 1rem;\n  }\n\n  .ho-composition-label {\n    min-width: unset;\n    font-size: 13px;\n  }\n\n  .ho-composition-value {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ho-card {\n    animation: hoFadeInUp .5s ease backwards;\n  }\n  .ho-card:nth-child(1) { animation-delay: .05s; }\n  .ho-card:nth-child(2) { animation-delay: .1s; }\n  .ho-card:nth-child(3) { animation-delay: .15s; }\n  .ho-card:nth-child(4) { animation-delay: .2s; }\n  .ho-card:nth-child(5) { animation-delay: .25s; }\n  .ho-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hoFadeInUp {\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  .ho-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":55178760028537,"sku":"VO4580","price":20.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-chair-dhuitre-premium-60-gelules-qualidiet-packshothd.webp?v=1786024558"},{"product_id":"prostacomplex-60-capsules-qualidiet","title":"Prosta'Complex – 60 capsules - Qualidiet","description":"\u003cdiv class=\"pc-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pc-hero\"\u003e\n    \u003cdiv class=\"pc-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pc-hero-content\"\u003e\n      \u003cdiv class=\"pc-badges-top\"\u003e\n        \u003cspan class=\"pc-badge\"\u003e🌿 5 plantes synergiques\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e💊 60 capsules – 830 mg\u003c\/span\u003e\n        \u003cspan class=\"pc-badge\"\u003e🇫🇷 Qualidiet\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pc-hero-title\"\u003eProsta'Complex\u003c\/span\u003e\n      \u003cp class=\"pc-subtitle\"\u003eLe complexe prostatique complet à base de plantes, vitamine E et zinc\u003c\/p\u003e\n      \u003cp class=\"pc-description\"\u003eSaw palmetto, huile de pépin de courge, ortie, prunier d'Afrique, bruyère : une formule riche et naturelle pour le confort urinaire masculin au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eProsta'Complex : LE complément alimentaire complet pour la prostate\u003c\/h2\u003e\n    \u003cp class=\"pc-section-intro\"\u003eVous cherchez une solution naturelle pour prendre soin de votre confort urinaire et de votre prostate ?\u003c\/p\u003e\n    \u003cdiv class=\"pc-highlight-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003eProsta'Complex de Qualidiet\u003c\/strong\u003e réunit en une seule formule les plantes et nutriments les plus reconnus pour le bien-être prostatique masculin. Avec son association unique de \u003cstrong\u003esaw palmetto, huile de pépin de courge, ortie, prunier d'Afrique, bruyère, zinc et vitamine E\u003c\/strong\u003e, ce complément alimentaire pour la prostate vous accompagne au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003ePourquoi ces ingrédients sont-ils si intéressants pour la prostate ?\u003c\/h2\u003e\n    \u003cp class=\"pc-section-intro\"\u003eChaque actif de Prosta'Complex a été sélectionné pour ses propriétés spécifiques sur la sphère urinaire et prostatique :\u003c\/p\u003e\n    \u003cdiv class=\"pc-grid\"\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🎃 Huile de pépin de courge (700 mg)\u003c\/h3\u003e\n        \u003cp\u003eTraditionnellement utilisée pour soutenir le fonctionnement normal de la prostate et favoriser le confort urinaire, notamment lors des réveils nocturnes fréquents.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌴 Saw Palmetto – Palmier nain (160 mg)\u003c\/h3\u003e\n        \u003cp\u003eL'une des plantes les plus étudiées pour la prostate, le saw palmetto contribue à réduire les gênes urinaires liées à l'âge, comme les envies pressantes ou le débit affaibli.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌱 Extrait de racine d'ortie (100 mg)\u003c\/h3\u003e\n        \u003cp\u003eSouvent associée au palmier nain, l'ortie aide à apaiser l'inconfort et soutient la fonction urinaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌸 Extrait de sommité de bruyère (40 mg)\u003c\/h3\u003e\n        \u003cp\u003eReconnue en phytothérapie pour ses vertus drainantes et apaisantes sur les voies urinaires.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🌳 Pygeum africanum – Prunier d'Afrique (6,4 mg)\u003c\/h3\u003e\n        \u003cp\u003eCet extrait d'écorce est utilisé depuis des décennies pour accompagner le confort prostatique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e⚙️ Zinc (15 mg – 150 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eMinéral essentiel, il contribue au maintien d'un taux normal de testostérone et au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e🛡️ Vitamine E végétale (6,7 mg – 55 % VNR)\u003c\/h3\u003e\n        \u003cp\u003ePuissant antioxydant, elle protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-card\"\u003e\n        \u003ch3\u003e💎 Oxyde de magnésium (30 mg – 8 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eParticipe à la réduction de la fatigue et au fonctionnement musculaire normal.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eComment prendre Prosta'Complex ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-timeline\"\u003e\n      \u003cdiv class=\"pc-timeline-item\"\u003e\n        \u003cdiv class=\"pc-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pc-timeline-content\"\u003e\n          \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 capsules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-timeline-item\"\u003e\n        \u003cdiv class=\"pc-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pc-timeline-content\"\u003e\n          \u003ch3\u003eDurée d'un flacon\u003c\/h3\u003e\n          \u003cp\u003eChaque flacon de 60 capsules correspond à \u003cstrong\u003eune cure de 30 jours\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-timeline-item\"\u003e\n        \u003cdiv class=\"pc-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pc-timeline-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux, une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003eComposition complète pour 2 capsules (dose journalière)\u003c\/h2\u003e\n    \u003cdiv class=\"pc-composition-table\"\u003e\n      \u003cdiv class=\"pc-comp-row\"\u003e\n        \u003cspan class=\"pc-comp-name\"\u003eHuile de pépin de courge\u003c\/span\u003e\n        \u003cspan class=\"pc-comp-value\"\u003e700 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-comp-row\"\u003e\n        \u003cspan class=\"pc-comp-name\"\u003eExtrait de fruit de Saw Palmetto\u003c\/span\u003e\n        \u003cspan class=\"pc-comp-value\"\u003e160 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-comp-row\"\u003e\n        \u003cspan class=\"pc-comp-name\"\u003eExtrait de racine d'ortie\u003c\/span\u003e\n        \u003cspan class=\"pc-comp-value\"\u003e100 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-comp-row\"\u003e\n        \u003cspan class=\"pc-comp-name\"\u003eExtrait de sommité de bruyère\u003c\/span\u003e\n        \u003cspan class=\"pc-comp-value\"\u003e40 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-comp-row\"\u003e\n        \u003cspan class=\"pc-comp-name\"\u003eOxyde de magnésium\u003c\/span\u003e\n        \u003cspan class=\"pc-comp-value\"\u003e30 mg \u003csmall\u003e(8 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-comp-row\"\u003e\n        \u003cspan class=\"pc-comp-name\"\u003eZinc\u003c\/span\u003e\n        \u003cspan class=\"pc-comp-value\"\u003e15 mg \u003csmall\u003e(150 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-comp-row\"\u003e\n        \u003cspan class=\"pc-comp-name\"\u003eVitamine E d'origine végétale\u003c\/span\u003e\n        \u003cspan class=\"pc-comp-value\"\u003e6,7 mg \u003csmall\u003e(55 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-comp-row\"\u003e\n        \u003cspan class=\"pc-comp-name\"\u003eExtrait d'écorce de Pygeum africanum\u003c\/span\u003e\n        \u003cspan class=\"pc-comp-value\"\u003e6,4 mg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pc-comp-other\"\u003e\n        \u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e lécithine de tournesol, cire d'abeille, gélatine de poisson, glycérine végétale\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"pc-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"pc-accordion\"\u003e\n      \u003cdetails class=\"pc-accordion-item\"\u003e\n        \u003csummary class=\"pc-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière indiquée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pc-accordion-item\"\u003e\n        \u003csummary class=\"pc-accordion-header\"\u003e🍽️ Alimentation et mode de vie\u003c\/summary\u003e\n        \u003cdiv class=\"pc-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.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pc-accordion-item\"\u003e\n        \u003csummary class=\"pc-accordion-header\"\u003e👨‍⚕️ Consultation médicale\u003c\/summary\u003e\n        \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de trouble prostatique diagnostiqué, consultez votre médecin avant toute prise.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pc-accordion-item\"\u003e\n        \u003csummary class=\"pc-accordion-header\"\u003e👶 Enfants et conservation\u003c\/summary\u003e\n        \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes 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  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 --\u003e\n  \u003csection class=\"pc-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eÀ qui s'adresse Prosta'Complex ?\u003c\/h2\u003e\n    \u003cdiv class=\"pc-cta-box\"\u003e\n      \u003cp\u003eCe complément alimentaire pour la prostate s'adresse aux \u003cstrong\u003ehommes à partir de 45-50 ans\u003c\/strong\u003e qui ressentent les premières gênes urinaires : envies fréquentes, réveils nocturnes, sensation de vidange incomplète.\u003c\/p\u003e\n      \u003cp style=\"margin-top:1rem;\"\u003eProsta'Complex se distingue par la richesse de sa formule associant \u003cstrong\u003ecinq plantes complémentaires\u003c\/strong\u003e à des micronutriments essentiels. Une approche globale, naturelle et bien dosée pour retrouver un quotidien plus serein.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pc-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pc-cream: #f4f6f9;\n  --pc-white: #ffffff;\n  --pc-primary: #1a3a6e;\n  --pc-primary-dark: #0e2347;\n  --pc-primary-light: #e8eef6;\n  --pc-secondary: #c0392b;\n  --pc-accent: #2e7d32;\n  --pc-text: #1a1a1a;\n  --pc-text-light: #5a5a5a;\n  --pc-border: #dde3eb;\n  --pc-shadow: 0 4px 24px rgba(26,58,110,.08);\n  --pc-shadow-lg: 0 12px 48px rgba(26,58,110,.15);\n  --pc-radius: 20px;\n  --pc-radius-sm: 12px;\n}\n\n.pc-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pc-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pc-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--pc-primary) 0%, #1e4d8a 50%, var(--pc-primary-dark) 100%);\n  border-radius: var(--pc-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n              repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n  opacity: 1;\n}\n\n.pc-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pc-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--pc-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pc-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.pc-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pc-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.pc-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.5vw, 16px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pc-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pc-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pc-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n}\n\n.pc-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--pc-primary), var(--pc-secondary));\n  border-radius: 2px;\n}\n\n.pc-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pc-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pc-highlight-box {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pc-shadow);\n  border-left: 4px solid var(--pc-accent);\n}\n\n.pc-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--pc-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.pc-card {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pc-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pc-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pc-shadow-lg);\n  border-color: var(--pc-primary);\n}\n\n.pc-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pc-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pc-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.pc-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pc-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pc-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pc-primary), var(--pc-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.pc-timeline-content {\n  flex: 1;\n  background: var(--pc-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pc-radius-sm);\n  box-shadow: var(--pc-shadow);\n}\n\n.pc-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pc-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pc-timeline-content p {\n  font-size: 14px;\n  color: var(--pc-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.pc-composition-table {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  box-shadow: var(--pc-shadow);\n  overflow: hidden;\n}\n\n.pc-comp-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .875rem 1.25rem;\n  border-bottom: 1px solid var(--pc-border);\n  transition: background .2s ease;\n}\n\n.pc-comp-row:hover {\n  background: var(--pc-primary-light);\n}\n\n.pc-comp-row:last-of-type {\n  border-bottom: 1px solid var(--pc-border);\n}\n\n.pc-comp-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--pc-text);\n}\n\n.pc-comp-value {\n  font-size: 14px;\n  font-weight: 800;\n  color: var(--pc-primary);\n  text-align: right;\n  white-space: nowrap;\n}\n\n.pc-comp-value small {\n  font-weight: 500;\n  color: var(--pc-text-light);\n  font-size: 12px;\n}\n\n.pc-comp-other {\n  padding: 1rem 1.25rem;\n  font-size: 13px;\n  color: var(--pc-text-light);\n  line-height: 1.6;\n  background: var(--pc-primary-light);\n}\n\n.pc-comp-other strong {\n  color: var(--pc-text);\n}\n\n\/* === ACCORDÉON === *\/\n.pc-accordion {\n  background: var(--pc-white);\n  border-radius: var(--pc-radius);\n  box-shadow: var(--pc-shadow);\n  overflow: hidden;\n}\n\n.pc-accordion-item {\n  border-bottom: 1px solid var(--pc-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pc-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pc-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pc-primary-dark);\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  list-style: none;\n  transition: background .2s ease;\n  background: transparent;\n  border: none;\n  margin: 0;\n}\n\n.pc-accordion-header:hover {\n  background: var(--pc-primary-light);\n}\n\n.pc-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pc-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pc-primary);\n  transition: transform .2s ease;\n}\n\n.pc-accordion-item[open] .pc-accordion-header::after {\n  content: '−';\n}\n\n.pc-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pc-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pc-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.pc-cta-box {\n  background: linear-gradient(135deg, var(--pc-primary) 0%, var(--pc-primary-dark) 100%);\n  border-radius: var(--pc-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pc-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pc-disclaimer {\n  font-size: 12px;\n  color: var(--pc-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .pc-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pc-card {\n    padding: 1.125rem;\n  }\n\n  .pc-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pc-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pc-radius-sm);\n  }\n\n  .pc-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pc-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pc-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pc-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pc-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pc-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pc-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pc-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .pc-comp-row {\n    padding: .75rem 1rem;\n  }\n\n  .pc-comp-name {\n    font-size: 13px;\n  }\n\n  .pc-comp-value {\n    font-size: 13px;\n  }\n\n  .pc-highlight-box {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pc-card {\n    animation: pcFadeInUp .5s ease backwards;\n  }\n  .pc-card:nth-child(1) { animation-delay: .05s; }\n  .pc-card:nth-child(2) { animation-delay: .1s; }\n  .pc-card:nth-child(3) { animation-delay: .15s; }\n  .pc-card:nth-child(4) { animation-delay: .2s; }\n  .pc-card:nth-child(5) { animation-delay: .25s; }\n  .pc-card:nth-child(6) { animation-delay: .3s; }\n  .pc-card:nth-child(7) { animation-delay: .35s; }\n  .pc-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes pcFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .pc-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":55183706521977,"sku":"VO4665","price":24.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/prostacomplex-60-capsules-qualidiet-packshothd_380fd6d1-92f1-4afe-af64-479019fe59cc.webp?v=1786024843"},{"product_id":"silanoral-1-litre-labo-sante-silice","title":"Silanoral 1 Litre - Silicium, vitamines \u0026 minéraux – Labo Santé Silice","description":"\u003cdiv class=\"sn-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"sn-hero\"\u003e\n    \u003cdiv class=\"sn-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"sn-hero-content\"\u003e\n      \u003cdiv class=\"sn-badges-top\"\u003e\n        \u003cspan class=\"sn-badge\"\u003e🌿 Silicium végétal\u003c\/span\u003e\n        \u003cspan class=\"sn-badge\"\u003e⚡ 4000 mg\/L\u003c\/span\u003e\n        \u003cspan class=\"sn-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"sn-badge\"\u003e🫙 1 litre\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"sn-hero-title\"\u003eSilanoral 1 Litre\u003c\/span\u003e\n      \u003cp class=\"sn-subtitle\"\u003eSilicium, vitamines \u0026amp; minéraux – Labo Santé Silice\u003c\/p\u003e\n      \u003cp class=\"sn-description\"\u003eLa cure buvable concentrée en silicium organique d'origine végétale, enrichie en vitamines B2, B12, magnésium, zinc et sélénium pour retrouver énergie, vitalité et confort au quotidien.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003eSilanoral : votre cure de silicium organique végétal pour l'énergie et la vitalité\u003c\/h2\u003e\n    \u003cdiv class=\"sn-highlight-card\"\u003e\n      \u003cp\u003e\u003cstrong\u003eSilanoral\u003c\/strong\u003e du Labo Santé Silice est un complément alimentaire buvable concentré en \u003cstrong\u003esilicium organique d'origine végétale\u003c\/strong\u003e (4000 mg\/L), enrichi en vitamines B2, B12, magnésium, zinc et sélénium. Formulé pour soutenir votre vitalité, votre confort articulaire et la beauté de votre peau, il se distingue par sa haute biodisponibilité et sa composition sans silicium de synthèse ni additifs controversés.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003eBienfaits du silicium organique : pourquoi choisir Silanoral ?\u003c\/h2\u003e\n    \u003cp class=\"sn-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du silicium organique\u003c\/strong\u003e sont largement documentés. Cet oligo-élément joue un rôle clé dans la structure des tissus conjonctifs, la solidité des os, la souplesse articulaire et la résistance de la peau, des cheveux et des ongles. Notre organisme en produisant de moins en moins avec l'âge, une supplémentation devient pertinente.\u003c\/p\u003e\n    \u003cp class=\"sn-section-intro\"\u003eSilanoral associe un silicium végétal issu du \u003cstrong\u003ebambou\u003c\/strong\u003e — naturellement riche en silice et remarquablement assimilable — avec des nutriments complémentaires soigneusement dosés :\u003c\/p\u003e\n    \u003cdiv class=\"sn-grid\"\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e⚡ Vitamines B2 et B12\u003c\/h3\u003e\n        \u003cp\u003eContribuent à un métabolisme énergétique normal et aident à réduire la fatigue au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e💎 Zinc\u003c\/h3\u003e\n        \u003cp\u003eMaintien de cheveux, ongles et peau en bonne santé. Soutien du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n        \u003cp\u003eProtège les cellules contre le stress oxydatif grâce à son puissant pouvoir antioxydant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e💪 Magnésium\u003c\/h3\u003e\n        \u003cp\u003eSoutient le fonctionnement musculaire et nerveux au quotidien pour un confort durable.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003eSilicium organique G5 et Silanoral : quelles différences ?\u003c\/h2\u003e\n    \u003cdiv class=\"sn-comparison\"\u003e\n      \u003cdiv class=\"sn-comparison-col sn-comparison-other\"\u003e\n        \u003ch3\u003e🧪 Silicium G5 classique\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eForme souvent obtenue par synthèse chimique\u003c\/li\u003e\n          \u003cli\u003eTolérance digestive parfois limitée\u003c\/li\u003e\n          \u003cli\u003eBiodisponibilité variable\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-comparison-col sn-comparison-sn\"\u003e\n        \u003ch3\u003e🌿 Silanoral\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003eSilicium exclusivement d'origine végétale\u003c\/li\u003e\n          \u003cli\u003eExtrait de l'exsudat de bambou\u003c\/li\u003e\n          \u003cli\u003eExcellente tolérance digestive\u003c\/li\u003e\n          \u003cli\u003eBiodisponibilité optimale\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003eY a-t-il un danger du silicium organique ?\u003c\/h2\u003e\n    \u003cdiv class=\"sn-reassurance\"\u003e\n      \u003cdiv class=\"sn-reassurance-icon\"\u003e✅\u003c\/div\u003e\n      \u003cdiv class=\"sn-reassurance-content\"\u003e\n        \u003cp\u003eLa question du \u003cstrong\u003edanger du silicium organique\u003c\/strong\u003e revient souvent. Aux doses recommandées et sous forme végétale comme dans Silanoral, le silicium est \u003cstrong\u003eparfaitement sûr\u003c\/strong\u003e pour l'adulte en bonne santé. Respectez la posologie indiquée et consultez votre médecin en cas de doute ou de traitement en cours.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"sn-timeline\"\u003e\n      \u003cdiv class=\"sn-timeline-item\"\u003e\n        \u003cdiv class=\"sn-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"sn-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 bouchons doseurs (20 ml chacun) par jour\u003c\/strong\u003e, de préférence avant un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-timeline-item\"\u003e\n        \u003cdiv class=\"sn-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"sn-timeline-content\"\u003e\n          \u003ch3\u003eEntretien ou cure intensive\u003c\/h3\u003e\n          \u003cp\u003eCommencez par un bouchon quotidien pour un entretien régulier, puis passez à deux en cas de fatigue marquée ou pour un effet revitalisant plus intense.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-timeline-item\"\u003e\n        \u003cdiv class=\"sn-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"sn-timeline-content\"\u003e\n          \u003ch3\u003eMode de prise\u003c\/h3\u003e\n          \u003cp\u003ePeut se prendre pur ou dilué dans un verre d'eau. Bien agiter avant emploi.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-timeline-item\"\u003e\n        \u003cdiv class=\"sn-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"sn-timeline-content\"\u003e\n          \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est recommandée, renouvelable aux changements de saison ou en période de stress.\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=\"sn-section\"\u003e\n    \u003ch2\u003eComposition complète\u003c\/h2\u003e\n    \u003cp class=\"sn-section-intro\"\u003eEau déminéralisée, sulfate de magnésium, glycérine, exsudat de bambou (\u003cem\u003eBambusa arundinacea\u003c\/em\u003e), arôme naturel de fruits rouges, acidifiant : acide citrique, conservateur : sorbate de potassium, sulfate de zinc, vitamine B12 (cyanocobalamine), vitamine B2 (riboflavine), sélénite de sodium.\u003c\/p\u003e\n\n    \u003cdiv class=\"sn-nutri-title\"\u003eValeurs nutritionnelles pour 40 ml (2 bouchons) :\u003c\/div\u003e\n    \u003cdiv class=\"sn-grid-compact\"\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e🪨 Silicium\u003c\/h3\u003e\n        \u003cp\u003e160 mg\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e💪 Magnésium\u003c\/h3\u003e\n        \u003cp\u003e22 mg (5,8 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e💎 Zinc\u003c\/h3\u003e\n        \u003cp\u003e1,6 mg (16 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n        \u003cp\u003e18 μg (33 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e⚡ Vitamine B2\u003c\/h3\u003e\n        \u003cp\u003e0,56 mg (40 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sn-card\"\u003e\n        \u003ch3\u003e🔋 Vitamine B12\u003c\/h3\u003e\n        \u003cp\u003e1 μg (40 % VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #7 --\u003e\n  \u003csection class=\"sn-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"sn-accordion\"\u003e\n      \u003cdetails class=\"sn-accordion-item\"\u003e\n        \u003csummary class=\"sn-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé à l'adulte. Déconseillé aux enfants, adolescents, femmes enceintes ou allaitantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sn-accordion-item\"\u003e\n        \u003csummary class=\"sn-accordion-header\"\u003e📏 Posologie\u003c\/summary\u003e\n        \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sn-accordion-item\"\u003e\n        \u003csummary class=\"sn-accordion-header\"\u003e⚠️ Sensibilité digestive\u003c\/summary\u003e\n        \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n          \u003cp\u003eLe magnésium peut avoir un léger effet laxatif chez les personnes sensibles.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sn-accordion-item\"\u003e\n        \u003csummary class=\"sn-accordion-header\"\u003e🥗 Alimentation équilibrée\u003c\/summary\u003e\n        \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"sn-accordion-item\"\u003e\n        \u003csummary class=\"sn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"sn-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver au réfrigérateur après ouverture et consommer dans le mois. Fabrication française.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #8 --\u003e\n  \u003csection class=\"sn-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis sur Silanoral\u003c\/h2\u003e\n    \u003cdiv class=\"sn-testimonial\"\u003e\n      \u003cp class=\"sn-testimonial-text\"\u003eSilanoral fait partie des rares solutions buvables à base de \u003cstrong\u003esilicium organique\u003c\/strong\u003e alliant formule naturelle complète, goût agréable de fruits rouges et transparence sur la composition. Un choix judicieux pour entretenir votre mobilité, retrouver du tonus ou prendre soin de votre capital beauté de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sn-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à votre corps le silicium végétal qu'il mérite — énergie, articulations, beauté : tout commence de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"sn-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --sn-cream: #faf7f5;\n  --sn-white: #ffffff;\n  --sn-primary: #c0213e;\n  --sn-primary-dark: #8c1529;\n  --sn-primary-light: #fdf0f2;\n  --sn-secondary: #d94a5e;\n  --sn-accent: #e8b445;\n  --sn-text: #1a1a1a;\n  --sn-text-light: #5a5a5a;\n  --sn-border: #e8e0dc;\n  --sn-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --sn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --sn-radius: 20px;\n  --sn-radius-sm: 12px;\n}\n\n.sn-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--sn-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sn-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--sn-primary-dark) 0%, var(--sn-primary) 45%, var(--sn-secondary) 100%);\n  border-radius: var(--sn-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(--sn-shadow-lg);\n}\n\n.sn-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n              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.04'%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: 1;\n}\n\n.sn-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.sn-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.sn-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(--sn-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.sn-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.sn-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.sn-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.sn-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.sn-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sn-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--sn-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.sn-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(--sn-primary), var(--sn-secondary));\n  border-radius: 2px;\n}\n\n.sn-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sn-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === HIGHLIGHT CARD === *\/\n.sn-highlight-card {\n  background: var(--sn-white);\n  border-radius: var(--sn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sn-shadow);\n  border-left: 5px solid var(--sn-primary);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.sn-highlight-card p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sn-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === CARDS === *\/\n.sn-card {\n  background: var(--sn-white);\n  border-radius: var(--sn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sn-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.sn-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--sn-shadow-lg);\n  border-color: var(--sn-primary);\n}\n\n.sn-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--sn-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.sn-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--sn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sn-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.sn-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n}\n\n.sn-grid-compact .sn-card {\n  padding: 1rem;\n}\n\n.sn-grid-compact .sn-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.sn-grid-compact .sn-card p {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--sn-primary-dark);\n}\n\n\/* === COMPARISON === *\/\n.sn-comparison {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 1.25rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.sn-comparison-col {\n  border-radius: var(--sn-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--sn-shadow);\n}\n\n.sn-comparison-col h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.sn-comparison-col ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.sn-comparison-col ul li {\n  font-size: clamp(13px, 2vw, 15px);\n  line-height: 1.6;\n  padding: .4rem 0;\n  padding-left: 1.5rem;\n  position: relative;\n}\n\n.sn-comparison-other {\n  background: var(--sn-white);\n  border: 2px solid var(--sn-border);\n}\n\n.sn-comparison-other h3 {\n  color: var(--sn-text-light);\n}\n\n.sn-comparison-other ul li::before {\n  content: '–';\n  position: absolute;\n  left: 0;\n  color: var(--sn-text-light);\n  font-weight: 700;\n}\n\n.sn-comparison-other ul li {\n  color: var(--sn-text-light);\n}\n\n.sn-comparison-sn {\n  background: var(--sn-primary-light);\n  border: 2px solid var(--sn-primary);\n}\n\n.sn-comparison-sn h3 {\n  color: var(--sn-primary-dark);\n}\n\n.sn-comparison-sn ul li::before {\n  content: '✓';\n  position: absolute;\n  left: 0;\n  color: var(--sn-primary);\n  font-weight: 800;\n}\n\n.sn-comparison-sn ul li {\n  color: var(--sn-text);\n}\n\n\/* === REASSURANCE === *\/\n.sn-reassurance {\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  background: var(--sn-white);\n  border-radius: var(--sn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sn-shadow);\n  border: 2px solid #d4edda;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.sn-reassurance-icon {\n  font-size: 36px;\n  flex-shrink: 0;\n}\n\n.sn-reassurance-content p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sn-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.sn-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.sn-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.sn-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--sn-primary), var(--sn-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.sn-timeline-content {\n  flex: 1;\n  background: var(--sn-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--sn-radius-sm);\n  box-shadow: var(--sn-shadow);\n}\n\n.sn-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--sn-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.sn-timeline-content p {\n  font-size: 14px;\n  color: var(--sn-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === NUTRI TITLE === *\/\n.sn-nutri-title {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  font-weight: 700;\n  color: var(--sn-primary-dark);\n  margin-bottom: 1.25rem;\n}\n\n\/* === TESTIMONIAL === *\/\n.sn-testimonial {\n  background: var(--sn-white);\n  border-radius: var(--sn-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--sn-shadow);\n  border-left: 4px solid var(--sn-primary);\n  max-width: 800px;\n  margin: 0 auto 1.5rem;\n}\n\n.sn-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--sn-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDION === *\/\n.sn-accordion {\n  background: var(--sn-white);\n  border-radius: var(--sn-radius);\n  box-shadow: var(--sn-shadow);\n  overflow: hidden;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.sn-accordion-item {\n  border-bottom: 1px solid var(--sn-border);\n  margin: 0;\n  padding: 0;\n}\n\n.sn-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.sn-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--sn-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.sn-accordion-header:hover {\n  background: var(--sn-primary-light);\n}\n\n.sn-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.sn-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--sn-primary);\n  transition: transform .2s ease;\n}\n\n.sn-accordion-item[open] .sn-accordion-header::after {\n  content: '−';\n}\n\n.sn-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--sn-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.sn-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.sn-cta-box {\n  background: linear-gradient(135deg, var(--sn-primary) 0%, var(--sn-primary-dark) 100%);\n  border-radius: var(--sn-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.sn-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.sn-disclaimer {\n  font-size: 12px;\n  color: var(--sn-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  .sn-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sn-grid-compact {\n    grid-template-columns: repeat(2, 1fr);\n    gap: .625rem;\n  }\n\n  .sn-grid-compact .sn-card {\n    padding: .75rem;\n  }\n\n  .sn-card {\n    padding: 1.125rem;\n  }\n\n  .sn-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .sn-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--sn-radius-sm);\n  }\n\n  .sn-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .sn-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .sn-comparison {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .sn-reassurance {\n    flex-direction: column;\n    text-align: center;\n    align-items: center;\n  }\n\n  .sn-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .sn-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .sn-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .sn-timeline-content p {\n    font-size: 13px;\n  }\n\n  .sn-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .sn-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .sn-testimonial {\n    padding: 1.25rem;\n  }\n\n  .sn-testimonial-text {\n    font-size: 14px;\n  }\n\n  .sn-highlight-card {\n    padding: 1.25rem;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .sn-card {\n    animation: snFadeInUp .5s ease backwards;\n  }\n  .sn-card:nth-child(1) { animation-delay: .05s; }\n  .sn-card:nth-child(2) { animation-delay: .1s; }\n  .sn-card:nth-child(3) { animation-delay: .15s; }\n  .sn-card:nth-child(4) { animation-delay: .2s; }\n  .sn-card:nth-child(5) { animation-delay: .25s; }\n  .sn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes snFadeInUp {\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  .sn-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LABO SANTE SILICE","offers":[{"title":"Default Title","offer_id":55232847315321,"sku":"LS0295","price":25.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/silanoral-1-litre-silicium-vitamines-mineraux-labo-sante-sil-packshothd.webp?v=1773243880"},{"product_id":"erectab-stimulant-sexuel-naturel-pour-lerection-4-comprimes-labophyto","title":"Erectab - Stimulant Sexuel Naturel pour l'Érection - 4 Comprimés - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Erectab - Stimulant Sexuel Naturel\nPalette détectée:\n  - Primaire: #0076BE (bleu intense du packaging - masculin, confiance, performance)\n  - Secondaire: #00A3D9 (bleu clair - dynamisme, vitalité)\n  - Accent: #1E3A8A (bleu marine foncé - sérieux, expertise)\nAmbiance: Masculin, médical-technique, performance, confiance, expertise scientifique\nStyle: Premium santé, design pharmaceutique moderne, rassurant mais dynamique\nPréfixe CSS: erec\n--\u003e\n\n\u003cdiv class=\"erec-premium\"\u003e\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"erec-hero\"\u003e\n    \u003cdiv class=\"erec-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"erec-hero-content\"\u003e\n      \u003cdiv class=\"erec-badges-top\"\u003e\n        \u003cspan class=\"erec-badge\"\u003e⚡ Action rapide 60min\u003c\/span\u003e\n        \u003cspan class=\"erec-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n        \u003cspan class=\"erec-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"erec-hero-title\"\u003eErectab\u003c\/span\u003e\n      \u003cp class=\"erec-subtitle\"\u003eStimulant sexuel naturel pour des érections fermes et durables\u003c\/p\u003e\n      \u003cp class=\"erec-description\"\u003eUne formule scientifique à base de plantes adaptogènes, vitamines et minéraux pour retrouver confiance et performances en toute sécurité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- POINTS FORTS --\u003e\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Erectab ?\u003c\/h2\u003e\n    \u003cdiv class=\"erec-grid\"\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e💪\u003c\/div\u003e\n        \u003cdiv class=\"erec-card-title\"\u003eÉrection ferme et durable\u003c\/div\u003e\n        \u003cp\u003eFavorise la qualité et la durée de l'érection grâce à une synergie de plantes vasodilatatrices et adaptogènes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e🔥\u003c\/div\u003e\n        \u003cdiv class=\"erec-card-title\"\u003eStimule la libido\u003c\/div\u003e\n        \u003cp\u003eBooste le désir sexuel et l'énergie grâce au ginseng, tribulus et ashwagandha reconnus pour leurs propriétés aphrodisiaques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"erec-card-title\"\u003eAction rapide\u003c\/div\u003e\n        \u003cp\u003eRésultats perceptibles dès 60 minutes après la prise pour une spontanéité préservée dans votre vie intime.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e✨\u003c\/div\u003e\n        \u003cdiv class=\"erec-card-title\"\u003eConfiance retrouvée\u003c\/div\u003e\n        \u003cp\u003eAméliore la confiance en soi et le bien-être sexuel grâce à des performances optimisées et rassurantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cdiv class=\"erec-card-title\"\u003eVitalité générale\u003c\/div\u003e\n        \u003cp\u003eContribue au maintien d'une bonne forme physique et mentale, réduit les effets du stress sur la sexualité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"erec-card-title\"\u003e100% naturel\u003c\/div\u003e\n        \u003cp\u003eFormule sûre à base d'extraits végétaux et micronutriments, sans effets secondaires notables ni dépendance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION --\u003e\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003eUne formule scientifique ultra-concentrée\u003c\/h2\u003e\n    \u003cp class=\"erec-intro\"\u003eChaque dose de 2 comprimés concentre 10 actifs naturels soigneusement sélectionnés pour une action synergique maximale :\u003c\/p\u003e\n    \u003cdiv class=\"erec-composition-grid\"\u003e\n      \u003cdiv class=\"erec-ingredient\"\u003e\n        \u003cdiv class=\"erec-ingredient-header\"\u003e\n          \u003cspan class=\"erec-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n          \u003cdiv class=\"erec-ingredient-name\"\u003eAstragale\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"erec-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n        \u003cp class=\"erec-ingredient-desc\"\u003eRacine adaptogène, améliore la circulation sanguine et la vitalité générale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-ingredient\"\u003e\n        \u003cdiv class=\"erec-ingredient-header\"\u003e\n          \u003cspan class=\"erec-ingredient-icon\"\u003e🍃\u003c\/span\u003e\n          \u003cdiv class=\"erec-ingredient-name\"\u003eAshwagandha\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"erec-ingredient-dose\"\u003e160 mg\u003c\/div\u003e\n        \u003cp class=\"erec-ingredient-desc\"\u003eRéduit le stress, améliore l'endurance et soutient la production hormonale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-ingredient\"\u003e\n        \u003cdiv class=\"erec-ingredient-header\"\u003e\n          \u003cspan class=\"erec-ingredient-icon\"\u003e⚡\u003c\/span\u003e\n          \u003cdiv class=\"erec-ingredient-name\"\u003eTribulus\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"erec-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n        \u003cp class=\"erec-ingredient-desc\"\u003eStimule la libido et favorise la fonction érectile naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-ingredient\"\u003e\n        \u003cdiv class=\"erec-ingredient-header\"\u003e\n          \u003cspan class=\"erec-ingredient-icon\"\u003e🔴\u003c\/span\u003e\n          \u003cdiv class=\"erec-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"erec-ingredient-dose\"\u003e90 mg\u003c\/div\u003e\n        \u003cp class=\"erec-ingredient-desc\"\u003eTonifiant reconnu, améliore les performances physiques et sexuelles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-ingredient\"\u003e\n        \u003cdiv class=\"erec-ingredient-header\"\u003e\n          \u003cspan class=\"erec-ingredient-icon\"\u003e🌶️\u003c\/span\u003e\n          \u003cdiv class=\"erec-ingredient-name\"\u003eGingembre\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"erec-ingredient-dose\"\u003e50 mg\u003c\/div\u003e\n        \u003cp class=\"erec-ingredient-desc\"\u003eStimule la circulation, effet aphrodisiaque et énergisant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-ingredient\"\u003e\n        \u003cdiv class=\"erec-ingredient-header\"\u003e\n          \u003cspan class=\"erec-ingredient-icon\"\u003e⚫\u003c\/span\u003e\n          \u003cdiv class=\"erec-ingredient-name\"\u003ePoivre noir\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"erec-ingredient-dose\"\u003e1 mg\u003c\/div\u003e\n        \u003cp class=\"erec-ingredient-desc\"\u003eAméliore l'absorption des autres actifs pour une efficacité optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"erec-vitamins-box\"\u003e\n      \u003cdiv class=\"erec-vitamins-title\"\u003e💊 Vitamines et minéraux essentiels\u003c\/div\u003e\n      \u003cdiv class=\"erec-vitamins-grid\"\u003e\n        \u003cdiv class=\"erec-vitamin-item\"\u003e\n          \u003cstrong\u003eVitamine B6\u003c\/strong\u003e\n          \u003cspan\u003e1,4 mg (100% AR)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"erec-vitamin-item\"\u003e\n          \u003cstrong\u003eBiotine B8\u003c\/strong\u003e\n          \u003cspan\u003e50 µg (100% AR)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"erec-vitamin-item\"\u003e\n          \u003cstrong\u003eZinc\u003c\/strong\u003e\n          \u003cspan\u003e10 mg (100% AR)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"erec-vitamin-item\"\u003e\n          \u003cstrong\u003eSélénium\u003c\/strong\u003e\n          \u003cspan\u003e55 µg (100% AR)\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"erec-vitamins-note\"\u003eCes micronutriments couvrent 100% des apports de référence et soutiennent la production hormonale et la fonction reproductive.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MODE D'EMPLOI --\u003e\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003eMode d'emploi pour une efficacité optimale\u003c\/h2\u003e\n    \u003cdiv class=\"erec-steps\"\u003e\n      \u003cdiv class=\"erec-step\"\u003e\n        \u003cdiv class=\"erec-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"erec-step-content\"\u003e\n          \u003cdiv class=\"erec-step-title\"\u003eDosage\u003c\/div\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 comprimés\u003c\/strong\u003e en une seule prise\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-step\"\u003e\n        \u003cdiv class=\"erec-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"erec-step-content\"\u003e\n          \u003cdiv class=\"erec-step-title\"\u003eTiming\u003c\/div\u003e\n          \u003cp\u003eEnviron \u003cstrong\u003e60 minutes avant\u003c\/strong\u003e l'activité sexuelle prévue\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-step\"\u003e\n        \u003cdiv class=\"erec-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"erec-step-content\"\u003e\n          \u003cdiv class=\"erec-step-title\"\u003eHydratation\u003c\/div\u003e\n          \u003cp\u003eAccompagner d'un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e (250ml minimum)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-step\"\u003e\n        \u003cdiv class=\"erec-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"erec-step-content\"\u003e\n          \u003cdiv class=\"erec-step-title\"\u003eFréquence\u003c\/div\u003e\n          \u003cp\u003eNe pas dépasser \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"erec-info-box\"\u003e\n      \u003cdiv class=\"erec-info-icon\"\u003e📦\u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eContenance :\u003c\/strong\u003e Chaque boîte de 4 comprimés permet de réaliser 2 prises complètes.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- RÉSULTATS ATTENDUS --\u003e\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003eRésultats attendus et témoignages\u003c\/h2\u003e\n    \u003cdiv class=\"erec-results-grid\"\u003e\n      \u003cdiv class=\"erec-result-card\"\u003e\n        \u003cdiv class=\"erec-result-icon\"\u003e✅\u003c\/div\u003e\n        \u003cdiv class=\"erec-result-title\"\u003eDès 60 minutes\u003c\/div\u003e\n        \u003cp\u003eAction rapide perceptible, meilleure réponse érectile\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-result-card\"\u003e\n        \u003cdiv class=\"erec-result-icon\"\u003e✅\u003c\/div\u003e\n        \u003cdiv class=\"erec-result-title\"\u003ePremières prises\u003c\/div\u003e\n        \u003cp\u003eÉrections plus fermes et plus durables, confiance renforcée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-result-card\"\u003e\n        \u003cdiv class=\"erec-result-icon\"\u003e✅\u003c\/div\u003e\n        \u003cdiv class=\"erec-result-title\"\u003eUtilisation régulière\u003c\/div\u003e\n        \u003cp\u003eAmélioration du bien-être sexuel et des rapports plus satisfaisants\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"erec-testimonial\"\u003e\n      \u003cdiv class=\"erec-testimonial-icon\"\u003e💬\u003c\/div\u003e\n      \u003cdiv class=\"erec-testimonial-content\"\u003e\n        \u003cp class=\"erec-testimonial-text\"\u003e\"Des résultats rapides et efficaces, je me sens beaucoup plus confiant. La formule naturelle me rassure et je n'ai constaté aucun effet secondaire.\"\u003c\/p\u003e\n        \u003cdiv class=\"erec-testimonial-author\"\u003e— Marc, 42 ans\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"erec-note\"\u003e⚠️ Les résultats peuvent varier selon la sensibilité individuelle, l'état général et l'hygiène de vie.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POUR QUI --\u003e\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003eErectab est fait pour vous si...\u003c\/h2\u003e\n    \u003cdiv class=\"erec-grid\"\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e👨\u003c\/div\u003e\n        \u003cdiv class=\"erec-profile-title\"\u003eBaisse de performance\u003c\/div\u003e\n        \u003cp\u003eVous ressentez une diminution de la qualité ou de la durée de vos érections\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e😟\u003c\/div\u003e\n        \u003cdiv class=\"erec-profile-title\"\u003eManque de confiance\u003c\/div\u003e\n        \u003cp\u003eVous souhaitez retrouver confiance en vos capacités sexuelles\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e💤\u003c\/div\u003e\n        \u003cdiv class=\"erec-profile-title\"\u003eLibido en baisse\u003c\/div\u003e\n        \u003cp\u003eVous constatez une diminution de votre désir ou de votre énergie sexuelle\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e⚡\u003c\/div\u003e\n        \u003cdiv class=\"erec-profile-title\"\u003eBesoin ponctuel\u003c\/div\u003e\n        \u003cp\u003eVous recherchez un soutien occasionnel avant un moment intime\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e😰\u003c\/div\u003e\n        \u003cdiv class=\"erec-profile-title\"\u003eStress et fatigue\u003c\/div\u003e\n        \u003cp\u003eLe stress du quotidien impacte négativement votre sexualité\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cdiv class=\"erec-profile-title\"\u003eSolution naturelle\u003c\/div\u003e\n        \u003cp\u003eVous privilégiez les alternatives naturelles aux solutions chimiques\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRÉCAUTIONS --\u003e\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n    \u003cdiv class=\"erec-warning-box\"\u003e\n      \u003cdiv class=\"erec-warning-content\"\u003e\n        \u003cul class=\"erec-warning-list\" style=\"list-style:none;\"\u003e\n          \u003cli\u003e\n\u003cstrong\u003eRéservé à l'adulte masculin\u003c\/strong\u003e : ne pas utiliser chez la femme, les adolescents ou les enfants\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eGrossesse et allaitement\u003c\/strong\u003e : contre-indiqué chez la femme enceinte ou allaitante\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eTraitement médical\u003c\/strong\u003e : en cas de traitement en cours ou de pathologie (cardiaque, hypertension, diabète...), demander l'avis d'un professionnel de santé\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003ePosologie\u003c\/strong\u003e : ne pas dépasser 2 comprimés par jour, respecter la dose recommandée\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eConservation\u003c\/strong\u003e : tenir hors de portée des enfants, conserver dans un endroit sec à l'abri de la lumière\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eComplément alimentaire\u003c\/strong\u003e : ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eAllergie\u003c\/strong\u003e : contient des extraits de plantes, vérifier la liste des ingrédients en cas d'allergie connue\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- QUALITÉ FRANÇAISE --\u003e\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003eQualité et expertise Labophyto\u003c\/h2\u003e\n    \u003cdiv class=\"erec-quality-box\"\u003e\n      \u003cdiv class=\"erec-quality-content\"\u003e\n        \u003cdiv class=\"erec-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"erec-quality-title\"\u003eFabrication française garantie\u003c\/div\u003e\n          \u003cp\u003eErectab est conçu et fabriqué en France par \u003cstrong\u003eLabophyto\u003c\/strong\u003e, laboratoire expert en santé sexuelle et compléments alimentaires naturels depuis de nombreuses années. Chaque étape de fabrication respecte les normes européennes les plus strictes (bonnes pratiques de fabrication, traçabilité, contrôles qualité) pour vous garantir un produit sûr, efficace et de qualité pharmaceutique.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-quality-badges\"\u003e\n        \u003cspan class=\"erec-quality-badge\"\u003e✓ Normes européennes\u003c\/span\u003e\n        \u003cspan class=\"erec-quality-badge\"\u003e✓ Contrôles qualité stricts\u003c\/span\u003e\n        \u003cspan class=\"erec-quality-badge\"\u003e✓ Traçabilité totale\u003c\/span\u003e\n        \u003cspan class=\"erec-quality-badge\"\u003e✓ Ingrédients sélectionnés\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CONSEIL BIEN-ÊTRE --\u003e\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003eNotre conseil pour maximiser les résultats\u003c\/h2\u003e\n    \u003cdiv class=\"erec-tips-grid\"\u003e\n      \u003cdiv class=\"erec-tip-card\"\u003e\n        \u003cdiv class=\"erec-tip-icon\"\u003e🥗\u003c\/div\u003e\n        \u003cdiv class=\"erec-tip-title\"\u003eAlimentation équilibrée\u003c\/div\u003e\n        \u003cp\u003ePrivilégiez les fruits, légumes, protéines de qualité et acides gras essentiels pour soutenir la production hormonale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-tip-card\"\u003e\n        \u003cdiv class=\"erec-tip-icon\"\u003e🏃\u003c\/div\u003e\n        \u003cdiv class=\"erec-tip-title\"\u003eActivité physique\u003c\/div\u003e\n        \u003cp\u003e30 minutes d'exercice régulier améliorent la circulation sanguine et boostent la testostérone naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-tip-card\"\u003e\n        \u003cdiv class=\"erec-tip-icon\"\u003e😌\u003c\/div\u003e\n        \u003cdiv class=\"erec-tip-title\"\u003eGestion du stress\u003c\/div\u003e\n        \u003cp\u003ePratiquez la relaxation, la méditation ou le yoga pour réduire l'anxiété de performance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-tip-card\"\u003e\n        \u003cdiv class=\"erec-tip-icon\"\u003e😴\u003c\/div\u003e\n        \u003cdiv class=\"erec-tip-title\"\u003eSommeil réparateur\u003c\/div\u003e\n        \u003cp\u003e7 à 8h de sommeil de qualité sont essentiels pour la régulation hormonale et la récupération.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-tip-card\"\u003e\n        \u003cdiv class=\"erec-tip-icon\"\u003e💧\u003c\/div\u003e\n        \u003cdiv class=\"erec-tip-title\"\u003eHydratation\u003c\/div\u003e\n        \u003cp\u003eBuvez 1,5 à 2L d'eau par jour pour optimiser la circulation et l'absorption des actifs.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-tip-card\"\u003e\n        \u003cdiv class=\"erec-tip-icon\"\u003e🚭\u003c\/div\u003e\n        \u003cdiv class=\"erec-tip-title\"\u003eHygiène de vie\u003c\/div\u003e\n        \u003cp\u003eLimitez alcool et tabac qui nuisent à la fonction érectile et à la performance sexuelle.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INFOS PRATIQUES --\u003e\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"erec-info-grid\"\u003e\n      \u003cdiv class=\"erec-info-item\"\u003e\n        \u003cdiv class=\"erec-info-label\"\u003eContenance\u003c\/div\u003e\n        \u003cdiv class=\"erec-info-value\"\u003e4 comprimés\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-info-item\"\u003e\n        \u003cdiv class=\"erec-info-label\"\u003eNombre de prises\u003c\/div\u003e\n        \u003cdiv class=\"erec-info-value\"\u003e2 prises complètes\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-info-item\"\u003e\n        \u003cdiv class=\"erec-info-label\"\u003ePosologie\u003c\/div\u003e\n        \u003cdiv class=\"erec-info-value\"\u003e2 comprimés\/prise\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-info-item\"\u003e\n        \u003cdiv class=\"erec-info-label\"\u003eDélai d'action\u003c\/div\u003e\n        \u003cdiv class=\"erec-info-value\"\u003e60 minutes\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-info-item\"\u003e\n        \u003cdiv class=\"erec-info-label\"\u003eType\u003c\/div\u003e\n        \u003cdiv class=\"erec-info-value\"\u003eComplément alimentaire\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-info-item\"\u003e\n        \u003cdiv class=\"erec-info-label\"\u003eOrigine\u003c\/div\u003e\n        \u003cdiv class=\"erec-info-value\"\u003eFabriqué en France 🇫🇷\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"erec-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"erec-cta-box\"\u003e\n      \u003cdiv class=\"erec-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"erec-cta-content\"\u003e\n        \u003cdiv class=\"erec-cta-icon\"\u003e🚀\u003c\/div\u003e\n        \u003cp\u003eRetrouvez confiance en vos performances et vivez une sexualité épanouie avec Erectab. Une formule naturelle, efficace et sûre pour des moments intimes réussis.\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  \/* Couleurs principales *\/\n  --erec-cream: #f8f9fa;\n  --erec-white: #ffffff;\n  --erec-primary: #0076BE;\n  --erec-primary-dark: #005a94;\n  --erec-primary-light: #e6f3fb;\n  --erec-secondary: #00A3D9;\n  --erec-accent: #1E3A8A;\n\n  \/* Textes *\/\n  --erec-text: #1a1a1a;\n  --erec-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --erec-border: #e0e0e0;\n  --erec-shadow: 0 4px 24px rgba(0,118,190,.08);\n  --erec-shadow-lg: 0 12px 48px rgba(0,118,190,.15);\n  --erec-radius: 20px;\n  --erec-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.erec-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--erec-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--erec-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.erec-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--erec-accent) 0%, var(--erec-primary) 50%, var(--erec-secondary) 100%);\n  border-radius: var(--erec-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(--erec-shadow-lg);\n}\n\n.erec-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 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.erec-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.erec-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 2rem;\n}\n\n.erec-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(--erec-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.erec-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.erec-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.erec-subtitle {\n  color: white;\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.erec-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  max-width: 700px;\n  margin: 0 auto;\n  line-height: 1.7;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.erec-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.erec-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--erec-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.erec-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(--erec-primary), var(--erec-secondary));\n  border-radius: 2px;\n}\n\n.erec-intro {\n  text-align: center;\n  font-size: clamp(16px, 2.5vw, 19px);\n  color: var(--erec-text-light);\n  max-width: 800px;\n  margin: 0 auto 2.5rem auto;\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.erec-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.erec-card {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--erec-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.erec-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--erec-shadow-lg);\n  border-color: var(--erec-primary);\n}\n\n.erec-icon {\n  font-size: 42px;\n  margin-bottom: 1rem;\n  display: block;\n}\n\n.erec-card-title {\n  font-size: 19px;\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin-bottom: .75rem;\n  letter-spacing: -.02em;\n}\n\n.erec-card p {\n  font-size: 15px;\n  color: var(--erec-text-light);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.erec-composition-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.erec-ingredient {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--erec-shadow);\n  border-left: 4px solid var(--erec-primary);\n  transition: all .3s ease;\n}\n\n.erec-ingredient:hover {\n  transform: translateX(4px);\n  box-shadow: var(--erec-shadow-lg);\n}\n\n.erec-ingredient-header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: .75rem;\n}\n\n.erec-ingredient-icon {\n  font-size: 28px;\n}\n\n.erec-ingredient-name {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n}\n\n.erec-ingredient-dose {\n  font-size: 20px;\n  font-weight: 900;\n  color: var(--erec-primary);\n  margin-bottom: .5rem;\n}\n\n.erec-ingredient-desc {\n  font-size: 14px;\n  color: var(--erec-text-light);\n  line-height: 1.5;\n  margin: 0;\n}\n\n\/* === VITAMINES BOX === *\/\n.erec-vitamins-box {\n  background: linear-gradient(135deg, var(--erec-primary-light) 0%, rgba(255,255,255,.5) 100%);\n  border-radius: var(--erec-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  border: 2px solid var(--erec-primary);\n}\n\n.erec-vitamins-title {\n  font-size: 22px;\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin-bottom: 1.5rem;\n  text-align: center;\n}\n\n.erec-vitamins-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.erec-vitamin-item {\n  background: var(--erec-white);\n  padding: 1rem;\n  border-radius: var(--erec-radius-sm);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  box-shadow: 0 2px 8px rgba(0,0,0,.05);\n}\n\n.erec-vitamin-item strong {\n  color: var(--erec-primary-dark);\n  font-size: 15px;\n}\n\n.erec-vitamin-item span {\n  color: var(--erec-primary);\n  font-weight: 700;\n  font-size: 14px;\n}\n\n.erec-vitamins-note {\n  font-size: 14px;\n  color: var(--erec-text-light);\n  text-align: center;\n  margin: 1rem 0 0 0;\n  font-style: italic;\n}\n\n\/* === ÉTAPES === *\/\n.erec-steps {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2rem;\n}\n\n.erec-step {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--erec-shadow);\n  display: flex;\n  gap: 1rem;\n  transition: all .3s ease;\n}\n\n.erec-step:hover {\n  transform: scale(1.03);\n  box-shadow: var(--erec-shadow-lg);\n}\n\n.erec-step-number {\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--erec-primary), var(--erec-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n  font-weight: 900;\n  color: white;\n  box-shadow: 0 4px 12px rgba(0,118,190,.25);\n}\n\n.erec-step-content {\n  flex: 1;\n}\n\n.erec-step-title {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin-bottom: .5rem;\n}\n\n.erec-step p {\n  font-size: 14px;\n  color: var(--erec-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === INFO BOX === *\/\n.erec-info-box {\n  background: var(--erec-primary-light);\n  border-left: 4px solid var(--erec-primary);\n  border-radius: var(--erec-radius-sm);\n  padding: 1.5rem;\n  display: flex;\n  gap: 1rem;\n  align-items: center;\n}\n\n.erec-info-icon {\n  font-size: 32px;\n  flex-shrink: 0;\n}\n\n.erec-info-box strong {\n  color: var(--erec-primary-dark);\n}\n\n\/* === RÉSULTATS === *\/\n.erec-results-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n  margin-bottom: 2.5rem;\n}\n\n.erec-result-card {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--erec-shadow);\n  text-align: center;\n  border-top: 4px solid var(--erec-primary);\n  transition: all .3s ease;\n}\n\n.erec-result-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--erec-shadow-lg);\n}\n\n.erec-result-icon {\n  font-size: 36px;\n  margin-bottom: 1rem;\n}\n\n.erec-result-title {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin-bottom: .75rem;\n}\n\n.erec-result-card p {\n  font-size: 14px;\n  color: var(--erec-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.erec-testimonial {\n  background: linear-gradient(135deg, var(--erec-primary-light) 0%, var(--erec-white) 100%);\n  border-radius: var(--erec-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--erec-shadow);\n  display: flex;\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n\n.erec-testimonial-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n  opacity: .6;\n}\n\n.erec-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 18px);\n  color: var(--erec-text);\n  font-style: italic;\n  line-height: 1.7;\n  margin: 0 0 .75rem 0;\n}\n\n.erec-testimonial-author {\n  font-size: 14px;\n  color: var(--erec-primary-dark);\n  font-weight: 700;\n}\n\n.erec-note {\n  background: #fff3cd;\n  border-left: 4px solid #ffc107;\n  border-radius: var(--erec-radius-sm);\n  padding: 1rem 1.5rem;\n  font-size: 14px;\n  color: #856404;\n  line-height: 1.5;\n}\n\n\/* === PROFILS === *\/\n.erec-profile-card {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--erec-shadow);\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.erec-profile-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--erec-shadow-lg);\n  border: 2px solid var(--erec-primary);\n}\n\n.erec-profile-icon {\n  font-size: 42px;\n  margin-bottom: 1rem;\n}\n\n.erec-profile-title {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin-bottom: .75rem;\n}\n\n.erec-profile-card p {\n  font-size: 14px;\n  color: var(--erec-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === WARNING BOX === *\/\n.erec-warning-box {\n  background: #fff5f5;\n  border: 2px solid #fc8181;\n  border-radius: var(--erec-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  display: flex;\n  gap: 1.5rem;\n}\n\n.erec-warning-icon {\n  font-size: 48px;\n  flex-shrink: 0;\n}\n\n.erec-warning-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.erec-warning-list li {\n  font-size: 15px;\n  color: var(--erec-text);\n  line-height: 1.7;\n  margin-bottom: 1rem;\n  padding-left: 1.5rem;\n  position: relative;\n}\n\n.erec-warning-list li:last-child {\n  margin-bottom: 0;\n}\n\n.erec-warning-list li::before {\n  content: '⚠️';\n  position: absolute;\n  left: 0;\n  font-size: 14px;\n}\n\n\/* === QUALITY BOX === *\/\n.erec-quality-box {\n  background: linear-gradient(135deg, var(--erec-primary-light) 0%, var(--erec-white) 100%);\n  border-radius: var(--erec-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--erec-shadow);\n}\n\n.erec-quality-content {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  margin-bottom: 1.5rem;\n}\n\n.erec-quality-icon {\n  font-size: 52px;\n  flex-shrink: 0;\n}\n\n.erec-quality-title {\n  font-size: 22px;\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin-bottom: .75rem;\n}\n\n.erec-quality-content p {\n  font-size: 15px;\n  color: var(--erec-text-light);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.erec-quality-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n}\n\n.erec-quality-badge {\n  display: inline-block;\n  padding: 8px 16px;\n  background: var(--erec-white);\n  border: 2px solid var(--erec-primary);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--erec-primary-dark);\n  transition: all .3s ease;\n}\n\n.erec-quality-badge:hover {\n  background: var(--erec-primary);\n  color: white;\n  transform: scale(1.05);\n}\n\n\/* === TIPS === *\/\n.erec-tips-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.erec-tip-card {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--erec-shadow);\n  text-align: center;\n  transition: all .3s ease;\n}\n\n.erec-tip-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--erec-shadow-lg);\n}\n\n.erec-tip-icon {\n  font-size: 38px;\n  margin-bottom: 1rem;\n}\n\n.erec-tip-title {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin-bottom: .75rem;\n}\n\n.erec-tip-card p {\n  font-size: 14px;\n  color: var(--erec-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === INFO GRID === *\/\n.erec-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.5rem;\n}\n\n.erec-info-item {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--erec-shadow);\n  text-align: center;\n  border-top: 4px solid var(--erec-primary);\n  transition: all .3s ease;\n}\n\n.erec-info-item:hover {\n  transform: scale(1.05);\n  box-shadow: var(--erec-shadow-lg);\n}\n\n.erec-info-label {\n  font-size: 13px;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  color: var(--erec-text-light);\n  font-weight: 700;\n  margin-bottom: .5rem;\n}\n\n.erec-info-value {\n  font-size: 18px;\n  font-weight: 900;\n  color: var(--erec-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.erec-cta-box {\n  background: linear-gradient(135deg, var(--erec-primary) 0%, var(--erec-primary-dark) 100%);\n  border-radius: var(--erec-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--erec-shadow-lg);\n}\n\n.erec-cta-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  opacity: .05;\n  background-image: \n    radial-gradient(circle at 20% 50%, 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.erec-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.erec-cta-icon {\n  font-size: 52px;\n  margin-bottom: 1.5rem;\n}\n\n.erec-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;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .erec-grid,\n  .erec-composition-grid,\n  .erec-results-grid,\n  .erec-tips-grid,\n  .erec-info-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .erec-testimonial {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .erec-quality-content {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .erec-warning-box {\n    flex-direction: column;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .erec-card,\n  .erec-ingredient,\n  .erec-step,\n  .erec-result-card,\n  .erec-profile-card,\n  .erec-tip-card,\n  .erec-info-item {\n    animation: fadeInUp .6s ease backwards;\n  }\n\n  .erec-card:nth-child(1),\n  .erec-ingredient:nth-child(1),\n  .erec-step:nth-child(1),\n  .erec-result-card:nth-child(1),\n  .erec-profile-card:nth-child(1),\n  .erec-tip-card:nth-child(1),\n  .erec-info-item:nth-child(1) {\n    animation-delay: .1s;\n  }\n\n  .erec-card:nth-child(2),\n  .erec-ingredient:nth-child(2),\n  .erec-step:nth-child(2),\n  .erec-result-card:nth-child(2),\n  .erec-profile-card:nth-child(2),\n  .erec-tip-card:nth-child(2),\n  .erec-info-item:nth-child(2) {\n    animation-delay: .2s;\n  }\n\n  .erec-card:nth-child(3),\n  .erec-ingredient:nth-child(3),\n  .erec-step:nth-child(3),\n  .erec-result-card:nth-child(3),\n  .erec-profile-card:nth-child(3),\n  .erec-tip-card:nth-child(3),\n  .erec-info-item:nth-child(3) {\n    animation-delay: .3s;\n  }\n\n  .erec-card:nth-child(4),\n  .erec-ingredient:nth-child(4),\n  .erec-step:nth-child(4),\n  .erec-profile-card:nth-child(4),\n  .erec-tip-card:nth-child(4),\n  .erec-info-item:nth-child(4) {\n    animation-delay: .4s;\n  }\n\n  .erec-card:nth-child(5),\n  .erec-ingredient:nth-child(5),\n  .erec-profile-card:nth-child(5),\n  .erec-tip-card:nth-child(5),\n  .erec-info-item:nth-child(5) {\n    animation-delay: .5s;\n  }\n\n  .erec-card:nth-child(6),\n  .erec-ingredient:nth-child(6),\n  .erec-profile-card:nth-child(6),\n  .erec-tip-card:nth-child(6),\n  .erec-info-item:nth-child(6) {\n    animation-delay: .6s;\n  }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .erec-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .erec-premium {\n    --erec-shadow: 0 4px 12px rgba(0,0,0,.3);\n    --erec-shadow-lg: 0 8px 24px rgba(0,0,0,.4);\n  }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":55294655168889,"sku":"ERECTAB4","price":14.36,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/erectab-labophyto-4-comprimes.webp?v=1748967395"},{"product_id":"imuniform-multivitamines-mineraux-plantes-120-gelules-inolab","title":"Imuniform : Multivitamines, minéraux \u0026 plantes - 120 gélules - Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Imuniform - Multivitamines, minéraux \u0026 plantes\nPalette détectée:\n  - Primaire: #F5A623 (orange chaleureux du packaging dominant)\n  - Secondaire: #E8941F (orange plus soutenu pour les accents)\n  - Accent: #FFF5E6 (crème\/beige clair du fond du sachet)\nAmbiance: Vitalité, énergie douce, naturel\/santé, chaleureux et accessible\nStyle: Premium santé naturelle, clean et lumineux\nPréfixe CSS: imf\n--\u003e\n\n\u003cdiv class=\"imf-premium\"\u003e\n\n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"imf-hero\"\u003e\n    \u003cdiv class=\"imf-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"imf-hero-content\"\u003e\n      \u003cdiv class=\"imf-badges-top\"\u003e\n        \u003cspan class=\"imf-badge\"\u003e🛡️ Immunité\u003c\/span\u003e\n        \u003cspan class=\"imf-badge\"\u003e⚡ Tonus\u003c\/span\u003e\n        \u003cspan class=\"imf-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n        \u003cspan class=\"imf-badge\"\u003e🔬 Quatrefolic®\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"imf-hero-title\"\u003eImuniform\u003c\/span\u003e\n      \u003cp class=\"imf-subtitle\"\u003eLe complexe multivitamines premium enrichi en plantes\u003c\/p\u003e\n      \u003cp class=\"imf-description\"\u003e13 vitamines • 2 minéraux essentiels • 4 extraits végétaux\u003cbr\u003eVotre bouclier vitalité au quotidien\u003c\/p\u003e\n      \u003cdiv class=\"imf-hero-stats\"\u003e\n        \u003cdiv class=\"imf-stat\"\u003e\n          \u003cspan class=\"imf-stat-number\"\u003e120\u003c\/span\u003e\n          \u003cspan class=\"imf-stat-label\"\u003eGélules\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"imf-stat\"\u003e\n          \u003cspan class=\"imf-stat-number\"\u003e30\u003c\/span\u003e\n          \u003cspan class=\"imf-stat-label\"\u003eJours\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"imf-stat\"\u003e\n          \u003cspan class=\"imf-stat-number\"\u003e1000mg\u003c\/span\u003e\n          \u003cspan class=\"imf-stat-label\"\u003eGinseng\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- PROMESSE --\u003e\n  \u003csection class=\"imf-section\"\u003e\n    \u003cdiv class=\"imf-promise-box\"\u003e\n      \u003cp\u003eContrairement aux formules classiques de pharmacie, Imuniform intègre des \u003cstrong\u003eactifs brevetés\u003c\/strong\u003e comme le Quatrefolic® et une \u003cstrong\u003evitamine D3 végétale\u003c\/strong\u003e issue du lichen. Une supplémentation de qualité supérieure, pensée pour être réellement assimilée par votre organisme.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- POURQUOI CHOISIR --\u003e\n  \u003csection class=\"imf-section\"\u003e\n    \u003ch2\u003ePourquoi choisir Imuniform ?\u003c\/h2\u003e\n    \u003cdiv class=\"imf-grid\"\u003e\n      \u003cdiv class=\"imf-card\"\u003e\n        \u003ch3\u003e🌿 Synergie plantes-vitamines unique\u003c\/h3\u003e\n        \u003cp\u003eGinseng sibérien (1000 mg), échinacée pourpre et cynorrhodon travaillent en harmonie avec les vitamines pour un effet global.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-card\"\u003e\n        \u003ch3\u003e🎯 Formes hautement assimilables\u003c\/h3\u003e\n        \u003cp\u003eZinc bisglycinate, magnésium de qualité, vitamine B9 Quatrefolic® – votre corps les absorbe efficacement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-card\"\u003e\n        \u003ch3\u003e✨ Zéro additif superflu\u003c\/h3\u003e\n        \u003cp\u003ePas de dioxyde de titane, pas de conservateurs controversés, gélule végétale HPMC.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-card\"\u003e\n        \u003ch3\u003e📅 Programme 30 jours complet\u003c\/h3\u003e\n        \u003cp\u003e120 gélules parfaitement dosées pour une cure d'un mois, renouvelable selon vos besoins.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BIENFAITS --\u003e\n  \u003csection class=\"imf-section\"\u003e\n    \u003ch2\u003eLes bienfaits concrets sur votre quotidien\u003c\/h2\u003e\n    \u003cdiv class=\"imf-benefits\"\u003e\n      \u003cdiv class=\"imf-benefit-card imf-benefit-immunity\"\u003e\n        \u003cdiv class=\"imf-benefit-header\"\u003e\n          \u003cspan class=\"imf-benefit-icon\"\u003e🛡️\u003c\/span\u003e\n          \u003ch3\u003eRenforcez vos défenses naturelles\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eLa vitamine C issue du cynorrhodon, le zinc et la vitamine D3 contribuent au \u003cstrong\u003efonctionnement normal du système immunitaire\u003c\/strong\u003e. L'échinacée pourpre complète cette action de façon traditionnelle.\u003c\/p\u003e\n        \u003cdiv class=\"imf-benefit-tag\"\u003eIdéal aux changements de saison\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-benefit-card imf-benefit-energy\"\u003e\n        \u003cdiv class=\"imf-benefit-header\"\u003e\n          \u003cspan class=\"imf-benefit-icon\"\u003e⚡\u003c\/span\u003e\n          \u003ch3\u003eDites adieu à la fatigue persistante\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eLes \u003cstrong\u003e8 vitamines du groupe B\u003c\/strong\u003e, associées au magnésium et à la vitamine C, contribuent à réduire la fatigue et à maintenir un métabolisme énergétique normal.\u003c\/p\u003e\n        \u003cdiv class=\"imf-benefit-tag\"\u003eRésultats dès 2-3 semaines\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-benefit-card imf-benefit-boost\"\u003e\n        \u003cdiv class=\"imf-benefit-header\"\u003e\n          \u003cspan class=\"imf-benefit-icon\"\u003e🚀\u003c\/span\u003e\n          \u003ch3\u003eCoup de boost adaptogène\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cp\u003eLe \u003cstrong\u003eginseng sibérien\u003c\/strong\u003e (1000 mg\/jour) aide votre organisme à mieux s'adapter aux situations de stress et de surmenage. Le thé vert apporte ses vertus antioxydantes (53 mg d'EGCG).\u003c\/p\u003e\n        \u003cdiv class=\"imf-benefit-tag\"\u003ePlantes adaptogènes puissantes\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMPOSITION VEDETTE --\u003e\n  \u003csection class=\"imf-section\"\u003e\n    \u003ch2\u003eLes actifs stars de la formule\u003c\/h2\u003e\n    \u003cdiv class=\"imf-ingredients-grid\"\u003e\n      \u003cdiv class=\"imf-ingredient\"\u003e\n        \u003cdiv class=\"imf-ingredient-badge\"\u003e1000 mg\u003c\/div\u003e\n        \u003cdiv class=\"imf-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch4\u003eGinseng sibérien\u003c\/h4\u003e\n        \u003cp\u003eAdaptogène tonifiant pour lutter contre le stress et la fatigue\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-ingredient\"\u003e\n        \u003cdiv class=\"imf-ingredient-badge\"\u003e156 mg\u003c\/div\u003e\n        \u003cdiv class=\"imf-ingredient-icon\"\u003e🫐\u003c\/div\u003e\n        \u003ch4\u003eCynorrhodon\u003c\/h4\u003e\n        \u003cp\u003eSource naturelle de vitamine C (80 mg = 100% VNR)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-ingredient\"\u003e\n        \u003cdiv class=\"imf-ingredient-badge\"\u003e120 mg\u003c\/div\u003e\n        \u003cdiv class=\"imf-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n        \u003ch4\u003eÉchinacée pourpre\u003c\/h4\u003e\n        \u003cp\u003eSoutien traditionnel des défenses immunitaires\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-ingredient\"\u003e\n        \u003cdiv class=\"imf-ingredient-badge\"\u003e100 mg\u003c\/div\u003e\n        \u003cdiv class=\"imf-ingredient-icon\"\u003e🍵\u003c\/div\u003e\n        \u003ch4\u003eThé vert\u003c\/h4\u003e\n        \u003cp\u003eRiche en EGCG antioxydant (53 mg)\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-ingredient\"\u003e\n        \u003cdiv class=\"imf-ingredient-badge\"\u003e100% VNR\u003c\/div\u003e\n        \u003cdiv class=\"imf-ingredient-icon\"\u003e☀️\u003c\/div\u003e\n        \u003ch4\u003eVitamine D3 végétale\u003c\/h4\u003e\n        \u003cp\u003eIssue du lichen, 100% végétalienne\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-ingredient\"\u003e\n        \u003cdiv class=\"imf-ingredient-badge\"\u003eBreveté\u003c\/div\u003e\n        \u003cdiv class=\"imf-ingredient-icon\"\u003e🧬\u003c\/div\u003e\n        \u003ch4\u003eQuatrefolic®\u003c\/h4\u003e\n        \u003cp\u003eVitamine B9 de haute biodisponibilité\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- TABLEAU COMPOSITION --\u003e\n  \u003csection class=\"imf-section\"\u003e\n    \u003ch2\u003eComposition détaillée pour 4 gélules\u003c\/h2\u003e\n    \u003cdiv class=\"imf-table-container\"\u003e\n      \u003ctable class=\"imf-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003eIngrédient actif\u003c\/th\u003e\n            \u003cth\u003eQuantité\u003c\/th\u003e\n            \u003cth\u003e% VNR*\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr class=\"imf-table-highlight\"\u003e\n            \u003ctd\u003e\u003cstrong\u003e🌱 Extrait de ginseng sibérien\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e1000 mg\u003c\/td\u003e\n            \u003ctd\u003e-\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\u003cstrong\u003e🫐 Extrait de cynorrhodon\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e156 mg\u003c\/td\u003e\n            \u003ctd\u003e-\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr class=\"imf-table-sub\"\u003e\n            \u003ctd\u003e↳ dont vitamine C naturelle\u003c\/td\u003e\n            \u003ctd\u003e80 mg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\u003cstrong\u003e🔬 N-acétyl-cystéine\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e120 mg\u003c\/td\u003e\n            \u003ctd\u003e-\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\u003cstrong\u003e🌸 Poudre d'échinacée pourpre\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e120 mg\u003c\/td\u003e\n            \u003ctd\u003e-\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\u003cstrong\u003e🍵 Extrait de thé vert\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e100 mg\u003c\/td\u003e\n            \u003ctd\u003e-\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr class=\"imf-table-sub\"\u003e\n            \u003ctd\u003e↳ dont EGCG\u003c\/td\u003e\n            \u003ctd\u003e53 mg\u003c\/td\u003e\n            \u003ctd\u003e-\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\u003cstrong\u003e⚡ Magnésium\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e93,75 mg\u003c\/td\u003e\n            \u003ctd\u003e25%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\u003cstrong\u003e🛡️ Zinc (bisglycinate)\u003c\/strong\u003e\u003c\/td\u003e\n            \u003ctd\u003e10 mg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\n\u003cstrong\u003e☀️ Vitamine D3\u003c\/strong\u003e (lichen)\u003c\/td\u003e\n            \u003ctd\u003e5 µg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\n\u003cstrong\u003e🦴 Vitamine K2\u003c\/strong\u003e (MK-7)\u003c\/td\u003e\n            \u003ctd\u003e75 µg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\n\u003cstrong\u003eVitamine B1\u003c\/strong\u003e (thiamine)\u003c\/td\u003e\n            \u003ctd\u003e1,10 mg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\n\u003cstrong\u003eVitamine B2\u003c\/strong\u003e (riboflavine)\u003c\/td\u003e\n            \u003ctd\u003e1,40 mg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\n\u003cstrong\u003eVitamine B3\u003c\/strong\u003e (niacine)\u003c\/td\u003e\n            \u003ctd\u003e16 mg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\n\u003cstrong\u003eVitamine B5\u003c\/strong\u003e (acide pantothénique)\u003c\/td\u003e\n            \u003ctd\u003e6 mg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\n\u003cstrong\u003eVitamine B6\u003c\/strong\u003e (pyridoxine)\u003c\/td\u003e\n            \u003ctd\u003e1,40 mg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\n\u003cstrong\u003eVitamine B8\u003c\/strong\u003e (biotine)\u003c\/td\u003e\n            \u003ctd\u003e50 µg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\n\u003cstrong\u003eVitamine B9\u003c\/strong\u003e (Quatrefolic®)\u003c\/td\u003e\n            \u003ctd\u003e200 µg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\n\u003cstrong\u003eVitamine B12\u003c\/strong\u003e (méthylcobalamine)\u003c\/td\u003e\n            \u003ctd\u003e2,50 µg\u003c\/td\u003e\n            \u003ctd\u003e100%\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n      \u003cp class=\"imf-table-note\"\u003e*VNR : 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=\"imf-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse Imuniform ?\u003c\/h2\u003e\n    \u003cdiv class=\"imf-profiles-grid\"\u003e\n      \u003cdiv class=\"imf-profile\"\u003e\n        \u003cspan class=\"imf-profile-icon\"\u003e😓\u003c\/span\u003e\n        \u003cp\u003ePersonnes en période de \u003cstrong\u003efatigue ou stress intense\u003c\/strong\u003e\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-profile\"\u003e\n        \u003cspan class=\"imf-profile-icon\"\u003e❄️\u003c\/span\u003e\n        \u003cp\u003eCeux qui veulent \u003cstrong\u003epréparer l'hiver\u003c\/strong\u003e sereinement\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-profile\"\u003e\n        \u003cspan class=\"imf-profile-icon\"\u003e🍔\u003c\/span\u003e\n        \u003cp\u003eAlimentation \u003cstrong\u003edéséquilibrée\u003c\/strong\u003e ou peu variée\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-profile\"\u003e\n        \u003cspan class=\"imf-profile-icon\"\u003e🌱\u003c\/span\u003e\n        \u003cp\u003eVégétariens et \u003cstrong\u003evégétaliens\u003c\/strong\u003e exigeants\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-profile\"\u003e\n        \u003cspan class=\"imf-profile-icon\"\u003e🏃\u003c\/span\u003e\n        \u003cp\u003e\u003cstrong\u003eSportifs\u003c\/strong\u003e cherchant une meilleure récupération\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-profile\"\u003e\n        \u003cspan class=\"imf-profile-icon\"\u003e💼\u003c\/span\u003e\n        \u003cp\u003eActifs avec un \u003cstrong\u003erythme de vie soutenu\u003c\/strong\u003e\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=\"imf-section\"\u003e\n    \u003ch2\u003eComment prendre Imuniform ?\u003c\/h2\u003e\n    \u003cdiv class=\"imf-usage-container\"\u003e\n      \u003cdiv class=\"imf-usage-timeline\"\u003e\n        \u003cdiv class=\"imf-usage-step\"\u003e\n          \u003cdiv class=\"imf-step-time\"\u003e🌅 Matin\u003c\/div\u003e\n          \u003cdiv class=\"imf-step-content\"\u003e\n            \u003cspan class=\"imf-step-pills\"\u003e2 gélules\u003c\/span\u003e\n            \u003cp\u003eAu petit-déjeuner avec un grand verre d'eau\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"imf-usage-step\"\u003e\n          \u003cdiv class=\"imf-step-time\"\u003e☀️ Midi\u003c\/div\u003e\n          \u003cdiv class=\"imf-step-content\"\u003e\n            \u003cspan class=\"imf-step-pills\"\u003e2 gélules\u003c\/span\u003e\n            \u003cp\u003eAu déjeuner pour une absorption optimale\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-usage-tip\"\u003e\n        \u003cdiv class=\"imf-tip-icon\"\u003e💡\u003c\/div\u003e\n        \u003cdiv class=\"imf-tip-content\"\u003e\n          \u003cstrong\u003eConseil de pro\u003c\/strong\u003e\n          \u003cp\u003ePrendre au cours du repas pour une meilleure absorption des vitamines liposolubles (D3, K2). Durée de cure recommandée : \u003cb\u003e3 mois\u003c\/b\u003e pour des résultats durables.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- TIMELINE RÉSULTATS --\u003e\n  \u003csection class=\"imf-section\"\u003e\n    \u003ch2\u003eQuand voir les premiers résultats ?\u003c\/h2\u003e\n    \u003cdiv class=\"imf-results-timeline\"\u003e\n      \u003cdiv class=\"imf-result-point\"\u003e\n        \u003cdiv class=\"imf-result-week\"\u003eSemaine 2-3\u003c\/div\u003e\n        \u003cdiv class=\"imf-result-desc\"\u003ePremiers effets sur la fatigue ressentie\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-result-point\"\u003e\n        \u003cdiv class=\"imf-result-week\"\u003eSemaine 4-6\u003c\/div\u003e\n        \u003cdiv class=\"imf-result-desc\"\u003eSoutien optimal de l'immunité\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"imf-result-point\"\u003e\n        \u003cdiv class=\"imf-result-week\"\u003eMois 3\u003c\/div\u003e\n        \u003cdiv class=\"imf-result-desc\"\u003eBénéfices durables et consolidés\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CTA FINAL --\u003e\n  \u003csection class=\"imf-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"imf-cta-box\"\u003e\n      \u003cdiv class=\"imf-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"imf-cta-content\"\u003e\n        \u003cspan class=\"imf-cta-icon\"\u003e🛡️\u003c\/span\u003e\n        \u003cp\u003eOffrez à votre corps la \u003cstrong\u003esynergie parfaite\u003c\/strong\u003e entre vitamines, minéraux et plantes adaptogènes. Imuniform, c'est votre allié \u003cstrong\u003eimmunité et vitalité\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n        \u003cdiv class=\"imf-cta-features\"\u003e\n          \u003cspan\u003e✓ 13 vitamines\u003c\/span\u003e\n          \u003cspan\u003e✓ 2 minéraux\u003c\/span\u003e\n          \u003cspan\u003e✓ 4 plantes\u003c\/span\u003e\n          \u003cspan\u003e✓ 100% végétal\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  --imf-cream: #FFFBF5;\n  --imf-white: #ffffff;\n  --imf-primary: #F5A623;\n  --imf-primary-dark: #D4880E;\n  --imf-primary-light: #FFF5E6;\n  --imf-secondary: #E8941F;\n  --imf-accent: #FFD093;\n  --imf-text: #1a1a1a;\n  --imf-text-light: #5a5a5a;\n  --imf-border: #F0E6DA;\n  --imf-shadow: 0 4px 24px rgba(245,166,35,.12);\n  --imf-shadow-lg: 0 12px 48px rgba(245,166,35,.18);\n  --imf-radius: 20px;\n  --imf-radius-sm: 12px;\n}\n\n.imf-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--imf-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--imf-text);\n  line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.imf-hero {\n  position: relative;\n  background: linear-gradient(135deg, #F5A623 0%, #E8941F 50%, #D4880E 100%);\n  border-radius: var(--imf-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(--imf-shadow-lg);\n}\n\n.imf-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n    url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 20 L50 20 L38 30 L43 45 L30 35 L17 45 L22 30 L10 20 L25 20 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n  opacity: 1;\n}\n\n.imf-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.imf-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: 1.5rem;\n}\n\n.imf-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(--imf-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.imf-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.imf-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.imf-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(18px, 3vw, 24px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.imf-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(15px, 2vw, 18px);\n  margin: 0 0 2rem 0;\n  line-height: 1.7;\n}\n\n.imf-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  flex-wrap: wrap;\n}\n\n.imf-stat {\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(--imf-radius-sm);\n  border: 1px solid rgba(255,255,255,.2);\n}\n\n.imf-stat-number {\n  display: block;\n  font-size: clamp(24px, 4vw, 32px);\n  font-weight: 900;\n  color: white;\n}\n\n.imf-stat-label {\n  font-size: 13px;\n  color: rgba(255,255,255,.85);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.imf-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.imf-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--imf-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.imf-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(--imf-primary), var(--imf-secondary));\n  border-radius: 2px;\n}\n\n\/* === PROMISE BOX === *\/\n.imf-promise-box {\n  background: linear-gradient(135deg, var(--imf-primary-light) 0%, #FFF9F0 100%);\n  border-radius: var(--imf-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  text-align: center;\n  border: 2px solid var(--imf-accent);\n  position: relative;\n}\n\n.imf-promise-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.imf-promise-box p {\n  font-size: clamp(16px, 2.5vw, 19px);\n  line-height: 1.8;\n  color: var(--imf-text);\n  margin: 0;\n}\n\n\/* === CARDS GRID === *\/\n.imf-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.5rem;\n}\n\n.imf-card {\n  background: var(--imf-white);\n  border-radius: var(--imf-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--imf-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.imf-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--imf-shadow-lg);\n  border-color: var(--imf-primary);\n}\n\n.imf-card-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.imf-card h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--imf-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.imf-card p {\n  font-size: 15px;\n  color: var(--imf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.imf-benefits {\n  display: grid;\n  gap: 1.5rem;\n}\n\n.imf-benefit-card {\n  background: var(--imf-white);\n  border-radius: var(--imf-radius);\n  padding: clamp(1.5rem, 3vw, 2.5rem);\n  box-shadow: var(--imf-shadow);\n  border-left: 5px solid var(--imf-primary);\n  transition: all .3s ease;\n}\n\n.imf-benefit-card:hover {\n  transform: translateX(8px);\n  box-shadow: var(--imf-shadow-lg);\n}\n\n.imf-benefit-header {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.imf-benefit-icon {\n  font-size: 36px;\n}\n\n.imf-benefit-header h3 {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--imf-primary-dark);\n  margin: 0;\n}\n\n.imf-benefit-card p {\n  font-size: 16px;\n  line-height: 1.7;\n  color: var(--imf-text-light);\n  margin: 0 0 1rem 0;\n}\n\n.imf-benefit-tag {\n  display: inline-block;\n  background: var(--imf-primary-light);\n  color: var(--imf-primary-dark);\n  font-size: 13px;\n  font-weight: 700;\n  padding: 6px 14px;\n  border-radius: 999px;\n}\n\n\/* === INGREDIENTS GRID === *\/\n.imf-ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1.25rem;\n}\n\n.imf-ingredient {\n  background: var(--imf-white);\n  border-radius: var(--imf-radius);\n  padding: 1.5rem 1rem;\n  text-align: center;\n  box-shadow: var(--imf-shadow);\n  position: relative;\n  transition: all .3s ease;\n  border: 2px solid transparent;\n}\n\n.imf-ingredient:hover {\n  transform: translateY(-6px);\n  border-color: var(--imf-primary);\n}\n\n.imf-ingredient-badge {\n  position: absolute;\n  top: -10px;\n  right: -10px;\n  background: linear-gradient(135deg, var(--imf-primary), var(--imf-secondary));\n  color: white;\n  font-size: 11px;\n  font-weight: 800;\n  padding: 5px 10px;\n  border-radius: 999px;\n  box-shadow: 0 2px 8px rgba(245,166,35,.3);\n}\n\n.imf-ingredient-icon {\n  font-size: 40px;\n  margin-bottom: .75rem;\n}\n\n.imf-ingredient h4 {\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--imf-primary-dark);\n  margin: 0 0 .5rem 0;\n}\n\n.imf-ingredient p {\n  font-size: 13px;\n  color: var(--imf-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TABLE === *\/\n.imf-table-container {\n  background: var(--imf-white);\n  border-radius: var(--imf-radius);\n  padding: clamp(1rem, 3vw, 2rem);\n  box-shadow: var(--imf-shadow);\n  overflow-x: auto;\n}\n\n.imf-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.imf-table th,\n.imf-table td {\n  padding: 12px 16px;\n  text-align: left;\n  border-bottom: 1px solid var(--imf-border);\n}\n\n.imf-table th {\n  background: var(--imf-primary-light);\n  font-weight: 700;\n  color: var(--imf-primary-dark);\n  font-size: 14px;\n}\n\n.imf-table th:nth-child(2),\n.imf-table th:nth-child(3),\n.imf-table td:nth-child(2),\n.imf-table td:nth-child(3) {\n  text-align: center;\n}\n\n.imf-table td {\n  font-size: 14px;\n  color: var(--imf-text);\n}\n\n.imf-table-highlight {\n  background: var(--imf-primary-light);\n}\n\n.imf-table-sub td {\n  padding-left: 32px;\n  color: var(--imf-text-light);\n  font-size: 13px;\n}\n\n.imf-table tbody tr:hover {\n  background: #FFFAF5;\n}\n\n.imf-table-note {\n  font-size: 13px;\n  color: var(--imf-text-light);\n  margin: 1rem 0 0 0;\n  font-style: italic;\n}\n\n\/* === PROFILES === *\/\n.imf-profiles-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 1rem;\n}\n\n.imf-profile {\n  background: var(--imf-white);\n  border-radius: var(--imf-radius);\n  padding: 1.5rem 1rem;\n  text-align: center;\n  box-shadow: var(--imf-shadow);\n  transition: all .3s ease;\n  border: 2px solid transparent;\n}\n\n.imf-profile:hover {\n  transform: translateY(-4px);\n  border-color: var(--imf-primary);\n}\n\n.imf-profile-icon {\n  font-size: 36px;\n  display: block;\n  margin-bottom: .75rem;\n}\n\n.imf-profile p {\n  font-size: 14px;\n  color: var(--imf-text);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === USAGE === *\/\n.imf-usage-container {\n  background: var(--imf-white);\n  border-radius: var(--imf-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  box-shadow: var(--imf-shadow);\n}\n\n.imf-usage-timeline {\n  display: flex;\n  justify-content: center;\n  gap: clamp(2rem, 6vw, 5rem);\n  flex-wrap: wrap;\n  margin-bottom: 2rem;\n}\n\n.imf-usage-step {\n  text-align: center;\n}\n\n.imf-step-time {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--imf-primary-dark);\n  margin-bottom: .75rem;\n}\n\n.imf-step-content {\n  background: var(--imf-primary-light);\n  border-radius: var(--imf-radius-sm);\n  padding: 1.25rem 2rem;\n}\n\n.imf-step-pills {\n  display: block;\n  font-size: 24px;\n  font-weight: 900;\n  color: var(--imf-primary);\n  margin-bottom: .5rem;\n}\n\n.imf-step-content p {\n  font-size: 14px;\n  color: var(--imf-text-light);\n  margin: 0;\n}\n\n.imf-usage-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: linear-gradient(135deg, #FFF9F0 0%, var(--imf-primary-light) 100%);\n  border-radius: var(--imf-radius-sm);\n  padding: 1.25rem;\n  border-left: 4px solid var(--imf-primary);\n}\n\n.imf-tip-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n}\n\n.imf-tip-content strong {\n  display: block;\n  color: var(--imf-primary-dark);\n  margin-bottom: .25rem;\n}\n\n.imf-tip-content p {\n  font-size: 14px;\n  color: var(--imf-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === RESULTS TIMELINE === *\/\n.imf-results-timeline {\n  display: flex;\n  justify-content: center;\n  gap: 0;\n  flex-wrap: wrap;\n  position: relative;\n}\n\n.imf-results-timeline::before {\n  content: '';\n  position: absolute;\n  top: 24px;\n  left: 15%;\n  right: 15%;\n  height: 4px;\n  background: linear-gradient(90deg, var(--imf-primary-light), var(--imf-primary), var(--imf-primary-dark));\n  border-radius: 2px;\n  z-index: 0;\n}\n\n.imf-result-point {\n  text-align: center;\n  padding: 0 clamp(1rem, 3vw, 2.5rem);\n  position: relative;\n  z-index: 1;\n}\n\n.imf-result-week {\n  background: linear-gradient(135deg, var(--imf-primary), var(--imf-secondary));\n  color: white;\n  font-size: 14px;\n  font-weight: 800;\n  padding: 10px 20px;\n  border-radius: 999px;\n  margin-bottom: 1rem;\n  box-shadow: 0 4px 12px rgba(245,166,35,.3);\n}\n\n.imf-result-desc {\n  font-size: 14px;\n  color: var(--imf-text);\n  font-weight: 600;\n  max-width: 150px;\n}\n\n\/* === FAQ === *\/\n.imf-faq {\n  display: grid;\n  gap: 1rem;\n}\n\n.imf-faq-item {\n  background: var(--imf-white);\n  border-radius: var(--imf-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--imf-shadow);\n  transition: all .3s ease;\n}\n\n.imf-faq-item:hover {\n  box-shadow: var(--imf-shadow-lg);\n}\n\n.imf-faq-q {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  font-size: 17px;\n  font-weight: 700;\n  color: var(--imf-primary-dark);\n  margin-bottom: .75rem;\n}\n\n.imf-faq-icon {\n  font-size: 20px;\n}\n\n.imf-faq-a {\n  font-size: 15px;\n  line-height: 1.7;\n  color: var(--imf-text-light);\n  margin: 0;\n  padding-left: 2rem;\n}\n\n\/* === WARNING === *\/\n.imf-warning-box {\n  background: linear-gradient(135deg, #FFF9F0 0%, #FFF5E6 100%);\n  border-radius: var(--imf-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  border: 2px solid var(--imf-accent);\n}\n\n.imf-warning-header {\n  display: flex;\n  align-items: center;\n  gap: .75rem;\n  margin-bottom: 1rem;\n}\n\n.imf-warning-icon {\n  font-size: 28px;\n}\n\n.imf-warning-header h3 {\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--imf-primary-dark);\n  margin: 0;\n}\n\n.imf-warning-list {\n  margin: 0 0 1rem 0;\n  padding-left: 1.5rem;\n}\n\n.imf-warning-list li {\n  font-size: 15px;\n  color: var(--imf-text);\n  margin-bottom: .5rem;\n  line-height: 1.5;\n}\n\n.imf-warning-note {\n  font-size: 14px;\n  color: var(--imf-text-light);\n  margin: 0;\n  font-style: italic;\n  padding-top: 1rem;\n  border-top: 1px solid var(--imf-border);\n}\n\n\/* === INGREDIENTS FULL === *\/\n.imf-ingredients-full {\n  background: var(--imf-white);\n  border-radius: var(--imf-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--imf-shadow);\n}\n\n.imf-ingredients-full p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--imf-text-light);\n  margin: 0 0 1rem 0;\n}\n\n.imf-clean-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .75rem;\n  padding-top: 1rem;\n  border-top: 1px solid var(--imf-border);\n}\n\n.imf-clean-badges span {\n  background: var(--imf-primary-light);\n  color: var(--imf-primary-dark);\n  font-size: 13px;\n  font-weight: 700;\n  padding: 8px 14px;\n  border-radius: 999px;\n}\n\n\/* === INFO GRID === *\/\n.imf-info-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: 1rem;\n}\n\n.imf-info-item {\n  background: var(--imf-white);\n  border-radius: var(--imf-radius);\n  padding: 1.25rem;\n  text-align: center;\n  box-shadow: var(--imf-shadow);\n  transition: all .3s ease;\n}\n\n.imf-info-item:hover {\n  transform: translateY(-4px);\n}\n\n.imf-info-icon {\n  font-size: 28px;\n  display: block;\n  margin-bottom: .5rem;\n}\n\n.imf-info-label {\n  display: block;\n  font-size: 12px;\n  color: var(--imf-text-light);\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  margin-bottom: .25rem;\n}\n\n.imf-info-value {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--imf-primary-dark);\n}\n\n\/* === CTA === *\/\n.imf-cta-box {\n  background: linear-gradient(135deg, var(--imf-primary) 0%, var(--imf-primary-dark) 100%);\n  border-radius: var(--imf-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.imf-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: \n    radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n    radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 40%);\n}\n\n.imf-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.imf-cta-icon {\n  font-size: 56px;\n  display: block;\n  margin-bottom: 1rem;\n}\n\n.imf-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  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.imf-cta-features {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .75rem;\n}\n\n.imf-cta-features span {\n  background: rgba(255,255,255,.2);\n  backdrop-filter: blur(10px);\n  color: white;\n  font-size: 14px;\n  font-weight: 700;\n  padding: 8px 16px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .imf-card,\n  .imf-benefit-card,\n  .imf-ingredient,\n  .imf-profile,\n  .imf-faq-item,\n  .imf-info-item {\n    animation: imfFadeInUp .6s ease backwards;\n  }\n  \n  .imf-card:nth-child(1), .imf-ingredient:nth-child(1) { animation-delay: .1s; }\n  .imf-card:nth-child(2), .imf-ingredient:nth-child(2) { animation-delay: .2s; }\n  .imf-card:nth-child(3), .imf-ingredient:nth-child(3) { animation-delay: .3s; }\n  .imf-card:nth-child(4), .imf-ingredient:nth-child(4) { animation-delay: .4s; }\n  .imf-ingredient:nth-child(5) { animation-delay: .5s; }\n  .imf-ingredient:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes imfFadeInUp {\n  from { \n    opacity: 0; \n    transform: translateY(40px); \n  }\n  to { \n    opacity: 1; \n    transform: translateY(0); \n  }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .imf-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .imf-ingredients-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .imf-profiles-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  \n  .imf-results-timeline::before {\n    display: none;\n  }\n  \n  .imf-results-timeline {\n    flex-direction: column;\n    align-items: center;\n    gap: 1.5rem;\n  }\n  \n  .imf-usage-timeline {\n    flex-direction: column;\n    align-items: center;\n    gap: 1.5rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .imf-ingredients-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .imf-info-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .imf-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .imf-card,\n  .imf-benefit-card,\n  .imf-profile,\n  .imf-faq-item {\n    border: 2px solid var(--imf-text);\n  }\n  \n  .imf-badge {\n    border: 2px solid var(--imf-primary-dark);\n  }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55298181398905,"sku":"IMMUNIFORM","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/imuniform-multivitamines-mineraux-plantes-120-gelules-inolab-packshothd.webp?v=1785937016"},{"product_id":"phyco-sublime-lifes-code","title":"Phyco‑sublime - Phycocyanine + 8 actifs anti-âge - Life's Code","description":"\u003cdiv class=\"ps-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"ps-hero\"\u003e\n    \u003cdiv class=\"ps-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"ps-hero-content\"\u003e\n      \u003cdiv class=\"ps-badges-top\"\u003e\n        \u003cspan class=\"ps-badge\"\u003e🔬 8 actifs synergiques\u003c\/span\u003e\n        \u003cspan class=\"ps-badge\"\u003e🌿 100 % végane\u003c\/span\u003e\n        \u003cspan class=\"ps-badge\"\u003e💎 200 mg phycocyanine\/dose\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"ps-hero-title\"\u003ePhyco‑Sublime Life's Code\u003c\/span\u003e\n      \u003cp class=\"ps-subtitle\"\u003ePhycocyanine 100 mg \u0026amp; 8 actifs premium\u003c\/p\u003e\n      \u003cp class=\"ps-description\"\u003eLa formule tout-en-un qui réunit phycocyanine extraite à froid, acide hyaluronique, astaxanthine, coenzyme Q10, silicium, zinc et sélénium pour sublimer votre peau, vos cheveux et vos articulations.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003ePhyco-Sublime : la phycocyanine enrichie de 7 actifs pour la peau, les cheveux et les articulations\u003c\/h2\u003e\n    \u003cp class=\"ps-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire antioxydant\u003c\/strong\u003e complet qui va au-delà de la simple spiruline ?\u003c\/p\u003e\n    \u003cdiv class=\"ps-grid-compact\"\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🧬 Phycocyanine extraite à froid\u003c\/h3\u003e\n        \u003cp\u003eLyophilisée pour préserver 100 % de son intégrité et de sa puissance antioxydante.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique\u003c\/h3\u003e\n        \u003cp\u003eHydratation profonde de la peau et confort articulaire au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🛡️ Coenzyme Q10\u003c\/h3\u003e\n        \u003cp\u003eStimule la production d'énergie cellulaire et lutte contre le vieillissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e✨ 7 actifs complémentaires\u003c\/h3\u003e\n        \u003cp\u003eAstaxanthine, silicium, zinc, sélénium… une synergie pensée pour une action globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ps-tip\"\u003e\n      \u003cspan class=\"ps-tip-icon\"\u003e🎯\u003c\/span\u003e\n      \u003cp\u003eLe résultat : une formule tout-en-un pensée pour soutenir votre vitalité, protéger vos cellules du stress oxydatif et prendre soin de votre beauté de l'intérieur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003eQu'est-ce que la phycocyanine et quels sont ses bienfaits ?\u003c\/h2\u003e\n    \u003cdiv class=\"ps-highlight-box\"\u003e\n      \u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturellement présent dans la spiruline. Souvent surnommée « \u003cstrong\u003eor bleu de la spiruline\u003c\/strong\u003e », cette protéine est reconnue pour ses puissantes propriétés antioxydantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ps-grid\"\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n        \u003cp\u003eContribue à protéger les cellules contre le stress oxydatif et les radicaux libres.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e⚡ Énergie quotidienne\u003c\/h3\u003e\n        \u003cp\u003eSoutient l'énergie et la vitalité au quotidien, même en période de fatigue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🌿 Défenses naturelles\u003c\/h3\u003e\n        \u003cp\u003eParticipe au renforcement des défenses naturelles de l'organisme.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ps-tip\"\u003e\n      \u003cspan class=\"ps-tip-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cp\u003eIci, la phycocyanine est \u003cstrong\u003eextraite à froid puis lyophilisée\u003c\/strong\u003e pour préserver toute son intégrité — un procédé qui garantit une qualité optimale à chaque gélule.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003eUne synergie de 8 actifs pour une action globale\u003c\/h2\u003e\n    \u003cp class=\"ps-section-intro\"\u003eCe qui distingue Phyco-Sublime, c'est la cohérence de sa formule. Chaque actif a été choisi pour compléter et renforcer l'action des autres.\u003c\/p\u003e\n    \u003cdiv class=\"ps-grid\"\u003e\n      \u003cdiv class=\"ps-card ps-card-featured\"\u003e\n        \u003ch3\u003e💙 Phycocyanine — 200 mg\/dose\u003c\/h3\u003e\n        \u003cp\u003eAntioxydant majeur, soutien de la vitalité et de l'énergie cellulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e💧 Acide hyaluronique — 180 mg\u003c\/h3\u003e\n        \u003cp\u003eHydrate la peau en profondeur et favorise le confort articulaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e💎 Silicium organique — 100 mg\u003c\/h3\u003e\n        \u003cp\u003eRenforce la structure de la peau, des cheveux et des ongles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🔋 Coenzyme Q10 — 80 mg\u003c\/h3\u003e\n        \u003cp\u003eStimule la production d'énergie cellulaire et lutte contre le vieillissement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🦐 Astaxanthine — 8 mg\u003c\/h3\u003e\n        \u003cp\u003eUn caroténoïde aux propriétés anti-âge remarquables pour la peau.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e⚙️ Zinc — 10 mg (100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eEssentiel pour l'immunité, la peau et la chevelure.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🔬 Sélénium — 55 µg (100 % VNR)\u003c\/h3\u003e\n        \u003cp\u003eOligo-élément clé des défenses antioxydantes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n    \u003cdiv class=\"ps-grid-compact\"\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n        \u003cp\u003eRetrouvez votre énergie grâce à la phycocyanine et la CoQ10.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e✨ Peau terne\u003c\/h3\u003e\n        \u003cp\u003eRedonnez éclat et hydratation à votre peau en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n        \u003cp\u003eAcide hyaluronique et silicium pour des articulations souples.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🌱 Anti-âge global\u003c\/h3\u003e\n        \u003cp\u003eUn seul flacon au lieu de plusieurs : la formule tout-en-un.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ps-tip\"\u003e\n      \u003cspan class=\"ps-tip-icon\"\u003e🌿\u003c\/span\u003e\n      \u003cp\u003eSa formule \u003cstrong\u003e100 % végane\u003c\/strong\u003e en gélules de pullulan (sans HPMC) le rend accessible au plus grand nombre.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n    \u003cdiv class=\"ps-timeline\"\u003e\n      \u003cdiv class=\"ps-timeline-item\"\u003e\n        \u003cdiv class=\"ps-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"ps-timeline-content\"\u003e\n          \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n          \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence le matin au cours du petit-déjeuner, avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-timeline-item\"\u003e\n        \u003cdiv class=\"ps-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"ps-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est recommandée pour des résultats durables, renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-timeline-item\"\u003e\n        \u003cdiv class=\"ps-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"ps-timeline-content\"\u003e\n          \u003ch3\u003eRégularité\u003c\/h3\u003e\n          \u003cp\u003ePour une meilleure assimilation, privilégiez une prise régulière sans interruption.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 6 \u0026 7 regroupées en accordéon --\u003e\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003eQualité et engagements\u003c\/h2\u003e\n    \u003cdiv class=\"ps-grid-compact\"\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n        \u003cp\u003ePhycocyanine lyophilisée de grade pharmaceutique.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🌿 Gélules pullulan\u003c\/h3\u003e\n        \u003cp\u003eVégétales, sans additif controversé.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🚫 Sans compromis\u003c\/h3\u003e\n        \u003cp\u003eSans gluten, sans conservateur, sans métaux lourds.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"ps-card\"\u003e\n        \u003ch3\u003e🏭 Certifié GMP\u003c\/h3\u003e\n        \u003cp\u003eFabrication conforme aux normes GMP et ISO 22000.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"ps-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"ps-accordion\"\u003e\n      \u003cdetails class=\"ps-accordion-item\"\u003e\n        \u003csummary class=\"ps-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n        \u003cdiv class=\"ps-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ps-accordion-item\"\u003e\n        \u003csummary class=\"ps-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n        \u003cdiv class=\"ps-accordion-content mt-3\"\u003e\n          \u003cp\u003eTenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ps-accordion-item\"\u003e\n        \u003csummary class=\"ps-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"ps-accordion-content mt-3\"\u003e\n          \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"ps-accordion-item\"\u003e\n        \u003csummary class=\"ps-accordion-header\"\u003e⚠️ Avertissement\u003c\/summary\u003e\n        \u003cdiv class=\"ps-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.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 8 - Avis --\u003e\n  \u003csection class=\"ps-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eNotre avis sur Phyco-Sublime\u003c\/h2\u003e\n    \u003cdiv class=\"ps-testimonial\"\u003e\n      \u003cp class=\"ps-testimonial-text\"\u003e\"Ce que j'apprécie avec Phyco-Sublime, c'est la logique derrière chaque ingrédient : rien n'est là par hasard. La \u003cstrong\u003ephycocyanine\u003c\/strong\u003e bien dosée, l'acide hyaluronique et la CoQ10 forment un trio anti-âge convaincant, tandis que le zinc et le sélénium complètent la protection antioxydante. On le recommande souvent en cure de 3 mois, notamment en période de fatigue ou pour retrouver un meilleur éclat de peau. Un vrai produit de fond, pas un simple effet de mode.\"\u003c\/p\u003e\n      \u003cp class=\"ps-testimonial-author\"\u003e— Pauline, cheffe de produit chez Naturellement Bio\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --ps-cream: #f7f4f0;\n  --ps-white: #ffffff;\n  --ps-primary: #5b3a7a;\n  --ps-primary-dark: #3d2556;\n  --ps-primary-light: #f3eef8;\n  --ps-secondary: #c18dbf;\n  --ps-accent: #1f5f6b;\n  --ps-text: #1a1a1a;\n  --ps-text-light: #5a5a5a;\n  --ps-border: #e0dbd6;\n  --ps-shadow: 0 4px 24px rgba(91,58,122,.08);\n  --ps-shadow-lg: 0 12px 48px rgba(91,58,122,.15);\n  --ps-radius: 20px;\n  --ps-radius-sm: 12px;\n}\n\n.ps-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--ps-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ps-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--ps-primary-dark) 0%, var(--ps-primary) 45%, var(--ps-secondary) 100%);\n  border-radius: var(--ps-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--ps-shadow-lg);\n}\n\n.ps-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(193,141,191,.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.ps-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.ps-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 1rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ps-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: -.01em;\n}\n\n.ps-description {\n  color: rgba(255,255,255,.8);\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.ps-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.ps-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ps-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.ps-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ps-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ps-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--ps-primary-dark);\n  margin-bottom: clamp(1.25rem, 3vw, 2rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.ps-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--ps-primary), var(--ps-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ps-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ps-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ps-card {\n  background: var(--ps-white);\n  border-radius: var(--ps-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--ps-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.ps-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--ps-shadow-lg);\n  border-color: var(--ps-primary);\n}\n\n.ps-card-featured {\n  background: linear-gradient(135deg, var(--ps-primary-light) 0%, var(--ps-white) 100%);\n  border-color: var(--ps-secondary);\n}\n\n.ps-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--ps-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.ps-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--ps-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ps-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.ps-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ps-grid-compact .ps-card {\n  padding: 1rem;\n}\n\n.ps-grid-compact .ps-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.ps-grid-compact .ps-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ps-highlight-box {\n  background: linear-gradient(135deg, var(--ps-primary-light) 0%, rgba(193,141,191,.1) 100%);\n  border-radius: var(--ps-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  margin-bottom: 1.5rem;\n  border-left: 4px solid var(--ps-primary);\n}\n\n.ps-highlight-box p {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ps-text);\n  margin: 0;\n  line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.ps-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.ps-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.ps-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--ps-primary), var(--ps-secondary));\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 16px;\n}\n\n.ps-timeline-content {\n  flex: 1;\n  background: var(--ps-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--ps-radius-sm);\n  box-shadow: var(--ps-shadow);\n}\n\n.ps-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--ps-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.ps-timeline-content p {\n  font-size: 14px;\n  color: var(--ps-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ps-testimonial {\n  background: var(--ps-white);\n  border-radius: var(--ps-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--ps-shadow);\n  border-left: 4px solid var(--ps-primary);\n}\n\n.ps-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ps-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0 0 1rem 0;\n}\n\n.ps-testimonial-author {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--ps-primary);\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ps-accordion {\n  background: var(--ps-white);\n  border-radius: var(--ps-radius);\n  box-shadow: var(--ps-shadow);\n  overflow: hidden;\n}\n\n.ps-accordion-item {\n  border-bottom: 1px solid var(--ps-border);\n  margin: 0;\n  padding: 0;\n}\n\n.ps-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.ps-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--ps-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.ps-accordion-header:hover {\n  background: var(--ps-primary-light);\n}\n\n.ps-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.ps-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--ps-primary);\n  transition: transform .2s ease;\n}\n\n.ps-accordion-item[open] .ps-accordion-header::after {\n  content: '−';\n}\n\n.ps-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--ps-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.ps-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ps-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--ps-primary-light);\n  border-radius: var(--ps-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.ps-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.ps-tip p {\n  font-size: 14px;\n  color: var(--ps-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .ps-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .ps-card {\n    padding: 1.125rem;\n  }\n\n  .ps-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .ps-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--ps-radius-sm);\n  }\n\n  .ps-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .ps-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .ps-grid-compact {\n    gap: .625rem;\n  }\n\n  .ps-grid-compact .ps-card {\n    padding: .75rem;\n  }\n\n  .ps-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .ps-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .ps-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .ps-timeline-content p {\n    font-size: 13px;\n  }\n\n  .ps-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .ps-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .ps-testimonial {\n    padding: 1.25rem;\n  }\n\n  .ps-testimonial-text {\n    font-size: 14px;\n  }\n\n  .ps-highlight-box {\n    padding: 1rem;\n  }\n\n  .ps-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ps-card {\n    animation: psFadeInUp .5s ease backwards;\n  }\n  .ps-card:nth-child(1) { animation-delay: .05s; }\n  .ps-card:nth-child(2) { animation-delay: .1s; }\n  .ps-card:nth-child(3) { animation-delay: .15s; }\n  .ps-card:nth-child(4) { animation-delay: .2s; }\n  .ps-card:nth-child(5) { animation-delay: .25s; }\n  .ps-card:nth-child(6) { animation-delay: .3s; }\n  .ps-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes psFadeInUp {\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  .ps-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"30 gélules","offer_id":55365307957625,"sku":"PHYCOSUBLIME-30","price":34.52,"currency_code":"EUR","in_stock":true},{"title":"90 gélules","offer_id":55365307990393,"sku":"PHYCOSUBLIME-90","price":79.43,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phycosublime-phycocyanine-8-actifs-anti-age-lifes-code-packshothd.webp?v=1790450987"},{"product_id":"phyco-vision-life-s-code-phycocyanine-200mg-7-actifs-vue","title":"Phyco-Vision Life’s Code - phycocyanine 200mg \u0026 7 actifs vue","description":"\u003cdiv class=\"pv-premium\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pv-hero\"\u003e\n    \u003cdiv class=\"pv-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"pv-hero-content\"\u003e\n      \u003cdiv class=\"pv-badges-top\"\u003e\n        \u003cspan class=\"pv-badge\"\u003e🔬 200 mg phycocyanine \/ dose\u003c\/span\u003e\n        \u003cspan class=\"pv-badge\"\u003e🌿 100 % végane\u003c\/span\u003e\n        \u003cspan class=\"pv-badge\"\u003e👁️ 8 actifs vision\u003c\/span\u003e\n        \u003cspan class=\"pv-badge\"\u003e🇫🇷 Labo certifié ISO 22000\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"pv-hero-title\"\u003ePhyco-Vision Life's Code\u003c\/span\u003e\n      \u003cp class=\"pv-subtitle\"\u003ePhycocyanine 200 mg \u0026amp; 7 actifs ciblés pour votre vue\u003c\/p\u003e\n      \u003cp class=\"pv-description\"\u003eLa synergie antioxydante la plus complète pour protéger vos yeux au quotidien : phycocyanine lyophilisée à froid, caroténoïdes rares et oligo-éléments essentiels réunis en une seule gélule végane.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- H2 #1 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003ePhyco-Vision Life's Code : la synergie phycocyanine et 7 actifs pour votre vue\u003c\/h2\u003e\n    \u003cp class=\"pv-section-intro\"\u003eFatigue visuelle en fin de journée, exposition prolongée aux écrans, sensibilité à la lumière bleue… Vos yeux sont sollicités en permanence.\u003c\/p\u003e\n    \u003cdiv class=\"pv-grid-compact\"\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e💧 200 mg de phycocyanine\u003c\/h3\u003e\n        \u003cp\u003eExtraite et séchée à froid pour une biodisponibilité maximale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🛡️ 7 actifs complémentaires\u003c\/h3\u003e\n        \u003cp\u003eCaroténoïdes, oligo-éléments et vitamines ciblés pour la vision\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n        \u003cp\u003eContribue au maintien d'une vision normale grâce au zinc\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e⚡ Défenses antioxydantes\u003c\/h3\u003e\n        \u003cp\u003eSoutient la protection des cellules contre le stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #2 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003ePhycocyanine et spiruline : pourquoi ce pigment bleu fait la différence\u003c\/h2\u003e\n    \u003cdiv class=\"pv-highlight-box\"\u003e\n      \u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturel de la \u003cstrong\u003espiruline bleue\u003c\/strong\u003e. Contrairement à la spiruline classique en poudre, la phycocyanine extraite et lyophilisée à froid conserve toute sa biodisponibilité.\u003c\/p\u003e\n      \u003cp\u003eVous vous demandez s'il vaut mieux choisir la \u003cstrong\u003ephycocyanine ou la spiruline\u003c\/strong\u003e ? Ici, pas besoin de trancher : Life's Code a isolé le principe actif le plus recherché de la spiruline pour vous l'offrir sous sa forme la plus concentrée.\u003c\/p\u003e\n      \u003cp\u003eParmi les \u003cstrong\u003ebienfaits de la phycocyanine et spiruline\u003c\/strong\u003e, on retient notamment son puissant pouvoir antioxydant, précieux pour protéger les cellules du stress oxydatif, en particulier au niveau oculaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pv-tip\"\u003e\n      \u003cspan class=\"pv-tip-icon\"\u003e💡\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003ePhycocyanine vs spiruline :\u003c\/strong\u003e la phycocyanine lyophilisée concentre le principe actif majeur sans les fibres ni les impuretés de la spiruline brute. Résultat : une absorption plus rapide et une efficacité renforcée.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #3 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eUne formule complète : 8 actifs au service de votre vision\u003c\/h2\u003e\n    \u003cp class=\"pv-section-intro\"\u003ePhyco-Vision ne se limite pas à la spiruline phycocyanine. Sa formule associe des caroténoïdes, oligo-éléments et vitamines reconnus pour leur rôle dans la santé des yeux.\u003c\/p\u003e\n    \u003cdiv class=\"pv-grid\"\u003e\n      \u003cdiv class=\"pv-card pv-card-featured\"\u003e\n        \u003ch3\u003e💧 Phycocyanine lyophilisée\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e200 mg \/ dose\u003c\/strong\u003e — Antioxydant naturel puissant issu de la spiruline, extrait et séché à froid\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🦐 Astaxanthine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e4 mg\u003c\/strong\u003e — Caroténoïde rare au pouvoir protecteur cellulaire exceptionnel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🌻 Lutéine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e10 mg\u003c\/strong\u003e — Pigment naturellement présent dans la macula de l'œil\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🟡 Zéaxanthine\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e2 mg\u003c\/strong\u003e — Agit en synergie avec la lutéine pour filtrer la lumière bleue\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e✨ Vitamine E\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e12 mg (100 % VNR*)\u003c\/strong\u003e — Contribue à la protection des cellules contre le stress oxydatif\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e⚙️ Zinc\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e10 mg (100 % VNR*)\u003c\/strong\u003e — Contribue au maintien d'une vision normale\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🔬 Sélénium\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e55 µg (100 % VNR*)\u003c\/strong\u003e — Oligo-élément antioxydant essentiel\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🎋 Silicium organique\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003e15 mg (extrait de bambou)\u003c\/strong\u003e — Soutient les tissus conjonctifs de l'œil\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pv-note\"\u003e\n      \u003cp\u003e\u003cem\u003e*VNR : Valeurs Nutritionnelles de Référence.\u003c\/em\u003e\u003cbr\u003eGélule en \u003cstrong\u003epullulan 100 % végane\u003c\/strong\u003e, sans conservateur, sans OGM, sans gluten, sans allergène majeur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #4 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eComment prendre Phyco-Vision ?\u003c\/h2\u003e\n    \u003cdiv class=\"pv-timeline\"\u003e\n      \u003cdiv class=\"pv-timeline-item\"\u003e\n        \u003cdiv class=\"pv-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"pv-timeline-content\"\u003e\n          \u003ch3\u003eSemaine de démarrage\u003c\/h3\u003e\n          \u003cp\u003eCommencez par \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avec un grand verre d'eau, au cours du petit-déjeuner ou du déjeuner, pour habituer votre organisme à la phycocyanine.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-timeline-item\"\u003e\n        \u003cdiv class=\"pv-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"pv-timeline-content\"\u003e\n          \u003ch3\u003eDose complète\u003c\/h3\u003e\n          \u003cp\u003eÀ partir de la deuxième semaine, passez à \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, de préférence le matin ou le midi au cours d'un repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-timeline-item\"\u003e\n        \u003cdiv class=\"pv-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"pv-timeline-content\"\u003e\n          \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour ressentir pleinement les effets sur votre confort visuel et vos défenses antioxydantes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pv-tip\"\u003e\n      \u003cspan class=\"pv-tip-icon\"\u003e💧\u003c\/span\u003e\n      \u003cp\u003eAccompagnez toujours vos gélules d'un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e pour une absorption optimale de la phycocyanine et des actifs.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #5 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ce complément alimentaire vision plus ?\u003c\/h2\u003e\n    \u003cdiv class=\"pv-grid-compact\"\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e👴 Adultes et seniors\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant préserver leur acuité visuelle avec l'âge\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e💻 Étudiants et pros\u003c\/h3\u003e\n        \u003cp\u003eExposés à la lumière bleue des écrans plusieurs heures par jour\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🏥 Accompagnement DMLA\u003c\/h3\u003e\n        \u003cp\u003eEn complément d'un suivi médical pour la dégénérescence maculaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pv-card\"\u003e\n        \u003ch3\u003e🌱 Végétariens et véganes\u003c\/h3\u003e\n        \u003cp\u003eGélule en pullulan 100 % végane, sans ingrédient d'origine animale\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- H2 #6 --\u003e\n  \u003csection class=\"pv-section\"\u003e\n    \u003ch2\u003eQualité et traçabilité irréprochables\u003c\/h2\u003e\n    \u003cdiv class=\"pv-accordion\"\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e🏭 Fabrication certifiée\u003c\/summary\u003e\n        \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n          \u003cp\u003eFabriqué en laboratoire certifié \u003cstrong\u003eISO 22000 et GMP\u003c\/strong\u003e (Bonnes Pratiques de Fabrication), garantissant un contrôle qualité rigoureux à chaque étape de la production.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e❄️ Extraction à froid\u003c\/summary\u003e\n        \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n          \u003cp\u003eLa phycocyanine est extraite et séchée à froid (lyophilisation) pour préserver l'intégralité de ses propriétés antioxydantes et sa biodisponibilité.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e📋 Analyses par lot\u003c\/summary\u003e\n        \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n          \u003cp\u003eChaque lot est analysé individuellement. Les certificats d'analyse sont disponibles sur simple demande auprès de Life's Code.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pv-accordion-item\"\u003e\n        \u003csummary class=\"pv-accordion-header\"\u003e🚫 Sans additif ni métaux lourds\u003c\/summary\u003e\n        \u003cdiv class=\"pv-accordion-content mt-3\"\u003e\n          \u003cp\u003eFormule propre, sans additif chimique, sans métaux lourds détectables, sans conservateur artificiel.\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=\"pv-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"pv-cta-box\"\u003e\n      \u003cp\u003e🌿 Offrez à vos yeux la protection qu'ils méritent avec \u003cstrong\u003ePhyco-Vision\u003c\/strong\u003e : 200 mg de phycocyanine et 7 actifs d'exception réunis dans une gélule 100 % végane.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pv-disclaimer\"\u003eCe produit est un complément alimentaire. Il ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. Déconseillé aux femmes enceintes ou allaitantes et aux personnes sous traitement sans avis médical préalable.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --pv-cream: #f4f7f3;\n  --pv-white: #ffffff;\n  --pv-primary: #2a7d4f;\n  --pv-primary-dark: #1a5c38;\n  --pv-primary-light: #e8f5ee;\n  --pv-secondary: #1b6b8a;\n  --pv-accent: #d4a843;\n  --pv-text: #1a1a1a;\n  --pv-text-light: #5a5a5a;\n  --pv-border: #dde6dd;\n  --pv-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --pv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --pv-radius: 20px;\n  --pv-radius-sm: 12px;\n}\n\n.pv-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--pv-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pv-hero {\n  position: relative;\n  background: linear-gradient(135deg, #1a5c38 0%, #2a7d4f 40%, #1b6b8a 100%);\n  border-radius: var(--pv-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(--pv-shadow-lg);\n}\n\n.pv-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n              radial-gradient(circle at 80% 20%, rgba(212,168,67,.1) 0%, transparent 50%);\n  opacity: 1;\n}\n\n.pv-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.pv-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.pv-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.pv-description {\n  color: rgba(255,255,255,.8);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.pv-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.pv-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(--pv-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.pv-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pv-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pv-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--pv-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.pv-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(--pv-primary), var(--pv-secondary));\n  border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.pv-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pv-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.pv-card {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--pv-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.pv-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--pv-shadow-lg);\n  border-color: var(--pv-primary);\n}\n\n.pv-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--pv-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.pv-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--pv-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.pv-card-featured {\n  border: 2px solid var(--pv-primary);\n  background: var(--pv-primary-light);\n}\n\n.pv-card-featured:hover {\n  background: var(--pv-white);\n}\n\n\/* === GRILLES === *\/\n.pv-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.pv-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.pv-grid-compact .pv-card {\n  padding: 1rem;\n}\n\n.pv-grid-compact .pv-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.pv-grid-compact .pv-card p {\n  font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pv-highlight-box {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pv-shadow);\n  margin-bottom: 1.25rem;\n}\n\n.pv-highlight-box p {\n  font-size: clamp(14px, 2.2vw, 16px);\n  color: var(--pv-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.pv-highlight-box p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === NOTE === *\/\n.pv-note {\n  background: var(--pv-primary-light);\n  border-radius: var(--pv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pv-note p {\n  font-size: 13px;\n  color: var(--pv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.pv-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.pv-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.pv-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--pv-primary), var(--pv-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.pv-timeline-content {\n  flex: 1;\n  background: var(--pv-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--pv-radius-sm);\n  box-shadow: var(--pv-shadow);\n}\n\n.pv-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pv-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.pv-timeline-content p {\n  font-size: 14px;\n  color: var(--pv-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.pv-testimonial {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--pv-shadow);\n  border-left: 4px solid var(--pv-primary);\n}\n\n.pv-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--pv-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.pv-accordion {\n  background: var(--pv-white);\n  border-radius: var(--pv-radius);\n  box-shadow: var(--pv-shadow);\n  overflow: hidden;\n}\n\n.pv-accordion-item {\n  border-bottom: 1px solid var(--pv-border);\n  margin: 0;\n  padding: 0;\n}\n\n.pv-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.pv-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--pv-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.pv-accordion-header:hover {\n  background: var(--pv-primary-light);\n}\n\n.pv-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.pv-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--pv-primary);\n  transition: transform .2s ease;\n}\n\n.pv-accordion-item[open] .pv-accordion-header::after {\n  content: '−';\n}\n\n.pv-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--pv-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.pv-accordion-content p {\n  margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pv-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--pv-primary-light);\n  border-radius: var(--pv-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.pv-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.pv-tip p {\n  font-size: 14px;\n  color: var(--pv-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.pv-cta-box {\n  background: linear-gradient(135deg, var(--pv-primary) 0%, var(--pv-primary-dark) 100%);\n  border-radius: var(--pv-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.pv-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.pv-disclaimer {\n  font-size: 12px;\n  color: var(--pv-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  .pv-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .pv-card {\n    padding: 1.125rem;\n  }\n\n  .pv-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .pv-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--pv-radius-sm);\n  }\n\n  .pv-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .pv-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .pv-grid-compact {\n    gap: .625rem;\n  }\n\n  .pv-grid-compact .pv-card {\n    padding: .75rem;\n  }\n\n  .pv-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .pv-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .pv-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .pv-timeline-content p {\n    font-size: 13px;\n  }\n\n  .pv-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .pv-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .pv-testimonial {\n    padding: 1.25rem;\n  }\n\n  .pv-testimonial-text {\n    font-size: 14px;\n  }\n\n  .pv-highlight-box {\n    padding: 1.25rem;\n  }\n\n  .pv-highlight-box p {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .pv-card {\n    animation: pvFadeInUp .5s ease backwards;\n  }\n  .pv-card:nth-child(1) { animation-delay: .05s; }\n  .pv-card:nth-child(2) { animation-delay: .1s; }\n  .pv-card:nth-child(3) { animation-delay: .15s; }\n  .pv-card:nth-child(4) { animation-delay: .2s; }\n  .pv-card:nth-child(5) { animation-delay: .25s; }\n  .pv-card:nth-child(6) { animation-delay: .3s; }\n  .pv-card:nth-child(7) { animation-delay: .35s; }\n  .pv-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes pvFadeInUp {\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  .pv-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"30 gélules","offer_id":55368879276409,"sku":"PHYCO-VISION-30","price":36.9,"currency_code":"EUR","in_stock":true},{"title":"90 gélules","offer_id":55368879309177,"sku":"PHYCO-VISION-90","price":79.83,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco-vision-lifes-code-phycocyanine-200mg-7-actifs-vue-packshothd.webp?v=1790450875"},{"product_id":"biotiform-complexe-cheveux-inolab","title":"BIOTIFORM – Complexe cheveux Biotine, Levure de bière, Zinc \u0026 Sélénium Inolab","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: BIOTIFORM – Complexe cheveux Biotine, Levure de bière, Zinc \u0026 Sélénium\nPalette détectée:\n  - Primaire: #D4907C (couleur pêche\/corail du packaging - partie supérieure)\n  - Secondaire: #C67B68 (version plus foncée du corail)\n  - Accent: #E8B4A6 (rose poudré des icônes et vagues)\n  - Background: #FBF7F4 (beige très clair, ambiance naturelle)\nAmbiance: Féminin, doux, naturel\/beauté, wellness premium, épuré et élégant\nPréfixe CSS: bio\n--\u003e\n\n\u003cdiv class=\"bio-premium\"\u003e\n  \n  \u003cdiv class=\"bio-hero\"\u003e\n    \u003cdiv class=\"bio-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"bio-hero-content\"\u003e\n      \u003cdiv class=\"bio-badges-top\"\u003e\n        \u003cspan class=\"bio-badge\"\u003e🌿 100% Vegan\u003c\/span\u003e\n        \u003cspan class=\"bio-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"bio-badge\"\u003e🌾 Sans gluten\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"bio-hero-title\"\u003eBIOTIFORM\u003c\/span\u003e\n      \u003cp class=\"bio-subtitle\"\u003eComplexe cheveux haute performance\u003c\/p\u003e\n      \u003cp class=\"bio-description\"\u003eLa synergie experte de Biotine, Levure de bière, Zinc \u0026amp; Sélénium pour des cheveux plus forts, plus brillants et pleins de vitalité.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"bio-section\"\u003e\n    \u003ch2\u003e✨ Vos cheveux retrouvent leur éclat\u003c\/h2\u003e\n    \u003cdiv class=\"bio-grid\"\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e💪 Force \u0026amp; résistance\u003c\/h3\u003e\n        \u003cp\u003eRenforcez la fibre capillaire de l'intérieur grâce à la biotine qui soutient la synthèse de kératine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n        \u003cp\u003eLa levure de bière nourrit le bulbe capillaire pour une chevelure visiblement plus lumineuse et soyeuse.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n        \u003cp\u003eLe zinc et le sélénium protègent vos follicules pileux contre le stress oxydatif et les agressions quotidiennes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e🌱 Croissance optimale\u003c\/h3\u003e\n        \u003cp\u003eSoutenez le cycle naturel de vos cheveux pour favoriser une pousse saine et régulière.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e💅 Ongles renforcés\u003c\/h3\u003e\n        \u003cp\u003eLes mêmes actifs agissent aussi sur vos ongles pour les rendre moins cassants et plus résistants.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n        \u003cp\u003eFormule vegan, sans gluten, sans conservateurs artificiels. Uniquement des ingrédients clean et efficaces.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bio-section\"\u003e\n    \u003ch2\u003e🧬 Composition premium\u003c\/h2\u003e\n    \u003cp class=\"bio-intro-text\"\u003eChaque dose journalière (2 gélules) vous apporte :\u003c\/p\u003e\n    \u003cdiv class=\"bio-grid\"\u003e\n      \u003cdiv class=\"bio-card bio-card-ingredient\"\u003e\n        \u003ch3\u003e🌾 Levure de bière sans gluten\u003c\/h3\u003e\n        \u003cdiv class=\"bio-dosage\"\u003e500 mg\u003c\/div\u003e\n        \u003cp\u003eSource naturelle de vitamines B, protéines et minéraux pour nourrir la kératine en profondeur.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card bio-card-ingredient\"\u003e\n        \u003ch3\u003e💊 Biotine (vitamine B8)\u003c\/h3\u003e\n        \u003cdiv class=\"bio-dosage\"\u003e450 µg \u003cspan class=\"bio-vnr\"\u003e900% VNR\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cp\u003eLa vitamine de la beauté capillaire, essentielle à la synthèse de la kératine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card bio-card-ingredient\"\u003e\n        \u003ch3\u003e⚡ Zinc\u003c\/h3\u003e\n        \u003cdiv class=\"bio-dosage\"\u003e12 mg \u003cspan class=\"bio-vnr\"\u003e120% VNR\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cp\u003eParticipe à la synthèse protéique et protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card bio-card-ingredient\"\u003e\n        \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n        \u003cdiv class=\"bio-dosage\"\u003e50 µg \u003cspan class=\"bio-vnr\"\u003e90% VNR\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cp\u003eAntioxydant puissant qui protège les follicules pileux des agressions extérieures.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"bio-footnote\"\u003eAutres ingrédients : Arôme naturel fruits rouges, colorants naturels (extrait de radis, cassis et pomme), gélule végétale HPMC, anti-agglomérants naturels.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bio-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"bio-steps\"\u003e\n      \u003cdiv class=\"bio-step\"\u003e\n        \u003cdiv class=\"bio-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"bio-step-content\"\u003e\n          \u003ch3\u003eMatin\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 gélule au cours du petit-déjeuner avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-step\"\u003e\n        \u003cdiv class=\"bio-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"bio-step-content\"\u003e\n          \u003ch3\u003eSoir\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 gélule au cours du dîner avec un grand verre d'eau.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-step\"\u003e\n        \u003cdiv class=\"bio-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"bio-step-content\"\u003e\n          \u003ch3\u003eDurée\u003c\/h3\u003e\n          \u003cp\u003eCure de 2 à 3 mois minimum pour des résultats visibles. Renouvelable selon vos besoins.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"bio-tip\"\u003e\n      \u003cp\u003e\u003cstrong\u003e💡 Astuce :\u003c\/strong\u003e Les cheveux poussent en moyenne d'1 cm par mois. Soyez patient et régulier pour laisser le temps aux actifs d'agir sur le cycle capillaire.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bio-section\"\u003e\n    \u003ch2\u003e👩 Pour qui ?\u003c\/h2\u003e\n    \u003cdiv class=\"bio-grid\"\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e💇‍♀️ Chute de cheveux\u003c\/h3\u003e\n        \u003cp\u003eVous constatez une perte plus importante que d'habitude, notamment aux changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n        \u003cp\u003eVotre chevelure manque de volume, de densité ou paraît molle et sans tenue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e⚡ Manque de vitalité\u003c\/h3\u003e\n        \u003cp\u003eVos cheveux sont ternes, cassants ou semblent dévitalisés et sans éclat.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e🌱 Végétariens \u0026amp; vegans\u003c\/h3\u003e\n        \u003cp\u003eVous suivez un régime sans viande et souhaitez éviter les carences en vitamines B.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bio-section\"\u003e\n    \u003ch2\u003e❓ Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"bio-accordion\"\u003e\n      \u003cdetails class=\"bio-accordion-item\"\u003e\n        \u003csummary class=\"bio-accordion-header\"\u003e⏱️ Combien de temps avant les premiers résultats ?\u003c\/summary\u003e\n        \u003cdiv class=\"bio-accordion-content\"\u003e\n          \u003cp\u003eLes premiers effets sur la brillance et la texture peuvent apparaître dès 4 à 6 semaines. Pour la densité et la pousse, comptez plutôt 2 à 3 mois de cure régulière.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bio-accordion-item\"\u003e\n        \u003csummary class=\"bio-accordion-header\"\u003e💊 Peut-on associer BIOTIFORM avec d'autres compléments ?\u003c\/summary\u003e\n        \u003cdiv class=\"bio-accordion-content\"\u003e\n          \u003cp\u003eOui, mais veillez à ne pas cumuler les apports en zinc et sélénium pour éviter tout excès. En cas de doute, demandez conseil à votre pharmacien ou médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bio-accordion-item\"\u003e\n        \u003csummary class=\"bio-accordion-header\"\u003e🌱 La biotine fait-elle vraiment pousser les cheveux ?\u003c\/summary\u003e\n        \u003cdiv class=\"bio-accordion-content\"\u003e\n          \u003cp\u003eLa biotine contribue au maintien de cheveux normaux selon l'EFSA (Autorité européenne de sécurité des aliments). Elle soutient la production de kératine, protéine essentielle à la structure capillaire.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bio-section\"\u003e\n    \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n    \u003cdiv class=\"bio-accordion\"\u003e\n      \u003cdetails class=\"bio-accordion-item\"\u003e\n        \u003csummary class=\"bio-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"bio-accordion-content\"\u003e\n          \u003cp\u003eConservez le sachet à température ambiante, à l'abri de la lumière, de la chaleur et de l'humidité. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"bio-accordion-item\"\u003e\n        \u003csummary class=\"bio-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n        \u003cdiv class=\"bio-accordion-content\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière indiquée (2 gélules par jour). Ce complément alimentaire ne remplace pas une alimentation variée, équilibrée et un mode de vie sain. Consultez un professionnel de santé si vous suivez un traitement médical. Réservé aux adultes. Déconseillé aux femmes enceintes, allaitantes et aux enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bio-section\"\u003e\n    \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"bio-grid-compact\"\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e💊 60 gélules\u003c\/h3\u003e\n        \u003cp\u003eProgramme complet de 30 jours\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e🌿 Gélules végétales\u003c\/h3\u003e\n        \u003cp\u003eHPMC, 100% vegan\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e🍓 Goût fruits rouges\u003c\/h3\u003e\n        \u003cp\u003eArômes naturels agréables\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"bio-card\"\u003e\n        \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n        \u003cp\u003ePackaging recyclable\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bio-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"bio-cta-box\"\u003e\n      \u003cp\u003e🌸 Offrez à vos cheveux la nutrition qu'ils méritent avec BIOTIFORM : une formule complète, naturelle et fabriquée en France pour révéler toute la beauté de votre chevelure.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --bio-cream: #FBF7F4;\n  --bio-white: #ffffff;\n  --bio-primary: #D4907C;\n  --bio-primary-dark: #B5705D;\n  --bio-primary-light: #F5E6E1;\n  --bio-secondary: #C67B68;\n  --bio-accent: #E8B4A6;\n  --bio-text: #1a1a1a;\n  --bio-text-light: #5a5a5a;\n  --bio-border: #e8e0dc;\n  --bio-shadow: 0 4px 24px rgba(180, 112, 93, .08);\n  --bio-shadow-lg: 0 12px 48px rgba(180, 112, 93, .15);\n  --bio-radius: 20px;\n  --bio-radius-sm: 12px;\n}\n\n.bio-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--bio-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bio-hero {\n  position: relative;\n  background: linear-gradient(135deg, #D4907C 0%, #C67B68 40%, #E8B4A6 100%);\n  border-radius: var(--bio-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(--bio-shadow-lg);\n}\n\n.bio-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.bio-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.bio-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: .5rem;\n  margin-bottom: 1.5rem;\n}\n\n.bio-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(--bio-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.bio-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.bio-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(32px, 8vw, 56px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bio-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.bio-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bio-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bio-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--bio-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.bio-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(--bio-primary), var(--bio-accent));\n  border-radius: 2px;\n}\n\n.bio-intro-text {\n  text-align: center;\n  color: var(--bio-text-light);\n  font-size: clamp(14px, 2vw, 16px);\n  margin-bottom: 1.5rem;\n}\n\n.bio-footnote {\n  text-align: center;\n  color: var(--bio-text-light);\n  font-size: 13px;\n  font-style: italic;\n  margin-top: 1.5rem;\n  padding: 0 1rem;\n}\n\n\/* === CARDS === *\/\n.bio-card {\n  background: var(--bio-white);\n  border-radius: var(--bio-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--bio-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.bio-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--bio-shadow-lg);\n  border-color: var(--bio-primary);\n}\n\n.bio-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--bio-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.bio-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--bio-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.bio-card-ingredient {\n  position: relative;\n}\n\n.bio-dosage {\n  font-size: clamp(20px, 4vw, 28px);\n  font-weight: 900;\n  color: var(--bio-primary);\n  margin: .5rem 0;\n}\n\n.bio-vnr {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--bio-accent);\n  background: var(--bio-primary-light);\n  padding: 2px 8px;\n  border-radius: 999px;\n  margin-left: 6px;\n}\n\n\/* === GRILLES === *\/\n.bio-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.bio-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.bio-grid-compact .bio-card {\n  padding: 1rem;\n}\n\n.bio-grid-compact .bio-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.bio-grid-compact .bio-card p {\n  font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.bio-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.bio-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: var(--bio-white);\n  border-radius: var(--bio-radius);\n  padding: 1.25rem;\n  box-shadow: var(--bio-shadow);\n  transition: all .3s ease;\n}\n\n.bio-step:hover {\n  transform: translateX(6px);\n  box-shadow: var(--bio-shadow-lg);\n}\n\n.bio-step-number {\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--bio-primary), var(--bio-secondary));\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n.bio-step-content h3 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--bio-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.bio-step-content p {\n  font-size: 14px;\n  color: var(--bio-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bio-tip {\n  display: flex;\n  align-items: flex-start;\n  gap: 1rem;\n  background: linear-gradient(135deg, var(--bio-primary-light), #fff);\n  border-radius: var(--bio-radius);\n  padding: 1.25rem;\n  margin-top: 1.5rem;\n  border-left: 4px solid var(--bio-primary);\n}\n\n.bio-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.bio-tip p {\n  font-size: 14px;\n  color: var(--bio-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bio-accordion {\n  background: var(--bio-white);\n  border-radius: var(--bio-radius);\n  box-shadow: var(--bio-shadow);\n  overflow: hidden;\n}\n\n.bio-accordion-item {\n  border-bottom: 1px solid var(--bio-border);\n  margin: 0;\n  padding: 0;\n}\n\n.bio-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.bio-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--bio-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.bio-accordion-header:hover {\n  background: var(--bio-primary-light);\n}\n\n.bio-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.bio-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--bio-primary);\n  transition: transform .2s ease;\n}\n\n.bio-accordion-item[open] .bio-accordion-header::after {\n  content: '−';\n}\n\n.bio-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--bio-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 5px;\n}\n\n.bio-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bio-cta-box {\n  background: linear-gradient(135deg, var(--bio-primary) 0%, var(--bio-primary-dark) 100%);\n  border-radius: var(--bio-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.bio-cta-box::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  right: -50%;\n  width: 100%;\n  height: 100%;\n  background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n}\n\n.bio-cta-box p {\n  position: relative;\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n  .bio-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .bio-card {\n    padding: 1.125rem;\n  }\n  \n  .bio-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .bio-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--bio-radius-sm);\n  }\n  \n  .bio-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .bio-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .bio-grid-compact {\n    gap: .625rem;\n  }\n  \n  .bio-grid-compact .bio-card {\n    padding: .75rem;\n  }\n  \n  .bio-step {\n    padding: 1rem;\n  }\n  \n  .bio-step-number {\n    width: 36px;\n    height: 36px;\n    font-size: 15px;\n  }\n  \n  .bio-tip {\n    flex-direction: column;\n    gap: .5rem;\n    padding: 1rem;\n  }\n  \n  .bio-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .bio-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .bio-badges-top {\n    gap: .375rem;\n  }\n  \n  .bio-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .bio-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bio-card:nth-child(1) { animation-delay: .05s; }\n  .bio-card:nth-child(2) { animation-delay: .1s; }\n  .bio-card:nth-child(3) { animation-delay: .15s; }\n  .bio-card:nth-child(4) { animation-delay: .2s; }\n  .bio-card:nth-child(5) { animation-delay: .25s; }\n  .bio-card:nth-child(6) { animation-delay: .3s; }\n  \n  .bio-step {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .bio-step:nth-child(1) { animation-delay: .1s; }\n  .bio-step:nth-child(2) { animation-delay: .2s; }\n  .bio-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .bio-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"INOLAB Laboratoire","offers":[{"title":"Default Title","offer_id":55424234750329,"sku":"BIOTIFORM_INOLAB","price":11.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/biotiform-complexe-cheveux-biotine-levure-de-biere-zinc-sele-packshothd.webp?v=1785936645"},{"product_id":"erectab-stimulant-sexuel-naturel-pour-lerection-4-comprimes-labophyto-copie","title":"Erectab - Stimulant Sexuel Naturel pour l'Érection - 2 Comprimés - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Erectab - Stimulant Sexuel Naturel pour l'Érection\nPalette détectée:\n  - Primaire: #0077CC (bleu électrique du packaging - dynamique et médical)\n  - Secondaire: #00BFFF (bleu ciel - moderne et confiance)\n  - Accent: #1E3A8A (bleu profond - sérieux et performance)\nAmbiance: Médical\/pharmaceutique moderne, masculin, dynamique, confiant, scientifique\nStyle: Premium technique avec approche santé\/performance\nPréfixe CSS: erec\n--\u003e\n\n\u003cdiv class=\"erec-premium\"\u003e\n  \n  \u003cdiv class=\"erec-hero\"\u003e\n    \u003cdiv class=\"erec-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"erec-hero-content\"\u003e\n      \u003cdiv class=\"erec-badges-top\"\u003e\n        \u003cspan class=\"erec-badge\"\u003e⚡ Action rapide\u003c\/span\u003e\n        \u003cspan class=\"erec-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n        \u003cspan class=\"erec-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"erec-hero-title\"\u003eErectab by Labophyto\u003c\/span\u003e\n      \u003cp class=\"erec-subtitle\"\u003eLe stimulant naturel pour votre performance masculine\u003c\/p\u003e\n      \u003cp class=\"erec-description\"\u003eUne formule scientifique aux plantes adaptogènes, vitamines et minéraux essentiels pour réveiller votre vigueur et votre confiance en toute discrétion.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003e⚡ Performance et efficacité garanties\u003c\/h2\u003e\n    \u003cdiv class=\"erec-grid\"\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e⏱️\u003c\/div\u003e\n        \u003ch3\u003eAction rapide\u003c\/h3\u003e\n        \u003cp\u003eEffet visible en \u003cstrong\u003e1 heure\u003c\/strong\u003e seulement. Prenez vos comprimés juste avant le moment masculin pour une efficacité optimale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3\u003eFormule naturelle\u003c\/h3\u003e\n        \u003cp\u003e4 plantes adaptogènes reconnues agissent en synergie : Ashwagandha, Tribulus, Ginseng et Gingembre.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e🔬\u003c\/div\u003e\n        \u003ch3\u003eScientifiquement dosé\u003c\/h3\u003e\n        \u003cp\u003eVitamines B6, B8, Zinc et Sélénium à 100% des apports recommandés pour une absorption maximale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e🎯\u003c\/div\u003e\n        \u003ch3\u003eAction ciblée\u003c\/h3\u003e\n        \u003cp\u003eSoutient la circulation sanguine, améliore l'érection et stimule la vitalité masculine globale.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e💪\u003c\/div\u003e\n        \u003ch3\u003eRéduit le stress\u003c\/h3\u003e\n        \u003cp\u003eL'Ashwagandha et le Ginseng aident à diminuer l'anxiété de performance et favorisent la confiance en soi.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-card\"\u003e\n        \u003cdiv class=\"erec-icon\"\u003e🔒\u003c\/div\u003e\n        \u003ch3\u003eFormat discret\u003c\/h3\u003e\n        \u003cp\u003e2 comprimés seulement, faciles à transporter et à prendre en toute discrétion, partout où vous allez.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003e🌿 Composition précise et transparente\u003c\/h2\u003e\n    \u003cdiv class=\"erec-ingredients-grid\"\u003e\n      \u003cdiv class=\"erec-ingredient-card\"\u003e\n        \u003cdiv class=\"erec-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n        \u003ch4\u003eAshwagandha\u003c\/h4\u003e\n        \u003cp class=\"erec-dosage\"\u003e160 mg\u003c\/p\u003e\n        \u003cp class=\"erec-benefit\"\u003eGestion du stress\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-ingredient-card\"\u003e\n        \u003cdiv class=\"erec-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n        \u003ch4\u003eTribulus\u003c\/h4\u003e\n        \u003cp class=\"erec-dosage\"\u003e150 mg\u003c\/p\u003e\n        \u003cp class=\"erec-benefit\"\u003ePerformance masculine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-ingredient-card\"\u003e\n        \u003cdiv class=\"erec-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch4\u003eGinseng\u003c\/h4\u003e\n        \u003cp class=\"erec-dosage\"\u003e90 mg\u003c\/p\u003e\n        \u003cp class=\"erec-benefit\"\u003eTonus et libido\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-ingredient-card\"\u003e\n        \u003cdiv class=\"erec-ingredient-icon\"\u003e🫚\u003c\/div\u003e\n        \u003ch4\u003eGingembre\u003c\/h4\u003e\n        \u003cp class=\"erec-dosage\"\u003e50 mg\u003c\/p\u003e\n        \u003cp class=\"erec-benefit\"\u003eCirculation sanguine\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-ingredient-card\"\u003e\n        \u003cdiv class=\"erec-ingredient-icon\"\u003e💊\u003c\/div\u003e\n        \u003ch4\u003eVitamines + Minéraux\u003c\/h4\u003e\n        \u003cp class=\"erec-dosage\"\u003e100% AR\u003c\/p\u003e\n        \u003cp class=\"erec-benefit\"\u003eB6, B8, Zinc, Sélénium\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"erec-info-box\"\u003e\n      \u003cp\u003e\u003cstrong\u003e+ Poivre noir (1 mg)\u003c\/strong\u003e pour améliorer l'absorption de tous les actifs\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003e📋 Mode d'emploi pour une efficacité maximale\u003c\/h2\u003e\n    \u003cdiv class=\"erec-steps\"\u003e\n      \u003cdiv class=\"erec-step\"\u003e\n        \u003cdiv class=\"erec-step-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"erec-step-content\"\u003e\n          \u003ch3\u003ePrenez 2 comprimés\u003c\/h3\u003e\n          \u003cp\u003eEnviron \u003cstrong\u003e1 heure avant l'activité sexuelle\u003c\/strong\u003e pour laisser le temps aux actifs d'agir.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-step\"\u003e\n        \u003cdiv class=\"erec-step-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"erec-step-content\"\u003e\n          \u003ch3\u003eAvec un grand verre d'eau\u003c\/h3\u003e\n          \u003cp\u003eL'hydratation favorise une meilleure absorption des nutriments et une action plus rapide.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-step\"\u003e\n        \u003cdiv class=\"erec-step-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"erec-step-content\"\u003e\n          \u003ch3\u003eRespectez la dose\u003c\/h3\u003e\n          \u003cp\u003eNe dépassez pas la dose journalière recommandée de \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-step\"\u003e\n        \u003cdiv class=\"erec-step-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"erec-step-content\"\u003e\n          \u003ch3\u003eAdoptez un mode de vie sain\u003c\/h3\u003e\n          \u003cp\u003ePour des résultats optimaux : alimentation équilibrée, activité physique régulière et gestion du stress.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003e✨ Pourquoi choisir Erectab ?\u003c\/h2\u003e\n    \u003cdiv class=\"erec-grid-2col\"\u003e\n      \u003cdiv class=\"erec-feature-card\"\u003e\n        \u003cdiv class=\"erec-feature-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003ch3\u003eQualité française certifiée\u003c\/h3\u003e\n        \u003cp\u003eFabrication en France selon les normes européennes les plus strictes. Labophyto est expert en santé sexuelle depuis des années.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-feature-card\"\u003e\n        \u003cdiv class=\"erec-feature-icon\"\u003e🔬\u003c\/div\u003e\n        \u003ch3\u003eFormule scientifique\u003c\/h3\u003e\n        \u003cp\u003eDosages précis validés pour une synergie optimale entre plantes, vitamines et minéraux. Rien n'est laissé au hasard.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-feature-card\"\u003e\n        \u003cdiv class=\"erec-feature-icon\"\u003e🎯\u003c\/div\u003e\n        \u003ch3\u003eAction globale\u003c\/h3\u003e\n        \u003cp\u003eNe se contente pas de l'érection : soutient aussi la libido, réduit le stress et améliore votre confiance masculine.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-feature-card\"\u003e\n        \u003cdiv class=\"erec-feature-icon\"\u003e💼\u003c\/div\u003e\n        \u003ch3\u003eFormat pratique\u003c\/h3\u003e\n        \u003cp\u003e2 comprimés seulement, emballage discret et compact. Glissez-le dans votre poche ou votre sac en toute tranquillité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003e👥 Pour qui est fait Erectab ?\u003c\/h2\u003e\n    \u003cdiv class=\"erec-grid\"\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e💼\u003c\/div\u003e\n        \u003ch3\u003eL'homme actif\u003c\/h3\u003e\n        \u003cp\u003eVous menez une vie trépidante et cherchez un coup de pouce ponctuel pour vos moments intimes.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e😰\u003c\/div\u003e\n        \u003ch3\u003eEn cas de stress\u003c\/h3\u003e\n        \u003cp\u003eLe stress professionnel ou quotidien impacte votre performance ? Erectab vous aide à retrouver confiance.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e🔄\u003c\/div\u003e\n        \u003ch3\u003eBaisse de forme\u003c\/h3\u003e\n        \u003cp\u003eFatigue passagère, baisse de vitalité ? Redonnez du tonus à votre vie intime naturellement.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e🌿\u003c\/div\u003e\n        \u003ch3\u003eAmateur de solutions naturelles\u003c\/h3\u003e\n        \u003cp\u003eVous privilégiez les compléments à base de plantes plutôt que les solutions chimiques.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e🎯\u003c\/div\u003e\n        \u003ch3\u003eBesoin ponctuel\u003c\/h3\u003e\n        \u003cp\u003eVous n'avez pas besoin d'une cure longue durée mais d'une solution efficace pour un moment précis.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-profile-card\"\u003e\n        \u003cdiv class=\"erec-profile-icon\"\u003e🔒\u003c\/div\u003e\n        \u003ch3\u003eDiscrétion souhaitée\u003c\/h3\u003e\n        \u003cp\u003eFormat compact et prise simple, sans attirer l'attention, pour une utilisation en toute intimité.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003e⚠️ Précautions et contre-indications\u003c\/h2\u003e\n    \u003cdiv class=\"erec-warning-box\"\u003e\n      \u003cdiv class=\"erec-warning-icon\"\u003e⚠️\u003c\/div\u003e\n      \u003cdiv class=\"erec-warning-content\"\u003e\n        \u003cul\u003e\n          \u003cli\u003e\u003cstrong\u003eRéservé exclusivement aux hommes adultes\u003c\/strong\u003e\u003c\/li\u003e\n          \u003cli\u003eDéconseillé aux femmes enceintes ou allaitantes\u003c\/li\u003e\n          \u003cli\u003eDéconseillé aux adolescents de moins de 18 ans\u003c\/li\u003e\n          \u003cli\u003eDéconseillé aux personnes sous traitement antihypertenseur ou antidiabétique\u003c\/li\u003e\n          \u003cli\u003eDéconseillé en cas d'antécédents de cancer du sein ou hormono-dépendant\u003c\/li\u003e\n          \u003cli\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain\u003c\/li\u003e\n          \u003cli\u003eConserver au sec, à l'abri de la lumière et de la chaleur\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\n  \u003csection class=\"erec-section\"\u003e\n    \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n    \u003cdiv class=\"erec-grid-4col\"\u003e\n      \u003cdiv class=\"erec-info-card\"\u003e\n        \u003cdiv class=\"erec-info-icon\"\u003e📦\u003c\/div\u003e\n        \u003cp class=\"erec-info-label\"\u003eContenu\u003c\/p\u003e\n        \u003cp class=\"erec-info-value\"\u003e2 comprimés\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-info-card\"\u003e\n        \u003cdiv class=\"erec-info-icon\"\u003e⏱️\u003c\/div\u003e\n        \u003cp class=\"erec-info-label\"\u003eDélai d'action\u003c\/p\u003e\n        \u003cp class=\"erec-info-value\"\u003e1 heure\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-info-card\"\u003e\n        \u003cdiv class=\"erec-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n        \u003cp class=\"erec-info-label\"\u003eOrigine\u003c\/p\u003e\n        \u003cp class=\"erec-info-value\"\u003eFrance\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"erec-info-card\"\u003e\n        \u003cdiv class=\"erec-info-icon\"\u003e🌿\u003c\/div\u003e\n        \u003cp class=\"erec-info-label\"\u003eComposition\u003c\/p\u003e\n        \u003cp class=\"erec-info-value\"\u003e100% naturelle\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"erec-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"erec-cta-box\"\u003e\n      \u003cdiv class=\"erec-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"erec-cta-content\"\u003e\n        \u003cp\u003eRedécouvrez votre confiance et votre performance masculine avec Erectab. Une formule naturelle, efficace en 1 heure, pour des moments intimes réussis en toute sérénité. 💪\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n  \/* Couleurs principales *\/\n  --erec-cream: #f8f9fa;\n  --erec-white: #ffffff;\n  --erec-primary: #0077CC;\n  --erec-primary-dark: #005fa3;\n  --erec-primary-light: #e6f3ff;\n  --erec-secondary: #00BFFF;\n  --erec-accent: #1E3A8A;\n\n  \/* Textes *\/\n  --erec-text: #1a1a1a;\n  --erec-text-light: #5a5a5a;\n\n  \/* Effets *\/\n  --erec-border: #e0e0e0;\n  --erec-shadow: 0 4px 24px rgba(0,119,204,.08);\n  --erec-shadow-lg: 0 12px 48px rgba(0,119,204,.15);\n  --erec-radius: 20px;\n  --erec-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.erec-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--erec-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  line-height: 1.6;\n  color: var(--erec-text);\n}\n\n\/* === HERO === *\/\n.erec-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--erec-primary) 0%, var(--erec-secondary) 50%, var(--erec-accent) 100%);\n  border-radius: var(--erec-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(--erec-shadow-lg);\n}\n\n.erec-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, white 20px, white 21px),\n    repeating-linear-gradient(-45deg, transparent, transparent 20px, white 20px, white 21px);\n}\n\n.erec-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.erec-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.erec-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(--erec-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.erec-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.erec-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.erec-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.erec-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.erec-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.erec-premium h2 {\n  font-size: clamp(26px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--erec-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.erec-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(--erec-primary), var(--erec-secondary));\n  border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.erec-card {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--erec-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.erec-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--erec-shadow-lg);\n  border-color: var(--erec-primary);\n}\n\n.erec-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n  filter: drop-shadow(0 4px 12px rgba(0,119,204,.2));\n}\n\n.erec-card h3 {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.erec-card p {\n  font-size: 15px;\n  line-height: 1.6;\n  color: var(--erec-text-light);\n  margin: 0;\n}\n\n\/* === GRILLES === *\/\n.erec-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 1.5rem;\n}\n\n.erec-grid-2col {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n  gap: 1.5rem;\n}\n\n.erec-grid-4col {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1.5rem;\n}\n\n\/* === INGRÉDIENTS === *\/\n.erec-ingredients-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 1.25rem;\n  margin-bottom: 2rem;\n}\n\n.erec-ingredient-card {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius-sm);\n  padding: 1.5rem 1rem;\n  box-shadow: var(--erec-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.erec-ingredient-card:hover {\n  transform: translateY(-6px);\n  border-color: var(--erec-secondary);\n  box-shadow: var(--erec-shadow-lg);\n}\n\n.erec-ingredient-icon {\n  font-size: 40px;\n  margin-bottom: 0.75rem;\n}\n\n.erec-ingredient-card h4 {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.erec-dosage {\n  font-size: 20px;\n  font-weight: 900;\n  color: var(--erec-primary);\n  margin: 0 0 0.5rem 0;\n}\n\n.erec-benefit {\n  font-size: 13px;\n  color: var(--erec-text-light);\n  margin: 0;\n}\n\n.erec-info-box {\n  background: linear-gradient(135deg, var(--erec-primary-light) 0%, rgba(0,191,255,.1) 100%);\n  border-radius: var(--erec-radius-sm);\n  padding: 1.5rem;\n  border-left: 4px solid var(--erec-primary);\n  text-align: center;\n}\n\n.erec-info-box p {\n  margin: 0;\n  font-size: 16px;\n  color: var(--erec-text);\n}\n\n\/* === ÉTAPES === *\/\n.erec-steps {\n  display: grid;\n  gap: 1.5rem;\n}\n\n.erec-step {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  background: var(--erec-white);\n  border-radius: var(--erec-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--erec-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.erec-step:hover {\n  border-color: var(--erec-primary);\n  transform: translateX(8px);\n  box-shadow: var(--erec-shadow-lg);\n}\n\n.erec-step-number {\n  flex-shrink: 0;\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--erec-primary), var(--erec-secondary));\n  color: white;\n  font-size: 24px;\n  font-weight: 900;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 16px rgba(0,119,204,.3);\n}\n\n.erec-step-content h3 {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin: 0 0 0.5rem 0;\n}\n\n.erec-step-content p {\n  font-size: 15px;\n  line-height: 1.6;\n  color: var(--erec-text-light);\n  margin: 0;\n}\n\n\/* === FEATURE CARDS === *\/\n.erec-feature-card {\n  background: linear-gradient(135deg, var(--erec-white) 0%, var(--erec-primary-light) 100%);\n  border-radius: var(--erec-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--erec-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.erec-feature-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--erec-shadow-lg);\n  border-color: var(--erec-primary);\n}\n\n.erec-feature-icon {\n  font-size: 56px;\n  margin-bottom: 1rem;\n}\n\n.erec-feature-card h3 {\n  font-size: clamp(18px, 2.5vw, 22px);\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.erec-feature-card p {\n  font-size: 15px;\n  line-height: 1.6;\n  color: var(--erec-text-light);\n  margin: 0;\n}\n\n\/* === PROFIL CARDS === *\/\n.erec-profile-card {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--erec-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.erec-profile-card:hover {\n  transform: scale(1.05);\n  box-shadow: var(--erec-shadow-lg);\n  border-color: var(--erec-secondary);\n}\n\n.erec-profile-icon {\n  font-size: 48px;\n  margin-bottom: 1rem;\n}\n\n.erec-profile-card h3 {\n  font-size: clamp(17px, 2.5vw, 20px);\n  font-weight: 800;\n  color: var(--erec-primary-dark);\n  margin: 0 0 0.75rem 0;\n}\n\n.erec-profile-card p {\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--erec-text-light);\n  margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.erec-warning-box {\n  background: #fff3cd;\n  border-radius: var(--erec-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 2px solid #ffc107;\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n}\n\n.erec-warning-icon {\n  flex-shrink: 0;\n  font-size: 48px;\n  filter: drop-shadow(0 2px 8px rgba(255,193,7,.3));\n}\n\n.erec-warning-content ul {\n  margin: 0;\n  padding-left: 1.5rem;\n  list-style: disc;\n}\n\n.erec-warning-content li {\n  font-size: 15px;\n  line-height: 1.8;\n  color: var(--erec-text);\n  margin-bottom: 0.5rem;\n}\n\n.erec-warning-content li:last-child {\n  margin-bottom: 0;\n}\n\n\/* === INFO CARDS === *\/\n.erec-info-card {\n  background: var(--erec-white);\n  border-radius: var(--erec-radius-sm);\n  padding: 1.5rem;\n  box-shadow: var(--erec-shadow);\n  text-align: center;\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.erec-info-card:hover {\n  transform: scale(1.05);\n  border-color: var(--erec-primary);\n  box-shadow: var(--erec-shadow-lg);\n}\n\n.erec-info-icon {\n  font-size: 40px;\n  margin-bottom: 0.75rem;\n}\n\n.erec-info-label {\n  font-size: 13px;\n  color: var(--erec-text-light);\n  margin: 0 0 0.25rem 0;\n  text-transform: uppercase;\n  letter-spacing: .05em;\n  font-weight: 600;\n}\n\n.erec-info-value {\n  font-size: 18px;\n  font-weight: 900;\n  color: var(--erec-primary);\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.erec-cta-box {\n  background: linear-gradient(135deg, var(--erec-primary) 0%, var(--erec-accent) 100%);\n  border-radius: var(--erec-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--erec-shadow-lg);\n}\n\n.erec-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% 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  background-size: 100px 100px, 120px 120px, 80px 80px;\n}\n\n.erec-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.erec-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;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .erec-grid,\n  .erec-grid-2col,\n  .erec-ingredients-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .erec-grid-4col {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .erec-step {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .erec-step-number {\n    margin: 0 auto 1rem auto;\n  }\n\n  .erec-warning-box {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .erec-warning-icon {\n    margin: 0 auto;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .erec-card,\n  .erec-ingredient-card,\n  .erec-step,\n  .erec-feature-card,\n  .erec-profile-card,\n  .erec-info-card {\n    animation: fadeInUp .6s ease backwards;\n  }\n\n  .erec-card:nth-child(1),\n  .erec-ingredient-card:nth-child(1),\n  .erec-step:nth-child(1),\n  .erec-feature-card:nth-child(1),\n  .erec-profile-card:nth-child(1) { \n    animation-delay: .1s; \n  }\n\n  .erec-card:nth-child(2),\n  .erec-ingredient-card:nth-child(2),\n  .erec-step:nth-child(2),\n  .erec-feature-card:nth-child(2),\n  .erec-profile-card:nth-child(2) { \n    animation-delay: .2s; \n  }\n\n  .erec-card:nth-child(3),\n  .erec-ingredient-card:nth-child(3),\n  .erec-step:nth-child(3),\n  .erec-feature-card:nth-child(3),\n  .erec-profile-card:nth-child(3) { \n    animation-delay: .3s; \n  }\n\n  .erec-card:nth-child(4),\n  .erec-ingredient-card:nth-child(4),\n  .erec-step:nth-child(4),\n  .erec-feature-card:nth-child(4),\n  .erec-profile-card:nth-child(4) { \n    animation-delay: .4s; \n  }\n\n  .erec-card:nth-child(5),\n  .erec-ingredient-card:nth-child(5),\n  .erec-profile-card:nth-child(5) { \n    animation-delay: .5s; \n  }\n\n  .erec-card:nth-child(6),\n  .erec-ingredient-card:nth-child(6),\n  .erec-profile-card:nth-child(6) { \n    animation-delay: .6s; \n  }\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .erec-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .erec-premium {\n    --erec-shadow: 0 0 0 2px var(--erec-border);\n    --erec-shadow-lg: 0 0 0 3px var(--erec-primary);\n  }\n}\n\n\/* === UTILITAIRES === *\/\n.erec-premium strong {\n  font-weight: 700;\n  color: var(--erec-primary-dark);\n}\n\n.erec-premium ul {\n  margin: 0;\n  padding-left: 1.5rem;\n}\n\n.erec-premium li {\n  margin-bottom: 0.5rem;\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":55678038049145,"sku":"ERECTAB2","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/erectab-2-comprimes-labophyto.webp?v=1772624358"},{"product_id":"vitalite-collagene-pomme-citron-humble","title":"Multi-Nutriments Vitalité - 420g (saveur Pomme-Citron) - Humble+","description":"\u003cdiv class=\"hmb-premium\"\u003e\n\n  \u003cdiv class=\"hmb-hero\"\u003e\n    \u003cdiv class=\"hmb-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"hmb-hero-content\"\u003e\n      \u003cdiv class=\"hmb-badges-top\"\u003e\n        \u003cspan class=\"hmb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"hmb-badge\"\u003e🌿 19 vitamines \u0026amp; minéraux\u003c\/span\u003e\n        \u003cspan class=\"hmb-badge\"\u003e🍏 Saveur pomme-citron\u003c\/span\u003e\n        \u003cspan class=\"hmb-badge\"\u003e📅 Cure de 30 jours\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"hmb-hero-title\"\u003eRetrouvez tonus, clarté et sérénité au quotidien\u003c\/span\u003e\n      \u003cp class=\"hmb-subtitle\"\u003eLook good, feel good.\u003c\/p\u003e\n      \u003cp class=\"hmb-description\"\u003eUne poudre nouvelle génération qui réunit 19 vitamines et minéraux essentiels, associés à la spiruline et à la rhodiola, pour soutenir votre vitalité chaque matin.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"hmb-section\"\u003e\n    \u003ch2\u003eMulti-Nutriments Vitalité Humble+ : votre allié quotidien contre la fatigue\u003c\/h2\u003e\n    \u003cp class=\"hmb-section-intro\"\u003eVous ressentez une baisse d'énergie persistante, un stress qui s'installe ou un besoin de soutenir votre organisme au quotidien ? Le \u003cstrong\u003eMulti-Nutriments Vitalité Humble+\u003c\/strong\u003e est un complément alimentaire vitalité nouvelle génération, formulé sous forme de poudre à la saveur pomme-citron. Une seule dose vous apporte \u003cstrong\u003e19 vitamines et minéraux essentiels\u003c\/strong\u003e, associés à des plantes reconnues comme la spiruline et la rhodiola. Pensé pour celles et ceux qui veulent retrouver tonus, clarté mentale et sérénité, ce complément alimentaire forme et vitalité se glisse facilement dans votre routine matinale.\u003c\/p\u003e\n    \u003cdiv class=\"hmb-grid-compact\"\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n        \u003cp\u003eRéduit la fatigue au quotidien\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n        \u003cp\u003eSoutient le système immunitaire\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🧠 Cognition\u003c\/h3\u003e\n        \u003cp\u003eFavorise la fonction cognitive\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🧘 Sérénité\u003c\/h3\u003e\n        \u003cp\u003eAide à mieux gérer le stress\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hmb-section\"\u003e\n    \u003ch2\u003ePourquoi choisir ce complément alimentaire énergie et vitalité ?\u003c\/h2\u003e\n    \u003cp class=\"hmb-section-intro\"\u003eContrairement aux gélules classiques, la formule en poudre permet un dosage généreux et une meilleure biodisponibilité des actifs. Chaque dosette de 14 g concentre un cocktail complet pensé pour vous.\u003c\/p\u003e\n    \u003cdiv class=\"hmb-grid\"\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e💪 Réduire la fatigue\u003c\/h3\u003e\n        \u003cp\u003eGrâce à la vitamine C, aux vitamines B et au magnésium pour retrouver un vrai coup d'énergie.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🛡️ Soutenir l'immunité\u003c\/h3\u003e\n        \u003cp\u003eLe zinc et la vitamine C contribuent au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🧠 Booster la cognition\u003c\/h3\u003e\n        \u003cp\u003eLe zinc et les vitamines B favorisent une fonction cognitive normale au quotidien.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🌿 Mieux gérer le stress\u003c\/h3\u003e\n        \u003cp\u003eL'extrait de Rhodiola rosea, plante adaptogène reconnue, aide à composer avec le stress.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e⚖️ Équilibre hormonal\u003c\/h3\u003e\n        \u003cp\u003eLa vitamine B6 contribue à réguler l'activité hormonale au fil des cycles.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-card\"\u003e\n        \u003ch3\u003e🌱 Actifs végétaux\u003c\/h3\u003e\n        \u003cp\u003eSpiruline, épinard et rhodiola pour un vrai concentré de nature dans votre verre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hmb-section\"\u003e\n    \u003ch2\u003eComposition détaillée par dose de 14 g\u003c\/h2\u003e\n    \u003cdiv class=\"hmb-accordion\"\u003e\n      \u003cdetails class=\"hmb-accordion-item\" open\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e💊 Vitamines\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003eC (94 mg), A (789 µg), D (35 µg), E (12 mg), K (172 µg), B1 (1,2 mg), B2 (1,5 mg), B3 (14 mg), B5 (6,1 mg), B6 (1,5 mg), B8 (50 µg), B9 (178 µg), B12 (2,5 µg).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e⚡ Minéraux\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003ePotassium (409 mg), magnésium (120 mg), calcium (36,5 mg), zinc (10 mg), iode (57,3 µg), sélénium (22 µg), chrome (13 µg).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e🌿 Plantes et actifs\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003ePoudre d'épinard (363 mg), spiruline (245 mg), extrait de Rhodiola rosea (200 mg), choline bitartrate (160 mg).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003eProtéine de pois, fibre d'acacia, citrate de potassium, bisglycinate de magnésium, bisglycinate de zinc, picolinate de chrome, iodure de potassium, sucre blond de canne, arômes naturels citron et autres, poudre de citron (4,32%), poudre de pomme (4,32%), choline L-bitartrate, vitamines (C, K1, extrait d'acérola, E, B3, A, B5, B12, B6, D3, B1, B2, B9, B8), poudre d'épinard.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e📊 Valeurs nutritionnelles\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003ePar dose : 48 kcal, 3,1 g de protéines, 6,8 g de glucides (dont 2,2 g de sucres), 2,9 g de fibres.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hmb-section\"\u003e\n    \u003ch2\u003eComment prendre le Multi-Nutriments Vitalité ?\u003c\/h2\u003e\n    \u003cdiv class=\"hmb-timeline\"\u003e\n      \u003cdiv class=\"hmb-timeline-item\"\u003e\n        \u003cdiv class=\"hmb-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"hmb-timeline-content\"\u003e\n          \u003ch3\u003eUne dosette par jour\u003c\/h3\u003e\n          \u003cp\u003ePrenez 1 dosette (14 g), de préférence le matin ou en début de journée.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-timeline-item\"\u003e\n        \u003cdiv class=\"hmb-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"hmb-timeline-content\"\u003e\n          \u003ch3\u003eMélangez à 250 ml\u003c\/h3\u003e\n          \u003cp\u003eDiluez dans 250 ml d'eau froide ou de lait végétal, selon votre préférence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-timeline-item\"\u003e\n        \u003cdiv class=\"hmb-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"hmb-timeline-content\"\u003e\n          \u003ch3\u003eFouettez ou shakez\u003c\/h3\u003e\n          \u003cp\u003eUtilisez un fouet ou un shaker pour une dissolution complète et onctueuse.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hmb-timeline-item\"\u003e\n        \u003cdiv class=\"hmb-timeline-number\"\u003e4\u003c\/div\u003e\n        \u003cdiv class=\"hmb-timeline-content\"\u003e\n          \u003ch3\u003eBuvez immédiatement\u003c\/h3\u003e\n          \u003cp\u003eÀ reconstituer juste avant consommation pour préserver toute la fraîcheur des actifs.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hmb-tip\"\u003e\n      \u003cspan class=\"hmb-tip-icon\"\u003e📅\u003c\/span\u003e\n      \u003cp\u003eLe sachet de 420 g offre \u003cstrong\u003e30 doses\u003c\/strong\u003e, soit une cure complète d'un mois.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hmb-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"hmb-accordion\"\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003eRéservé aux adultes. Ne pas dépasser la dose journalière recommandée. Usage prolongé déconseillé. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes, désireuses de l'être et aux femmes ménopausées (présence de rétinol). Déconseillé aux personnes sous anticoagulants, souffrant de troubles thyroïdiens, aux fumeurs, aux personnes âgées ou atteintes de néphropathie.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"hmb-accordion-item\"\u003e\n        \u003csummary class=\"hmb-accordion-header\"\u003e👨‍⚕️ Traitement médicamenteux\u003c\/summary\u003e\n        \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n          \u003cp\u003eEn cas de traitement médicamenteux, demandez conseil à un professionnel de santé.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"hmb-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"hmb-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003eFabrication française et exigence Humble+\u003c\/h2\u003e\n    \u003cdiv class=\"hmb-cta-box\"\u003e\n      \u003cp\u003eLe Multi-Nutriments Vitalité est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e et proposé en exclusivité par Humble+. Une formule pensée dans l'esprit de la marque : \u003cem\u003eLook good, feel good.\u003c\/em\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  :root {\n    --hmb-cream: #f5efe3;\n    --hmb-white: #ffffff;\n    --hmb-primary: #a8c47a;\n    --hmb-primary-dark: #2a3a26;\n    --hmb-primary-light: #eaf1d8;\n    --hmb-secondary: #6b8e3d;\n    --hmb-accent: #d4e09b;\n    --hmb-text: #1a1a1a;\n    --hmb-text-light: #5a5a5a;\n    --hmb-border: #e0e0e0;\n    --hmb-shadow: 0 4px 24px rgba(42,58,38,.08);\n    --hmb-shadow-lg: 0 12px 48px rgba(42,58,38,.15);\n    --hmb-radius: 20px;\n    --hmb-radius-sm: 12px;\n  }\n\n  .hmb-premium {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n    background: var(--hmb-cream);\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n    color: var(--hmb-text);\n  }\n\n  .hmb-hero {\n    position: relative;\n    background: linear-gradient(135deg, #a8c47a 0%, #6b8e3d 50%, #2a3a26 100%);\n    border-radius: var(--hmb-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(--hmb-shadow-lg);\n  }\n\n  .hmb-hero-pattern {\n    position: absolute;\n    inset: 0;\n    background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n                      radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n    opacity: .15;\n  }\n\n  .hmb-hero-content {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .hmb-hero-title {\n    display: block;\n    color: white;\n    font-size: clamp(22px, 7vw, 42px);\n    font-weight: 900;\n    margin: 0 0 1rem 0;\n    letter-spacing: -.04em;\n    text-shadow: 0 4px 20px rgba(0,0,0,.2);\n    line-height: 1.15;\n  }\n\n  .hmb-subtitle {\n    color: rgba(255,255,255,.95);\n    font-size: clamp(15px, 2.8vw, 20px);\n    font-weight: 600;\n    font-style: italic;\n    margin: 0 0 1rem 0;\n  }\n\n  .hmb-description {\n    color: rgba(255,255,255,.9);\n    font-size: clamp(14px, 2.3vw, 17px);\n    line-height: 1.7;\n    max-width: 700px;\n    margin: 0 auto;\n  }\n\n  .hmb-badges-top {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-bottom: 1.5rem;\n  }\n\n  .hmb-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(--hmb-primary-dark);\n    box-shadow: 0 2px 12px rgba(0,0,0,.1);\n    transition: all .3s ease;\n  }\n\n  .hmb-badge:hover {\n    transform: translateY(-2px) scale(1.05);\n  }\n\n  .hmb-section {\n    margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  }\n\n  .hmb-premium h2 {\n    font-size: clamp(22px, 5vw, 34px);\n    font-weight: 900;\n    color: var(--hmb-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  .hmb-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(--hmb-primary), var(--hmb-secondary));\n    border-radius: 2px;\n  }\n\n  .hmb-section-intro {\n    text-align: center;\n    font-size: clamp(15px, 2.5vw, 17px);\n    color: var(--hmb-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  .hmb-card {\n    background: var(--hmb-white);\n    border-radius: var(--hmb-radius);\n    padding: clamp(1.25rem, 3vw, 2rem);\n    box-shadow: var(--hmb-shadow);\n    border: 2px solid transparent;\n    transition: all .3s ease;\n    text-align: center;\n  }\n\n  .hmb-card:hover {\n    transform: translateY(-6px);\n    box-shadow: var(--hmb-shadow-lg);\n    border-color: var(--hmb-primary);\n  }\n\n  .hmb-card h3 {\n    font-size: clamp(15px, 2.5vw, 18px);\n    font-weight: 800;\n    color: var(--hmb-primary-dark);\n    margin: 0 0 .5rem 0;\n    line-height: 1.3;\n  }\n\n  .hmb-card p {\n    font-size: clamp(13px, 2vw, 15px);\n    color: var(--hmb-text-light);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .hmb-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 1.25rem;\n  }\n\n  .hmb-grid-compact {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 1rem;\n  }\n\n  .hmb-grid-compact .hmb-card {\n    padding: 1rem;\n  }\n\n  .hmb-grid-compact .hmb-card h3 {\n    font-size: 14px;\n    margin-bottom: .35rem;\n  }\n\n  .hmb-grid-compact .hmb-card p {\n    font-size: 12px;\n  }\n\n  .hmb-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  .hmb-timeline-item {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n  }\n\n  .hmb-timeline-number {\n    flex-shrink: 0;\n    width: 40px;\n    height: 40px;\n    background: linear-gradient(135deg, var(--hmb-primary), var(--hmb-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  .hmb-timeline-content {\n    flex: 1;\n    background: var(--hmb-white);\n    padding: 1rem 1.25rem;\n    border-radius: var(--hmb-radius-sm);\n    box-shadow: var(--hmb-shadow);\n  }\n\n  .hmb-timeline-content h3 {\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--hmb-primary-dark);\n    margin: 0 0 .25rem 0;\n  }\n\n  .hmb-timeline-content p {\n    font-size: 14px;\n    color: var(--hmb-text-light);\n    margin: 0;\n    line-height: 1.5;\n  }\n\n  .hmb-accordion {\n    background: var(--hmb-white);\n    border-radius: var(--hmb-radius);\n    box-shadow: var(--hmb-shadow);\n    overflow: hidden;\n  }\n\n  .hmb-accordion-item {\n    border-bottom: 1px solid var(--hmb-border);\n  }\n\n  .hmb-accordion-item:last-child {\n    border-bottom: none;\n  }\n\n  .hmb-accordion-header {\n    padding: 1rem 1.25rem;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--hmb-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  .hmb-accordion-header:hover {\n    background: var(--hmb-primary-light);\n  }\n\n  .hmb-accordion-header::-webkit-details-marker {\n    display: none;\n  }\n\n  .hmb-accordion-header::after {\n    content: '+';\n    font-size: 22px;\n    font-weight: 400;\n    color: var(--hmb-primary);\n    transition: transform .2s ease;\n  }\n\n  .hmb-accordion-item[open] .hmb-accordion-header::after {\n    content: '−';\n  }\n\n  .hmb-accordion-content {\n    padding: 0 1.25rem 1rem;\n    color: var(--hmb-text-light);\n    font-size: 14px;\n    line-height: 1.7;\n    margin-top: 10px;\n  }\n\n  .hmb-accordion-content p {\n    margin: 0;\n  }\n\n  .hmb-tip {\n    display: flex;\n    gap: 1rem;\n    align-items: flex-start;\n    background: var(--hmb-primary-light);\n    border-radius: var(--hmb-radius-sm);\n    padding: 1rem 1.25rem;\n    margin-top: 1.25rem;\n  }\n\n  .hmb-tip-icon {\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n\n  .hmb-tip p {\n    font-size: 14px;\n    color: var(--hmb-text);\n    margin: 0;\n    line-height: 1.6;\n  }\n\n  .hmb-cta-box {\n    background: linear-gradient(135deg, var(--hmb-secondary) 0%, var(--hmb-primary-dark) 100%);\n    border-radius: var(--hmb-radius);\n    padding: clamp(1.75rem, 4vw, 3rem);\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hmb-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  .hmb-disclaimer {\n    font-size: 12px;\n    color: var(--hmb-text-light);\n    text-align: center;\n    margin-top: 1rem;\n    font-style: italic;\n  }\n\n  @media (max-width: 767px) {\n    .hmb-grid {\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n    .hmb-card {\n      padding: 1.125rem;\n    }\n    .hmb-section {\n      margin-bottom: 1.75rem;\n    }\n    .hmb-hero {\n      padding: 2rem 1.25rem;\n      margin-bottom: 1.75rem;\n      border-radius: var(--hmb-radius-sm);\n    }\n    .hmb-premium h2 {\n      margin-bottom: 1rem;\n      padding-bottom: .75rem;\n    }\n    .hmb-premium h2::after {\n      width: 40px;\n      height: 3px;\n    }\n    .hmb-grid-compact {\n      gap: .625rem;\n    }\n    .hmb-grid-compact .hmb-card {\n      padding: .75rem;\n    }\n    .hmb-timeline-number {\n      width: 32px;\n      height: 32px;\n      font-size: 14px;\n    }\n    .hmb-timeline-content {\n      padding: .875rem 1rem;\n    }\n    .hmb-timeline-content h3 {\n      font-size: 14px;\n    }\n    .hmb-timeline-content p {\n      font-size: 13px;\n    }\n    .hmb-accordion-header {\n      padding: .875rem 1rem;\n      font-size: 14px;\n    }\n    .hmb-accordion-content {\n      padding: 0 1rem .875rem;\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .hmb-card {\n      animation: hmbFadeInUp .5s ease backwards;\n    }\n    .hmb-card:nth-child(1) { animation-delay: .05s; }\n    .hmb-card:nth-child(2) { animation-delay: .1s; }\n    .hmb-card:nth-child(3) { animation-delay: .15s; }\n    .hmb-card:nth-child(4) { animation-delay: .2s; }\n    .hmb-card:nth-child(5) { animation-delay: .25s; }\n    .hmb-card:nth-child(6) { animation-delay: .3s; }\n  }\n\n  @keyframes hmbFadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hmb-premium * {\n      animation-duration: 0.01ms !important;\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":55692167709049,"sku":"MULTINUTRIMENTSVITALIT","price":59.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/multi-nutriments-vitalite-420g-saveur-pomme-citron-humble-packshothd.webp?v=1789641157"},{"product_id":"chair-d-huitres-60-gelules-meralia","title":"Chair d’huîtres - 60 gélules - MERalia","description":"\u003cdiv class=\"mh-premium\"\u003e\n\n  \u003cdiv class=\"mh-hero\"\u003e\n    \u003cdiv class=\"mh-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"mh-hero-content\"\u003e\n      \u003cdiv class=\"mh-badges-top\"\u003e\n        \u003cspan class=\"mh-badge\"\u003e🦪 Chair d'huître pure\u003c\/span\u003e\n        \u003cspan class=\"mh-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n        \u003cspan class=\"mh-badge\"\u003e🌿 Gélules végétales\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"mh-hero-title\"\u003eChair d'huîtres en gélules\u003c\/span\u003e\n      \u003cp class=\"mh-subtitle\"\u003eMERalia — Complément alimentaire marin\u003c\/p\u003e\n      \u003cp class=\"mh-description\"\u003eUn concentré naturel de nutriments marins issu d'huîtres creuses \u003cem\u003eCrassostrea gigas\u003c\/em\u003e, naturellement riche en taurine, glycogène et acides aminés essentiels. Lyophilisation douce, zéro additif, gélule 100 % végétale.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"mh-section\"\u003e\n    \u003ch2\u003ePourquoi choisir la chair d'huîtres MERalia ?\u003c\/h2\u003e\n    \u003cp class=\"mh-section-intro\"\u003eL'huître est reconnue depuis des siècles comme un aliment d'exception. MERalia concentre sa chair sous forme de complément alimentaire pour vous offrir ses qualités nutritionnelles tout au long de l'année, sans contrainte de conservation ni de goût.\u003c\/p\u003e\n    \u003cdiv class=\"mh-grid-compact\"\u003e\n      \u003cdiv class=\"mh-card\"\u003e\n        \u003ch3\u003e🌊 Oligo-éléments marins\u003c\/h3\u003e\n        \u003cp\u003eUn apport naturel en minéraux et acides aminés dans un format simple à intégrer à votre routine quotidienne.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mh-card\"\u003e\n        \u003ch3\u003e❄️ Lyophilisation douce\u003c\/h3\u003e\n        \u003cp\u003ePréserve les nutriments thermosensibles, garantissant un taux de chair d'huîtres optimal dans chaque gélule.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mh-card\"\u003e\n        \u003ch3\u003e💎 Chair pure à 100 %\u003c\/h3\u003e\n        \u003cp\u003eAucune charge ni diluant : chaque gélule apporte 320 mg de poudre de chair d'huître concentrée.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mh-card\"\u003e\n        \u003ch3\u003e📅 Toute l'année\u003c\/h3\u003e\n        \u003cp\u003eProfitez des bienfaits de l'huître sans contrainte saisonnière, de conservation ou de goût.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mh-section\"\u003e\n    \u003ch2\u003eLes bienfaits de la chair d'huîtres en gélules\u003c\/h2\u003e\n    \u003cdiv class=\"mh-grid\"\u003e\n      \u003cdiv class=\"mh-card\"\u003e\n        \u003ch3\u003e⚡ Source naturelle de taurine\u003c\/h3\u003e\n        \u003cp\u003eCet acide aminé soufré intervient dans l'équilibre cellulaire, le métabolisme énergétique et le fonctionnement du système nerveux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mh-card\"\u003e\n        \u003ch3\u003e🔋 Apport en glycogène\u003c\/h3\u003e\n        \u003cp\u003eForme de réserve énergétique rapidement mobilisable par l'organisme, particulièrement appréciée en période de fatigue ou d'activité soutenue.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mh-card\"\u003e\n        \u003ch3\u003e💪 Acides aminés essentiels\u003c\/h3\u003e\n        \u003cp\u003eIndispensables à l'organisme, ils contribuent au maintien du tonus musculaire et à l'équilibre nutritionnel global.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mh-card\"\u003e\n        \u003ch3\u003e🧬 Richesse en oligo-éléments\u003c\/h3\u003e\n        \u003cp\u003eZinc, sélénium, fer, cuivre… l'huître offre un spectre minéral naturellement diversifié et hautement biodisponible.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mh-card\"\u003e\n        \u003ch3\u003e🌿 Formule pure et clean\u003c\/h3\u003e\n        \u003cp\u003eAucun additif, aucun conservateur, gélule végétale en hypromellose adaptée aux régimes végétariens.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mh-section\"\u003e\n    \u003ch2\u003eComposition détaillée et posologie\u003c\/h2\u003e\n    \u003cdiv class=\"mh-compo-box\"\u003e\n      \u003cdiv class=\"mh-compo-header\"\u003e\n        \u003cspan\u003e🧪 Ingrédients pour 4 gélules (dose journalière maximale)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mh-compo-rows\"\u003e\n        \u003cdiv class=\"mh-compo-row\"\u003e\n          \u003cspan class=\"mh-compo-label\"\u003ePoudre de chair d'huître (\u003cem\u003eCrassostrea gigas\u003c\/em\u003e)\u003c\/span\u003e\n          \u003cspan class=\"mh-compo-value\"\u003e1280 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mh-compo-row mh-compo-sub\"\u003e\n          \u003cspan class=\"mh-compo-label\"\u003edont Taurine (minimum)\u003c\/span\u003e\n          \u003cspan class=\"mh-compo-value\"\u003e50 mg\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"mh-compo-row\"\u003e\n          \u003cspan class=\"mh-compo-label\"\u003eEnveloppe de la gélule\u003c\/span\u003e\n          \u003cspan class=\"mh-compo-value\"\u003eHypromellose (végétale)\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mh-timeline\"\u003e\n      \u003cdiv class=\"mh-timeline-item\"\u003e\n        \u003cdiv class=\"mh-timeline-number\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"mh-timeline-content\"\u003e\n          \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n          \u003cp\u003ePrendre \u003cstrong\u003e2 à 4 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mh-timeline-item\"\u003e\n        \u003cdiv class=\"mh-timeline-number\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"mh-timeline-content\"\u003e\n          \u003ch3\u003eAjustement progressif\u003c\/h3\u003e\n          \u003cp\u003eCommencez par 2 gélules quotidiennes puis ajustez selon vos besoins et votre ressenti.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"mh-timeline-item\"\u003e\n        \u003cdiv class=\"mh-timeline-number\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"mh-timeline-content\"\u003e\n          \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n          \u003cp\u003eUne cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est généralement recommandée, renouvelable plusieurs fois dans l'année.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"mh-tip\"\u003e\n      \u003cspan class=\"mh-tip-icon\"\u003e📦\u003c\/span\u003e\n      \u003cp\u003e\u003cstrong\u003eContenu :\u003c\/strong\u003e 60 gélules, soit 15 à 30 jours de cure selon le dosage choisi.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"mh-section\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"mh-accordion\"\u003e\n      \u003cdetails class=\"mh-accordion-item\"\u003e\n        \u003csummary class=\"mh-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"mh-accordion-content mt-3\"\u003e\n          \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e. Ne convient pas aux enfants de moins de 6 ans.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mh-accordion-item\"\u003e\n        \u003csummary class=\"mh-accordion-header\"\u003e🦐 Allergènes\u003c\/summary\u003e\n        \u003cdiv class=\"mh-accordion-content mt-3\"\u003e\n          \u003cp\u003ePeut contenir des \u003cstrong\u003eallergènes : mollusques, crustacés, iode\u003c\/strong\u003e. Consultez votre médecin en cas de trouble thyroïdien.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mh-accordion-item\"\u003e\n        \u003csummary class=\"mh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n        \u003cdiv class=\"mh-accordion-content mt-3\"\u003e\n          \u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la lumière et hors de portée des enfants.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"mh-accordion-item\"\u003e\n        \u003csummary class=\"mh-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n        \u003cdiv class=\"mh-accordion-content mt-3\"\u003e\n          \u003cp\u003eNe pas dépasser la dose journalière recommandée (4 gélules). Ce complément alimentaire \u003cstrong\u003ene remplace pas une alimentation variée et équilibrée\u003c\/strong\u003e ni un suivi 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=\"mh-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"mh-cta-box\"\u003e\n      \u003cp\u003e🦪 En choisissant la chair d'huîtres MERalia, vous optez pour un complément marin authentique, sans compromis sur la pureté ni la qualité. Un geste simple et naturel pour enrichir votre alimentation en nutriments essentiels issus de la mer.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"mh-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --mh-cream: #f4f6fa;\n  --mh-white: #ffffff;\n  --mh-primary: #1a4fa0;\n  --mh-primary-dark: #0e2d5e;\n  --mh-primary-light: #e8eef8;\n  --mh-secondary: #3a7bd5;\n  --mh-accent: #5ba3f5;\n  --mh-text: #1a1a1a;\n  --mh-text-light: #5a5a5a;\n  --mh-border: #dde4ef;\n  --mh-shadow: 0 4px 24px rgba(14,45,94,.08);\n  --mh-shadow-lg: 0 12px 48px rgba(14,45,94,.15);\n  --mh-radius: 20px;\n  --mh-radius-sm: 12px;\n}\n\n.mh-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--mh-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mh-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--mh-primary-dark) 0%, var(--mh-primary) 50%, var(--mh-secondary) 100%);\n  border-radius: var(--mh-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(--mh-shadow-lg);\n}\n\n.mh-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.mh-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.mh-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.mh-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(--mh-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.mh-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.mh-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.mh-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  text-transform: uppercase;\n}\n\n.mh-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 650px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mh-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mh-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--mh-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.mh-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(--mh-primary), var(--mh-accent));\n  border-radius: 2px;\n}\n\n.mh-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mh-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.mh-card {\n  background: var(--mh-white);\n  border-radius: var(--mh-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--mh-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.mh-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--mh-shadow-lg);\n  border-color: var(--mh-primary);\n}\n\n.mh-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--mh-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.mh-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--mh-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mh-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.mh-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.mh-grid-compact .mh-card {\n  padding: 1rem;\n}\n\n.mh-grid-compact .mh-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.mh-grid-compact .mh-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mh-compo-box {\n  background: var(--mh-white);\n  border-radius: var(--mh-radius);\n  box-shadow: var(--mh-shadow);\n  overflow: hidden;\n  margin-bottom: 1.5rem;\n}\n\n.mh-compo-header {\n  background: linear-gradient(135deg, var(--mh-primary), var(--mh-secondary));\n  padding: 1rem 1.5rem;\n  color: white;\n  font-weight: 700;\n  font-size: 15px;\n}\n\n.mh-compo-rows {\n  padding: .5rem 0;\n}\n\n.mh-compo-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: .75rem 1.5rem;\n  border-bottom: 1px solid var(--mh-border);\n}\n\n.mh-compo-row:last-child {\n  border-bottom: none;\n}\n\n.mh-compo-row.mh-compo-sub {\n  padding-left: 2.5rem;\n  background: var(--mh-primary-light);\n}\n\n.mh-compo-label {\n  font-size: 14px;\n  color: var(--mh-text);\n  font-weight: 500;\n}\n\n.mh-compo-value {\n  font-size: 14px;\n  color: var(--mh-primary-dark);\n  font-weight: 800;\n  white-space: nowrap;\n  margin-left: 1rem;\n}\n\n\/* === TIMELINE === *\/\n.mh-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1rem;\n}\n\n.mh-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.mh-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--mh-primary), var(--mh-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.mh-timeline-content {\n  flex: 1;\n  background: var(--mh-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--mh-radius-sm);\n  box-shadow: var(--mh-shadow);\n}\n\n.mh-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--mh-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.mh-timeline-content p {\n  font-size: 14px;\n  color: var(--mh-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mh-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--mh-primary-light);\n  border-radius: var(--mh-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.mh-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.mh-tip p {\n  font-size: 14px;\n  color: var(--mh-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mh-testimonial {\n  background: var(--mh-white);\n  border-radius: var(--mh-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--mh-shadow);\n  border-left: 4px solid var(--mh-primary);\n}\n\n.mh-testimonial-text {\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--mh-text);\n  line-height: 1.8;\n  font-style: italic;\n  margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mh-accordion {\n  background: var(--mh-white);\n  border-radius: var(--mh-radius);\n  box-shadow: var(--mh-shadow);\n  overflow: hidden;\n}\n\n.mh-accordion-item {\n  border-bottom: 1px solid var(--mh-border);\n  margin: 0;\n  padding: 0;\n}\n\n.mh-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.mh-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--mh-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.mh-accordion-header:hover {\n  background: var(--mh-primary-light);\n}\n\n.mh-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.mh-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--mh-primary);\n  transition: transform .2s ease;\n}\n\n.mh-accordion-item[open] .mh-accordion-header::after {\n  content: '−';\n}\n\n.mh-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--mh-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.mh-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA === *\/\n.mh-cta-box {\n  background: linear-gradient(135deg, var(--mh-primary) 0%, var(--mh-primary-dark) 100%);\n  border-radius: var(--mh-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.mh-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.mh-disclaimer {\n  font-size: 12px;\n  color: var(--mh-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .mh-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n\n  .mh-card {\n    padding: 1.125rem;\n  }\n\n  .mh-section {\n    margin-bottom: 1.75rem;\n  }\n\n  .mh-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--mh-radius-sm);\n  }\n\n  .mh-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n\n  .mh-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n\n  .mh-grid-compact {\n    gap: .625rem;\n  }\n\n  .mh-grid-compact .mh-card {\n    padding: .75rem;\n  }\n\n  .mh-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .mh-timeline-content {\n    padding: .875rem 1rem;\n  }\n\n  .mh-timeline-content h3 {\n    font-size: 14px;\n  }\n\n  .mh-timeline-content p {\n    font-size: 13px;\n  }\n\n  .mh-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n\n  .mh-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n\n  .mh-compo-header {\n    padding: .875rem 1rem;\n    font-size: 13px;\n  }\n\n  .mh-compo-row {\n    padding: .625rem 1rem;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: .25rem;\n  }\n\n  .mh-compo-row.mh-compo-sub {\n    padding-left: 1.5rem;\n  }\n\n  .mh-compo-value {\n    margin-left: 0;\n  }\n\n  .mh-testimonial {\n    padding: 1.25rem;\n  }\n\n  .mh-testimonial-text {\n    font-size: 14px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .mh-card {\n    animation: mhFadeInUp .5s ease backwards;\n  }\n  .mh-card:nth-child(1) { animation-delay: .05s; }\n  .mh-card:nth-child(2) { animation-delay: .1s; }\n  .mh-card:nth-child(3) { animation-delay: .15s; }\n  .mh-card:nth-child(4) { animation-delay: .2s; }\n  .mh-card:nth-child(5) { animation-delay: .25s; }\n  .mh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mhFadeInUp {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mh-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"MERalia","offers":[{"title":"Default Title","offer_id":55817283076473,"sku":"ME2010","price":15.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chair-dhuitres-60-gelules-meralia-packshothd.webp?v=1775660849"},{"product_id":"pastilles-gorge-propolis-echinacea-zinc-aagaard","title":"Pastille Gorge à la Propolis, Echinacea \u0026 Zinc - x24 - Aagaard","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pastilles Gorge Propolis Échinacée Zinc Aagaard\nPalette détectée:\n  - Primaire: #9AAB5D (vert olive\/sauge du packaging - zone inférieure)\n  - Secondaire: #6B5E4A (brun\/taupe du logo et illustrations apiculteur)\n  - Accent: #D4A84B (doré miel, évoquant la propolis et le miel)\n  - Cream: #F9F7F3 (blanc cassé chaleureux)\nAmbiance: Naturel\/apicole, traditionnel, authentique, savoir-faire depuis 1967, douceur, bien-être\nPréfixe CSS: aag\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n  1. \"Pourquoi ces pastille peuvent vous convenir ?\"\n  2. \"Composition et dosage\"\n  3. \"À qui s'adresse ces pastilles gorge ?\"\n  4. \"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=\"aag-premium\"\u003e\n  \n  \u003c!-- HERO SECTION --\u003e\n  \u003cdiv class=\"aag-hero\"\u003e\n    \u003cdiv class=\"aag-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"aag-hero-content\"\u003e\n      \u003cdiv class=\"aag-badges-top\"\u003e\n        \u003cspan class=\"aag-badge\"\u003e🐝 Propolis naturelle\u003c\/span\u003e\n        \u003cspan class=\"aag-badge\"\u003e🛡️ Soutien immunitaire\u003c\/span\u003e\n        \u003cspan class=\"aag-badge\"\u003e🚫 Sans sucre\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"aag-hero-title\"\u003ePastilles Gorge Propolis, Échinacée \u0026amp; Zinc\u003c\/span\u003e\n      \u003cp class=\"aag-subtitle\"\u003ePar Aagaard — Experts apicoles depuis 1967\u003c\/p\u003e\n      \u003cp class=\"aag-description\"\u003eUn soutien naturel pour la gorge irritée et le système immunitaire. 24 pastilles à sucer, formulées avec la puissance de la ruche et des plantes.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003csection class=\"aag-section\"\u003e\n    \u003ch2\u003ePourquoi ces pastille peuvent vous convenir ?\u003c\/h2\u003e\n    \u003cdiv class=\"aag-grid\"\u003e\n      \u003cdiv class=\"aag-card\"\u003e\n        \u003ch3\u003e🌿 Apaisement de la gorge\u003c\/h3\u003e\n        \u003cp\u003eLes pastilles sont conçues pour être doucement sucées, permettant à la propolis et à l'échinacée de « tamponner » l'inconfort de la gorge.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aag-card\"\u003e\n        \u003ch3\u003e🛡️ Renforcement immunitaire\u003c\/h3\u003e\n        \u003cp\u003eLe zinc y contribue, ce qui en fait un bon choix en période « sensible » (changement de saison, refroidissement…).\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aag-card\"\u003e\n        \u003ch3\u003e🚫 Sans sucre\u003c\/h3\u003e\n        \u003cp\u003eFormulées avec de l'isomalt comme édulcorant. Une alternative aux pastilles sucrées classiques, adaptée si vous surveillez votre consommation de sucre.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003csection class=\"aag-section\"\u003e\n    \u003ch2\u003eComposition et dosage\u003c\/h2\u003e\n    \n    \u003cdiv class=\"aag-composition-wrapper\"\u003e\n      \u003cdiv class=\"aag-ingredients-box\"\u003e\n        \u003ch3\u003e🧪 Ingrédients par pastille\u003c\/h3\u003e\n        \u003cdiv class=\"aag-grid-compact\"\u003e\n          \u003cdiv class=\"aag-card\"\u003e\n            \u003ch3\u003e🐝 Propolis\u003c\/h3\u003e\n            \u003cp\u003e~50 mg (2%)\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"aag-card\"\u003e\n            \u003ch3\u003e🌸 Échinacée\u003c\/h3\u003e\n            \u003cp\u003e~18 mg (E. purpurea)\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"aag-card\"\u003e\n            \u003ch3\u003e⚡ Zinc\u003c\/h3\u003e\n            \u003cp\u003e1 mg (~10% VNR)\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"aag-card\"\u003e\n            \u003ch3\u003e🍑 Arôme\u003c\/h3\u003e\n            \u003cp\u003ePêche \u0026amp; menthol\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"aag-ingredients-detail\"\u003eAutres ingrédients : Édulcorant (isomalt), acidifiant (acide citrique), huile de colza.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"aag-dosage-box\"\u003e\n        \u003ch3\u003e📋 Posologie recommandée\u003c\/h3\u003e\n        \u003cdiv class=\"aag-timeline\"\u003e\n          \u003cdiv class=\"aag-timeline-item\"\u003e\n            \u003cspan class=\"aag-timeline-number\"\u003e1\u003c\/span\u003e\n            \u003cdiv class=\"aag-timeline-content\"\u003e\n              \u003ch3\u003eMatin\u003c\/h3\u003e\n              \u003cp\u003e1 pastille à sucer lentement\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"aag-timeline-item\"\u003e\n            \u003cspan class=\"aag-timeline-number\"\u003e2\u003c\/span\u003e\n            \u003cdiv class=\"aag-timeline-content\"\u003e\n              \u003ch3\u003eSoir\u003c\/h3\u003e\n              \u003cp\u003e1 pastille à sucer lentement\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"aag-tip\"\u003e\n          \u003cspan class=\"aag-tip-icon\"\u003e📊\u003c\/span\u003e\n          \u003cp\u003e\u003cstrong\u003eApport journalier (2 pastilles) :\u003c\/strong\u003e Propolis 100 mg • Échinacée 36 mg • Zinc 2 mg (20% VNR)\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003csection class=\"aag-section\"\u003e\n    \u003ch2\u003eÀ qui s'adresse ces pastilles pour la gorge ?\u003c\/h2\u003e\n    \u003cp class=\"aag-section-intro\"\u003eDes pastilles savoureuses à base de propolis, d'échinacée et de zinc, conçues pour adoucir la gorge et renforcer vos défenses naturelles en douceur.\u003c\/p\u003e\n    \u003cdiv class=\"aag-grid\"\u003e\n      \u003cdiv class=\"aag-card\"\u003e\n        \u003ch3\u003e👨‍👩‍👧 Adultes \u0026amp; adolescents\u003c\/h3\u003e\n        \u003cp\u003eAvec gorge irritée ou sensible, cherchant un soulagement naturel et agréable.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aag-card\"\u003e\n        \u003ch3\u003e🍂 Personnes en période sensible\u003c\/h3\u003e\n        \u003cp\u003eSouhaitant soutenir leur immunité naturellement lors des changements de saison.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"aag-card\"\u003e\n        \u003ch3\u003e🎯 Utilisateurs attentifs\u003c\/h3\u003e\n        \u003cp\u003eCherchant un complément efficace sans sucre ajouté, facile à emporter partout.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"aag-tip\"\u003e\n      \u003cspan class=\"aag-tip-icon\"\u003e❄️\u003c\/span\u003e\n      \u003cp\u003eSans sucre ajouté et faciles à emporter, ces pastilles deviennent un allié pratique quand vient la saison froide.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003csection class=\"aag-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n    \u003cdiv class=\"aag-accordion\"\u003e\n      \u003cdetails class=\"aag-accordion-item\"\u003e\n        \u003csummary class=\"aag-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n        \u003cdiv class=\"aag-accordion-content\"\u003e\n          \u003cp\u003eNe remplace pas un traitement 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=\"aag-accordion-item\"\u003e\n        \u003csummary class=\"aag-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n        \u003cdiv class=\"aag-accordion-content\"\u003e\n          \u003cp\u003eDéconseillé en cas d'allergie aux produits de la ruche (propolis, miel, gelée royale, pollen). En cas de doute, consultez votre médecin.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"aag-accordion-item\"\u003e\n        \u003csummary class=\"aag-accordion-header\"\u003e🤰 Grossesse \u0026amp; allaitement\u003c\/summary\u003e\n        \u003cdiv class=\"aag-accordion-content\"\u003e\n          \u003cp\u003eEn cas de grossesse ou d'allaitement, consulter un professionnel de santé avant toute utilisation.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"aag-accordion-item\"\u003e\n        \u003csummary class=\"aag-accordion-header\"\u003e💡 Bon à savoir\u003c\/summary\u003e\n        \u003cdiv class=\"aag-accordion-content\"\u003e\n          \u003cp\u003eUn excès de consommation peut avoir un effet laxatif dû à l'isomalt (édulcorant).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"aag-cta-box\"\u003e\n      \u003cp\u003e🐝 La puissance de la ruche au service de votre gorge\u003cbr\u003e\u003cstrong\u003e24 pastilles\u003c\/strong\u003e pour affronter sereinement la saison froide\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"aag-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  --aag-cream: #F9F7F3;\n  --aag-white: #ffffff;\n  --aag-primary: #9AAB5D;\n  --aag-primary-dark: #6B7A3D;\n  --aag-primary-light: #EEF2E3;\n  --aag-secondary: #6B5E4A;\n  --aag-accent: #D4A84B;\n  --aag-text: #1a1a1a;\n  --aag-text-light: #5a5a5a;\n  --aag-border: #e0e0e0;\n  --aag-shadow: 0 4px 24px rgba(0,0,0,.08);\n  --aag-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n  --aag-radius: 20px;\n  --aag-radius-sm: 12px;\n}\n\n.aag-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--aag-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.aag-hero {\n  position: relative;\n  background: linear-gradient(135deg, #9AAB5D 0%, #7A8B4D 40%, #6B5E4A 100%);\n  border-radius: var(--aag-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(--aag-shadow-lg);\n}\n\n.aag-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L45 15 L45 35 L30 45 L15 35 L15 15 Z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n  opacity: .08;\n}\n\n.aag-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.aag-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.aag-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(--aag-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.aag-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.aag-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.aag-subtitle {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n}\n\n.aag-description {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(14px, 2.5vw, 17px);\n  max-width: 600px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.aag-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.aag-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--aag-secondary);\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.aag-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(--aag-primary), var(--aag-accent));\n  border-radius: 2px;\n}\n\n.aag-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--aag-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 600px;\n  margin-left: auto;\n  margin-right: auto;\n  font-style: italic;\n}\n\n\/* === CARDS === *\/\n.aag-card {\n  background: var(--aag-white);\n  border-radius: var(--aag-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--aag-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.aag-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--aag-shadow-lg);\n  border-color: var(--aag-primary);\n}\n\n.aag-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--aag-secondary);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.aag-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--aag-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.aag-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.aag-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.aag-grid-compact .aag-card {\n  padding: 1rem;\n}\n\n.aag-grid-compact .aag-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.aag-grid-compact .aag-card p {\n  font-size: 12px;\n}\n\n\/* === COMPOSITION WRAPPER === *\/\n.aag-composition-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.aag-ingredients-box,\n.aag-dosage-box {\n  background: var(--aag-white);\n  border-radius: var(--aag-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--aag-shadow);\n}\n\n.aag-ingredients-box h3,\n.aag-dosage-box h3 {\n  font-size: clamp(16px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--aag-secondary);\n  margin: 0 0 1rem 0;\n  text-align: center;\n}\n\n.aag-ingredients-detail {\n  font-size: 13px;\n  color: var(--aag-text-light);\n  text-align: center;\n  margin-top: 1rem;\n  margin-bottom: 0;\n  font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.aag-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.aag-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.aag-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--aag-primary), var(--aag-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.aag-timeline-content {\n  flex: 1;\n  background: var(--aag-primary-light);\n  padding: 1rem 1.25rem;\n  border-radius: var(--aag-radius-sm);\n}\n\n.aag-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--aag-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.aag-timeline-content p {\n  font-size: 14px;\n  color: var(--aag-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.aag-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--aag-primary-light);\n  border-radius: var(--aag-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.aag-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.aag-tip p {\n  font-size: 14px;\n  color: var(--aag-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.aag-accordion {\n  background: var(--aag-white);\n  border-radius: var(--aag-radius);\n  box-shadow: var(--aag-shadow);\n  overflow: hidden;\n}\n\n.aag-accordion-item {\n  border-bottom: 1px solid var(--aag-border);\n  margin: 0;\n  padding: 0;\n}\n\n.aag-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.aag-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--aag-secondary);\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.aag-accordion-header:hover {\n  background: var(--aag-primary-light);\n}\n\n.aag-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.aag-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--aag-primary);\n  transition: transform .2s ease;\n}\n\n.aag-accordion-item[open] .aag-accordion-header::after {\n  content: '−';\n}\n\n.aag-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--aag-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: 10px;\n}\n\n.aag-accordion-content p {\n  margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.aag-cta-box {\n  background: linear-gradient(135deg, var(--aag-primary) 0%, var(--aag-primary-dark) 100%);\n  border-radius: var(--aag-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-top: 2rem;\n}\n\n.aag-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.aag-disclaimer {\n  font-size: 12px;\n  color: var(--aag-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  .aag-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .aag-card {\n    padding: 1.125rem;\n  }\n  \n  .aag-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .aag-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--aag-radius-sm);\n  }\n  \n  .aag-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .aag-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .aag-grid-compact {\n    gap: .625rem;\n  }\n  \n  .aag-grid-compact .aag-card {\n    padding: .75rem;\n  }\n  \n  .aag-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .aag-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .aag-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .aag-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .aag-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .aag-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .aag-ingredients-box,\n  .aag-dosage-box {\n    padding: 1.125rem;\n  }\n  \n  .aag-tip {\n    padding: .875rem 1rem;\n  }\n  \n  .aag-tip-icon {\n    font-size: 20px;\n  }\n  \n  .aag-tip p {\n    font-size: 13px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .aag-card {\n    animation: fadeInUp .5s ease backwards;\n  }\n  .aag-card:nth-child(1) { animation-delay: .05s; }\n  .aag-card:nth-child(2) { animation-delay: .1s; }\n  .aag-card:nth-child(3) { animation-delay: .15s; }\n  .aag-card:nth-child(4) { animation-delay: .2s; }\n  .aag-card:nth-child(5) { animation-delay: .25s; }\n  .aag-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  .aag-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"AAGAARD","offers":[{"title":"Default Title","offer_id":56191779537273,"sku":"NBAIAAG0028","price":7.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pastille-gorge-a-la-propolis-echinacea-zinc-x24-aagaard-lifestyle.webp?v=1769761835"},{"product_id":"archie-gelules-glycemie","title":"Gélules Glycémie (x60) - Archie","description":"\u003cdiv class=\"arch-premium\"\u003e\n\n\u003cdiv class=\"arch-hero\"\u003e\n  \u003cdiv class=\"arch-hero-pattern\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"arch-hero-content\"\u003e\n    \u003cdiv class=\"arch-badges-top\"\u003e\n      \u003cspan class=\"arch-badge\"\u003e🌊 InSea2® breveté\u003c\/span\u003e\n      \u003cspan class=\"arch-badge\"\u003e✅ Efficacité prouvée\u003c\/span\u003e\n      \u003cspan class=\"arch-badge\"\u003e🌱 Gélules végan\u003c\/span\u003e\n      \u003cspan class=\"arch-badge\"\u003e📊 Glycémie normale\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cspan class=\"arch-hero-title\"\u003eGélules Glycémie\u003c\/span\u003e\n    \u003cp class=\"arch-subtitle\"\u003eMaintient une glycémie normale — 60 gélules\u003c\/p\u003e\n    \u003cp class=\"arch-description\"\u003eLes \u003cstrong\u003eGélules Glycémie Archie\u003c\/strong\u003e vous accompagnent dans le \u003cstrong\u003econtrôle de la glycémie\u003c\/strong\u003e. Grâce à la synergie entre \u003cstrong\u003eInSea2®\u003c\/strong\u003e, \u003cstrong\u003echrome\u003c\/strong\u003e et \u003cstrong\u003evinaigre de cidre\u003c\/strong\u003e, ce \u003cstrong\u003ecomplément alimentaire pour baisser la glycémie\u003c\/strong\u003e soutient le métabolisme glucidique et favorise une énergie stable.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"arch-section\"\u003e\n  \u003ch2\u003ePourquoi choisir ces gélules pour la glycémie ?\u003c\/h2\u003e\n  \u003cdiv class=\"arch-grid\"\u003e\n    \u003carticle class=\"arch-card\"\u003e\n      \u003ch3\u003e📊 Glycémie stable\u003c\/h3\u003e\n      \u003cp\u003eLe chrome contribue au \u003cstrong\u003emaintien d'une glycémie normale\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"arch-card\"\u003e\n      \u003ch3\u003e⬇️ Moins de pics après repas\u003c\/h3\u003e\n      \u003cp\u003e\u003cstrong\u003eInSea2®\u003c\/strong\u003e peut réduire les pics de glucose jusqu'à 48%.\u003c\/p\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"arch-card\"\u003e\n      \u003ch3\u003e⚡ Énergie durable\u003c\/h3\u003e\n      \u003cp\u003eFini les coups de barre et les \u003cstrong\u003efringales sucrées\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"arch-section\"\u003e\n  \u003ch2\u003eComposition \u0026amp; dosage (2 gélules)\u003c\/h2\u003e\n  \u003cdiv class=\"arch-grid\"\u003e\n    \u003carticle class=\"arch-card arch-card-featured\"\u003e\n      \u003ch3\u003e🌊 InSea2® — 500 mg\u003c\/h3\u003e\n      \u003cp\u003eExtrait breveté d'algues brunes (\u003cem\u003eAscophyllum nodosum\u003c\/em\u003e \u0026amp; \u003cem\u003eFucus vesiculosus\u003c\/em\u003e) pour la \u003cstrong\u003erégulation de la glycémie\u003c\/strong\u003e post-repas.\u003c\/p\u003e\n      \u003cspan class=\"arch-tag\"\u003eActif breveté\u003c\/span\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"arch-card\"\u003e\n      \u003ch3\u003e🍎 Vinaigre de cidre — 200 mg\u003c\/h3\u003e\n      \u003cp\u003eTraditionnellement utilisé pour \u003cstrong\u003esoutenir le métabolisme\u003c\/strong\u003e des sucres.\u003c\/p\u003e\n      \u003cspan class=\"arch-tag\"\u003eTraditionnel\u003c\/span\u003e\n    \u003c\/article\u003e\n    \u003carticle class=\"arch-card\"\u003e\n      \u003ch3\u003e⚙️ Chrome picolinate — 40 µg\u003c\/h3\u003e\n      \u003cp\u003e\u003cstrong\u003eContribue au maintien d'une glycémie normale\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003cspan class=\"arch-tag\"\u003e100% des AJR\u003c\/span\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"arch-composition-details\"\u003e\n    \u003ch3\u003e🧪 Autres composants\u003c\/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003e\n\u003cstrong\u003eExcipients :\u003c\/strong\u003e fibres d'acacia, amidon de riz\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eGélule :\u003c\/strong\u003e hypromellose (végan)\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"arch-section\"\u003e\n  \u003ch2\u003eComment les prendre ?\u003c\/h2\u003e\n  \u003cdiv class=\"arch-usage-box\"\u003e\n    \u003cdiv class=\"arch-usage-visual\"\u003e\n      \u003cdiv class=\"arch-usage-icon\"\u003e💊\u003c\/div\u003e\n      \u003cdiv class=\"arch-usage-number\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"arch-usage-label\"\u003egélules \/ prise\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"arch-usage-content\"\u003e\n      \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n      \u003cp\u003e\u003cstrong\u003e2 gélules\u003c\/strong\u003e avec un grand verre d'eau, \u003cstrong\u003e30 minutes avant\u003c\/strong\u003e le petit-déjeuner ou le déjeuner.\u003c\/p\u003e\n      \u003cp\u003e\u003cstrong\u003eCure :\u003c\/strong\u003e 1 mois minimum. Boîte de 60 gélules = 1 mois.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"arch-tip\"\u003e\n    \u003cspan class=\"arch-tip-icon\"\u003e⏰\u003c\/span\u003e\n    \u003cp\u003e\u003cstrong\u003ePourquoi avant le repas ?\u003c\/strong\u003e Les actifs \u003cstrong\u003eagissent au bon moment\u003c\/strong\u003e, lorsque les glucides arrivent dans l'organisme.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"arch-section\"\u003e\n  \u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n  \u003cdiv class=\"arch-grid-compact\"\u003e\n    \u003cdiv class=\"arch-card\"\u003e\n      \u003ch3\u003e📈 Pics après repas\u003c\/h3\u003e\n      \u003cp\u003eFatigue après les repas riches en glucides.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"arch-card\"\u003e\n      \u003ch3\u003e🍫 Envies de sucre\u003c\/h3\u003e\n      \u003cp\u003eRéduire fringales et compulsions sucrées.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"arch-card\"\u003e\n      \u003ch3\u003e🌿 Soutien naturel\u003c\/h3\u003e\n      \u003cp\u003e\u003cstrong\u003eRégulation glycémique\u003c\/strong\u003e naturelle.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"arch-card\"\u003e\n      \u003ch3\u003e⚖️ Équilibre global\u003c\/h3\u003e\n      \u003cp\u003eÉnergie stable et bien-être durable.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"arch-section\"\u003e\n  \u003cdiv class=\"arch-synergy-box\"\u003e\n    \u003ch3\u003e🎯 Une synergie pour l'équilibre glycémique\u003c\/h3\u003e\n    \u003cp\u003e\u003cstrong\u003eInSea2®\u003c\/strong\u003e, \u003cstrong\u003evinaigre de cidre\u003c\/strong\u003e et \u003cstrong\u003echrome\u003c\/strong\u003e : l'un des \u003cstrong\u003emeilleurs compléments alimentaires glycémie\u003c\/strong\u003e, avec trois actifs complémentaires.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"arch-section\"\u003e\n  \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n  \u003cdiv class=\"arch-accordion\"\u003e\n    \u003cdetails class=\"arch-accordion-item\"\u003e\n      \u003csummary class=\"arch-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n      \u003cdiv class=\"arch-accordion-content\"\u003e\n        \u003cul\u003e\n          \u003cli\u003eRéservé à l'adulte\u003c\/li\u003e\n          \u003cli\u003eDéconseillé en cas de grossesse ou allaitement\u003c\/li\u003e\n          \u003cli\u003eDéconseillé en cas de pathologies cardiaques, rénales ou thyroïdiennes\u003c\/li\u003e\n          \u003cli\u003eDéconseillé avec anticoagulants\u003c\/li\u003e\n          \u003cli\u003eAvis médical en cas de traitement\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n    \u003cdetails class=\"arch-accordion-item\"\u003e\n      \u003csummary class=\"arch-accordion-header\"\u003eℹ️ Informations importantes\u003c\/summary\u003e\n      \u003cdiv class=\"arch-accordion-content\"\u003e\n        \u003cul\u003e\n          \u003cli\u003eNe remplace pas un traitement médical ni un suivi diabétique\u003c\/li\u003e\n          \u003cli\u003eNe remplace pas une alimentation variée\u003c\/li\u003e\n          \u003cli\u003eRespectez la dose journalière recommandée\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"arch-section\" style=\"margin-bottom:0px!important;\"\u003e\n  \u003cdiv class=\"arch-cta-box\"\u003e\n    \u003cp\u003e🎯 Reprenez la main sur votre \u003cstrong\u003eéquilibre glycémique\u003c\/strong\u003e : une formule naturelle, brevetée et efficace pour une \u003cstrong\u003eénergie stable\u003c\/strong\u003e.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --arch-cream: #fdf6f2;\n  --arch-white: #ffffff;\n  --arch-primary: #ff7f66;\n  --arch-primary-dark: #d84a31;\n  --arch-primary-light: #ffe8e0;\n  --arch-secondary: #ff9b87;\n  --arch-accent: #1e2a4a;\n  --arch-text: #1a1a1a;\n  --arch-text-light: #5a5a5a;\n  --arch-border: #eadfd8;\n  --arch-shadow: 0 4px 24px rgba(216, 74, 49, .1);\n  --arch-shadow-lg: 0 12px 48px rgba(216, 74, 49, .18);\n  --arch-radius: 20px;\n  --arch-radius-sm: 12px;\n}\n\n.arch-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--arch-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.arch-hero {\n  position: relative;\n  background: linear-gradient(135deg, #ff7f66 0%, #ff6b52 50%, #d84a31 100%);\n  border-radius: var(--arch-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\n  overflow: hidden;\n  box-shadow: var(--arch-shadow-lg);\n}\n\n.arch-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.6) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(255,255,255,.4) 0%, transparent 40%);\n}\n\n.arch-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.arch-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.arch-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: rgba(255,255,255,.95);\n  backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--arch-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.arch-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.arch-hero-title {\n  display: block;\n  color: white;\n  font-size: clamp(28px, 7vw, 52px);\n  font-weight: 900;\n  margin: 0 0 .5rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.arch-subtitle {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.arch-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(14px, 2.2vw, 17px);\n  line-height: 1.7;\n  margin: 0 auto;\n  max-width: 780px;\n  text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n.arch-description strong { color: white; font-weight: 700; }\n\n.arch-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.arch-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--arch-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.arch-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--arch-primary), var(--arch-secondary));\n  border-radius: 2px;\n}\n\n.arch-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.arch-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.arch-card {\n  background: var(--arch-white);\n  border-radius: var(--arch-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--arch-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.arch-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--arch-shadow-lg);\n  border-color: var(--arch-primary);\n}\n\n.arch-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--arch-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n  letter-spacing: -.02em;\n}\n\n.arch-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--arch-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.arch-card strong { color: var(--arch-primary-dark); font-weight: 700; }\n.arch-card em { color: var(--arch-text-light); font-style: italic; }\n\n.arch-card-featured {\n  background: linear-gradient(135deg, #fff5f0 0%, #ffe8e0 100%);\n  border-color: var(--arch-primary);\n}\n\n.arch-tag {\n  display: inline-block;\n  margin-top: .75rem;\n  padding: 5px 12px;\n  background: var(--arch-primary-light);\n  color: var(--arch-primary-dark);\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: .5px;\n}\n\n.arch-grid-compact .arch-card { padding: 1rem; }\n.arch-grid-compact .arch-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.arch-grid-compact .arch-card p { font-size: 12px; }\n\n.arch-composition-details {\n  background: var(--arch-white);\n  border-radius: var(--arch-radius);\n  padding: clamp(1.25rem, 3vw, 1.75rem);\n  box-shadow: var(--arch-shadow);\n  border-left: 4px solid var(--arch-secondary);\n  margin-top: 1.5rem;\n}\n\n.arch-composition-details h3 {\n  font-size: 17px;\n  font-weight: 800;\n  color: var(--arch-primary-dark);\n  margin: 0 0 .75rem 0;\n}\n\n.arch-composition-details ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.arch-composition-details li {\n  font-size: 14px;\n  line-height: 1.7;\n  color: var(--arch-text-light);\n  padding-left: 1.25rem;\n  position: relative;\n  margin-bottom: .4rem;\n}\n\n.arch-composition-details li::before {\n  content: '•';\n  position: absolute;\n  left: 0;\n  color: var(--arch-primary);\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.arch-composition-details strong { color: var(--arch-primary-dark); }\n\n.arch-usage-box {\n  background: var(--arch-white);\n  border-radius: var(--arch-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--arch-shadow);\n  display: flex;\n  gap: clamp(1.5rem, 4vw, 3rem);\n  align-items: center;\n  border-left: 5px solid var(--arch-primary);\n}\n\n.arch-usage-visual {\n  text-align: center;\n  flex-shrink: 0;\n}\n\n.arch-usage-icon {\n  font-size: 40px;\n  margin-bottom: .5rem;\n}\n\n.arch-usage-number {\n  font-size: clamp(44px, 8vw, 60px);\n  font-weight: 900;\n  color: var(--arch-primary);\n  letter-spacing: -.04em;\n  line-height: 1;\n  margin-bottom: .35rem;\n}\n\n.arch-usage-label {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--arch-text-light);\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.arch-usage-content h3 {\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--arch-primary-dark);\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.02em;\n}\n\n.arch-usage-content p {\n  font-size: 14px;\n  line-height: 1.7;\n  color: var(--arch-text-light);\n  margin: 0 0 .5rem 0;\n}\n\n.arch-usage-content strong { color: var(--arch-primary-dark); font-weight: 700; }\n\n.arch-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--arch-primary-light);\n  border-radius: var(--arch-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.arch-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.arch-tip p {\n  font-size: 14px;\n  color: var(--arch-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.arch-tip strong { color: var(--arch-primary-dark); }\n\n.arch-synergy-box {\n  background: linear-gradient(135deg, #fff5f0 0%, var(--arch-primary-light) 100%);\n  border: 2px solid var(--arch-primary);\n  border-radius: var(--arch-radius);\n  padding: clamp(1.5rem, 4vw, 2.25rem);\n  text-align: center;\n}\n\n.arch-synergy-box h3 {\n  font-size: clamp(17px, 3vw, 20px);\n  font-weight: 800;\n  color: var(--arch-primary-dark);\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.02em;\n}\n\n.arch-synergy-box p {\n  font-size: clamp(14px, 2vw, 16px);\n  line-height: 1.7;\n  color: var(--arch-text-light);\n  margin: 0;\n}\n\n.arch-synergy-box strong { color: var(--arch-primary-dark); font-weight: 700; }\n\n.arch-accordion {\n  background: var(--arch-white);\n  border-radius: var(--arch-radius);\n  box-shadow: var(--arch-shadow);\n  overflow: hidden;\n}\n\n.arch-accordion-item {\n  border-bottom: 1px solid var(--arch-border);\n}\n\n.arch-accordion-item:last-child { border-bottom: none; }\n\n.arch-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--arch-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.arch-accordion-header:hover { background: var(--arch-primary-light); }\n.arch-accordion-header::-webkit-details-marker { display: none; }\n\n.arch-accordion-header::after {\n  content: '+';\n  font-size: 22px;\n  font-weight: 400;\n  color: var(--arch-primary);\n}\n\n.arch-accordion-item[open] .arch-accordion-header::after { content: '−'; }\n\n.arch-accordion-content {\n  padding: 0 1.25rem 1rem;\n}\n\n.arch-accordion-content ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.arch-accordion-content li {\n  font-size: 14px;\n  line-height: 1.7;\n  color: var(--arch-text-light);\n  padding-left: 1.25rem;\n  position: relative;\n  margin-bottom: .4rem;\n}\n\n.arch-accordion-content li::before {\n  content: '•';\n  position: absolute;\n  left: 0;\n  color: var(--arch-primary);\n  font-weight: 900;\n  font-size: 18px;\n}\n\n.arch-cta-box {\n  background: linear-gradient(135deg, var(--arch-primary) 0%, var(--arch-primary-dark) 100%);\n  border-radius: var(--arch-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  box-shadow: var(--arch-shadow-lg);\n}\n\n.arch-cta-box p {\n  color: white;\n  font-size: clamp(15px, 2.5vw, 19px);\n  line-height: 1.7;\n  font-weight: 600;\n  text-shadow: 0 2px 12px rgba(0,0,0,.1);\n  margin: 0;\n}\n\n.arch-cta-box strong { color: white; font-weight: 800; }\n\n@media (max-width: 767px) {\n  .arch-grid { grid-template-columns: 1fr; gap: 1rem; }\n  .arch-section { margin-bottom: 1.75rem; }\n  .arch-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; }\n  .arch-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n  .arch-premium h2::after { width: 40px; height: 3px; }\n  .arch-grid-compact { gap: .625rem; }\n  .arch-usage-box { flex-direction: column; text-align: center; padding: 1.5rem; gap: 1.25rem; }\n  .arch-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n  .arch-accordion-content { padding: 0 1rem .875rem; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .arch-card { animation: archFadeIn .5s ease backwards; }\n  .arch-card:nth-child(1) { animation-delay: .05s; }\n  .arch-card:nth-child(2) { animation-delay: .1s; }\n  .arch-card:nth-child(3) { animation-delay: .15s; }\n  .arch-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes archFadeIn {\n  from { opacity: 0; transform: translateY(20px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .arch-premium * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }\n}\n\u003c\/style\u003e","brand":"Archie","offers":[{"title":"Default Title","offer_id":56322134868345,"sku":"NBAIARC0009","price":29.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/archie_gelules_glycemie_packshot_11zon.jpg?v=1765007275"},{"product_id":"phyco-elements-30-gelules-lifes-code","title":"Phyco-éléments - 30 gélules - Life's code","description":"\u003cdiv class=\"phyco-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"phyco-hero\"\u003e\n\u003cdiv class=\"phyco-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"phyco-hero-content\"\u003e\n\u003cspan class=\"phyco-hero-title\"\u003ePhyco-éléments Life's Code\u003c\/span\u003e\n\u003cp class=\"phyco-subtitle\"\u003eLa puissance des algues marines concentrée\u003c\/p\u003e\n\u003cp class=\"phyco-description\"\u003ePhycocyanine lyophilisée premium associée à 7 oligo-éléments essentiels couvrant 100% de vos besoins quotidiens. Réveillez votre énergie naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003ePhyco-éléments : la synergie de la phycocyanine et des oligo-éléments essentiels\u003c\/h2\u003e\n\u003cp class=\"phyco-section-intro\"\u003eVous cherchez un complément alimentaire complet pour soutenir votre vitalité au quotidien ? \u003cstrong\u003ePhyco-éléments\u003c\/strong\u003e de Life's Code associe la puissance de la \u003cstrong\u003ephycocyanine lyophilisée\u003c\/strong\u003e issue des algues marines à 7 oligo-éléments essentiels hautement assimilables.\u003c\/p\u003e\n\u003cdiv class=\"phyco-grid-compact\"\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🔬 Extraction à froid\u003c\/h3\u003e\n\u003cp\u003ePréservation optimale des actifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e💎 Haute pureté\u003c\/h3\u003e\n\u003cp\u003ePhycocyanine concentrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e⚡ 100% VNR\u003c\/h3\u003e\n\u003cp\u003eCouverture complète des besoins\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🌿 Naturel\u003c\/h3\u003e\n\u003cp\u003eFormule clean et sans additifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eQu'est-ce que la phycocyanine et pourquoi est-elle si précieuse ?\u003c\/h2\u003e\n\u003cdiv class=\"phyco-highlight-box\"\u003e\n\u003cp\u003eLa phycocyanine est le \u003cstrong\u003epigment bleu caractéristique de la spiruline\u003c\/strong\u003e, une micro-algue marine reconnue pour ses propriétés nutritionnelles exceptionnelles. Contrairement à la spiruline classique en poudre, la \u003cstrong\u003ephycocyanine extraite et séchée à froid\u003c\/strong\u003e préserve toute son intégrité et sa biodisponibilité.\u003c\/p\u003e\n\u003cdiv class=\"phyco-stat-highlight\"\u003e\n\u003cspan class=\"phyco-stat-number\"\u003e200 mg\u003c\/span\u003e \u003cspan class=\"phyco-stat-label\"\u003ede phycocyanine lyophilisée par dose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eUn concentré d'actifs issus des algues marines sous leur forme la plus noble et la plus assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eUne formule complète : 7 oligo-éléments pour couvrir vos besoins\u003c\/h2\u003e\n\u003cp class=\"phyco-section-intro\"\u003eCe qui distingue véritablement Phyco-éléments des autres compléments à base d'algues marines, c'est l'ajout de \u003cstrong\u003e7 oligo-éléments essentiels\u003c\/strong\u003e couvrant 100% des valeurs nutritionnelles de référence.\u003c\/p\u003e\n\u003cdiv class=\"phyco-grid\"\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🛡️ Zinc\u003c\/h3\u003e\n\u003cp\u003eContribue au fonctionnement normal du système immunitaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e✨ Sélénium\u003c\/h3\u003e\n\u003cp\u003eParticipe à la protection des cellules contre le stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🧱 Soufre\u003c\/h3\u003e\n\u003cp\u003eIntervient dans la structure des protéines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e⚡ Cuivre\u003c\/h3\u003e\n\u003cp\u003eContribue au métabolisme énergétique normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🔄 Molybdène\u003c\/h3\u003e\n\u003cp\u003eParticipe au métabolisme des acides aminés soufrés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e📊 Chrome\u003c\/h3\u003e\n\u003cp\u003eContribue au maintien d'une glycémie normale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🎋 Silicium organique\u003c\/h3\u003e\n\u003cp\u003eIssu du bambou, soutient les tissus conjonctifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e💪 Magnésium bisglycinate\u003c\/h3\u003e\n\u003cp\u003eContribue à réduire la fatigue, haute assimilation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"phyco-composition-table\"\u003e\n\u003cdiv class=\"phyco-composition-row phyco-composition-header\"\u003e\n\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eIngrédients\u003c\/span\u003e Apport\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🌊 Phycocyanine lyophilisée\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e200 mg\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🛡️ Zinc\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e✨ Sélénium\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🧱 Soufre\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e⚡ Cuivre\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🔄 Molybdène\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e📊 Chrome\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e🎋 Silicium organique (bambou)\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-row\"\u003e\n\u003cspan\u003e💪 Magnésium (bisglycinate)\u003c\/span\u003e \u003cspan\u003e\u003cstrong\u003e100% VNR\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-composition-footer\"\u003e\n\u003cp\u003e\u003cstrong\u003eEnveloppe de la gélule :\u003c\/strong\u003e pullulan (100% végétal et végan)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eComment prendre Phyco-éléments ?\u003c\/h2\u003e\n\u003cdiv class=\"phyco-timeline\"\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eDose standard\u003c\/h3\u003e\n\u003cp\u003e2 gélules par jour pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003eAvant le repas du matin ou du midi, avec un grand verre d'eau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eSi vous débutez\u003c\/h3\u003e\n\u003cp\u003eCommencez par 1 gélule\/jour la première semaine, puis passez à 2\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003ePériode d'effort intense\u003c\/h3\u003e\n\u003cp\u003eVous pouvez doubler la dose (4 gélules par jour)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-item\"\u003e\n\u003cdiv class=\"phyco-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"phyco-timeline-content\"\u003e\n\u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n\u003cp\u003e3 mois minimum pour une efficacité optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-tip\"\u003e\n\u003cspan class=\"phyco-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce pratique :\u003c\/strong\u003e si vous avez des difficultés à avaler les gélules, vous pouvez les ouvrir et verser leur contenu directement dans un verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"phyco-grid\"\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🏆 Recherche d'excellence\u003c\/h3\u003e\n\u003cp\u003ePersonnes en quête du meilleur complément multivitamines et minéraux naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003ePratiquants d'une activité sportive régulière ou intensive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n\u003cp\u003ePersonnes souhaitant soutenir leur métabolisme et leur énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🌱 Végans\u003c\/h3\u003e\n\u003cp\u003eChercheurs d'une alternative végane aux compléments classiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e🔍 Exigeants\u003c\/h3\u003e\n\u003cp\u003ePersonnes sensibles à la qualité et l'origine des produits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card\"\u003e\n\u003ch3\u003e😴 Anti-fatigue\u003c\/h3\u003e\n\u003cp\u003eCeux qui souhaitent réduire la fatigue naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003eDes garanties de qualité strictes\u003c\/h2\u003e\n\u003cdiv class=\"phyco-grid-compact\"\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n\u003cp\u003eFormule pure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🧬 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eNi ionisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eTolérance maximale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e⚗️ Sans métaux lourds\u003c\/h3\u003e\n\u003cp\u003ePureté contrôlée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eNi arôme ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-card phyco-card-guarantee\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication ESAT\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"phyco-tip\"\u003e\n\u003cspan class=\"phyco-tip-icon\"\u003e🤝\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eEngagement solidaire :\u003c\/strong\u003e fabrication et conditionnement réalisés en France, au sein d'un ESAT (Établissement et Service d'Aide par le Travail).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTIONS 8 \u0026 9 - ACCORDÉON --\u003e\n\u003csection class=\"phyco-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"phyco-accordion\"\u003e\n\u003cdetails class=\"phyco-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"phyco-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n\u003cdiv class=\"phyco-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, demandez conseil à votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"phyco-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConditionnement\u003c\/h2\u003e\n\u003cdiv class=\"phyco-cta-box\"\u003e\n\u003cp\u003e📦 Flacon de \u003cstrong\u003e30 gélules végétales\u003c\/strong\u003e\u003cbr\u003e(soit 15 jours de cure à raison de 2 gélules par jour)\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem; font-size: 14px; opacity: 0.9;\"\u003eÉgalement disponible en formats \u003cstrong\u003e90 gélules\u003c\/strong\u003e pour les cures prolongées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"phyco-disclaimer\"\u003eComplément alimentaire. Les compléments alimentaires ne peuvent se substituer à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n  --phyco-cream: #F7F5F0;\n  --phyco-white: #ffffff;\n  --phyco-primary: #1E6B8A;\n  --phyco-primary-dark: #0D4A63;\n  --phyco-primary-light: #E8F4F8;\n  --phyco-secondary: #D4A574;\n  --phyco-accent: #E07D3A;\n  --phyco-earth: #3D2914;\n  \n  --phyco-text: #1a1a1a;\n  --phyco-text-light: #5a5a5a;\n  \n  --phyco-border: #e0e0e0;\n  --phyco-shadow: 0 4px 24px rgba(30,107,138,.08);\n  --phyco-shadow-lg: 0 12px 48px rgba(30,107,138,.15);\n  --phyco-radius: 20px;\n  --phyco-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.phyco-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--phyco-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.phyco-hero {\n  position: relative;\n  background: linear-gradient(135deg, var(--phyco-primary) 0%, var(--phyco-primary-dark) 50%, #0A3344 100%);\n  border-radius: var(--phyco-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(--phyco-shadow-lg);\n}\n\n.phyco-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(212,165,116,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(224,125,58,.1) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.phyco-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.phyco-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 1.5rem;\n}\n\n.phyco-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(--phyco-primary-dark);\n  box-shadow: 0 2px 12px rgba(0,0,0,.1);\n  transition: all .3s ease;\n}\n\n.phyco-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n}\n\n.phyco-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.phyco-subtitle {\n  color: var(--phyco-secondary);\n  font-size: clamp(16px, 3vw, 22px);\n  font-weight: 600;\n  margin: 0 0 1rem 0;\n  letter-spacing: .02em;\n}\n\n.phyco-description {\n  color: rgba(255,255,255,.9);\n  font-size: clamp(14px, 2.5vw, 17px);\n  line-height: 1.7;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.phyco-section {\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.phyco-premium h2 {\n  font-size: clamp(22px, 5vw, 36px);\n  font-weight: 900;\n  color: var(--phyco-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.phyco-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(--phyco-primary), var(--phyco-accent));\n  border-radius: 2px;\n}\n\n.phyco-section-intro {\n  text-align: center;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--phyco-text-light);\n  margin-bottom: 1.5rem;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.phyco-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 1.25rem;\n}\n\n.phyco-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.phyco-card {\n  background: var(--phyco-white);\n  border-radius: var(--phyco-radius);\n  padding: clamp(1.25rem, 3vw, 2rem);\n  box-shadow: var(--phyco-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.phyco-card:hover {\n  transform: translateY(-6px);\n  box-shadow: var(--phyco-shadow-lg);\n  border-color: var(--phyco-primary);\n}\n\n.phyco-card h3 {\n  font-size: clamp(15px, 2.5vw, 18px);\n  font-weight: 800;\n  color: var(--phyco-primary-dark);\n  margin: 0 0 .5rem 0;\n  line-height: 1.3;\n}\n\n.phyco-card p {\n  font-size: clamp(13px, 2vw, 15px);\n  color: var(--phyco-text-light);\n  margin: 0;\n  line-height: 1.6;\n}\n\n.phyco-grid-compact .phyco-card {\n  padding: 1rem;\n}\n\n.phyco-grid-compact .phyco-card h3 {\n  font-size: 14px;\n  margin-bottom: .35rem;\n}\n\n.phyco-grid-compact .phyco-card p {\n  font-size: 12px;\n}\n\n.phyco-card-guarantee {\n  background: linear-gradient(135deg, var(--phyco-primary-light) 0%, var(--phyco-white) 100%);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.phyco-highlight-box {\n  background: var(--phyco-white);\n  border-radius: var(--phyco-radius);\n  padding: clamp(1.5rem, 4vw, 2.5rem);\n  box-shadow: var(--phyco-shadow);\n  border-left: 5px solid var(--phyco-accent);\n  text-align: center;\n}\n\n.phyco-highlight-box p {\n  font-size: clamp(14px, 2.5vw, 16px);\n  color: var(--phyco-text);\n  line-height: 1.8;\n  margin: 0 0 1rem 0;\n}\n\n.phyco-stat-highlight {\n  background: linear-gradient(135deg, var(--phyco-primary) 0%, var(--phyco-primary-dark) 100%);\n  border-radius: var(--phyco-radius-sm);\n  padding: 1.5rem;\n  margin: 1.5rem 0;\n}\n\n.phyco-stat-number {\n  display: block;\n  font-size: clamp(36px, 8vw, 56px);\n  font-weight: 900;\n  color: white;\n  line-height: 1;\n}\n\n.phyco-stat-label {\n  display: block;\n  font-size: clamp(13px, 2vw, 16px);\n  color: rgba(255,255,255,.9);\n  margin-top: .5rem;\n  font-weight: 500;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.phyco-composition-table {\n  background: var(--phyco-white);\n  border-radius: var(--phyco-radius);\n  overflow: hidden;\n  box-shadow: var(--phyco-shadow);\n}\n\n.phyco-composition-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1rem 1.25rem;\n  border-bottom: 1px solid var(--phyco-border);\n  font-size: 14px;\n}\n\n.phyco-composition-row:last-of-type {\n  border-bottom: none;\n}\n\n.phyco-composition-header {\n  background: var(--phyco-primary);\n  color: white;\n  font-weight: 700;\n  border-bottom: none;\n}\n\n.phyco-composition-row span:first-child {\n  color: var(--phyco-text);\n}\n\n.phyco-composition-row span:last-child {\n  color: var(--phyco-primary-dark);\n  font-weight: 600;\n}\n\n.phyco-composition-footer {\n  background: var(--phyco-primary-light);\n  padding: 1rem 1.25rem;\n}\n\n.phyco-composition-footer p {\n  margin: 0;\n  font-size: 13px;\n  color: var(--phyco-text);\n  text-align: center;\n}\n\n\/* === TIMELINE === *\/\n.phyco-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.phyco-timeline-item {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n}\n\n.phyco-timeline-number {\n  flex-shrink: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, var(--phyco-primary), var(--phyco-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.phyco-timeline-content {\n  flex: 1;\n  background: var(--phyco-white);\n  padding: 1rem 1.25rem;\n  border-radius: var(--phyco-radius-sm);\n  box-shadow: var(--phyco-shadow);\n}\n\n.phyco-timeline-content h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--phyco-primary-dark);\n  margin: 0 0 .25rem 0;\n}\n\n.phyco-timeline-content p {\n  font-size: 14px;\n  color: var(--phyco-text-light);\n  margin: 0;\n  line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.phyco-tip {\n  display: flex;\n  gap: 1rem;\n  align-items: flex-start;\n  background: var(--phyco-primary-light);\n  border-radius: var(--phyco-radius-sm);\n  padding: 1rem 1.25rem;\n  margin-top: 1.25rem;\n}\n\n.phyco-tip-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.phyco-tip p {\n  font-size: 14px;\n  color: var(--phyco-text);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.phyco-accordion {\n  background: var(--phyco-white);\n  border-radius: var(--phyco-radius);\n  box-shadow: var(--phyco-shadow);\n  overflow: hidden;\n}\n\n.phyco-accordion-item {\n  border-bottom: 1px solid var(--phyco-border);\n  margin: 0;\n  padding: 0;\n}\n\n.phyco-accordion-item:last-child {\n  border-bottom: none;\n}\n\n.phyco-accordion-header {\n  padding: 1rem 1.25rem;\n  font-weight: 700;\n  font-size: 15px;\n  color: var(--phyco-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.phyco-accordion-header:hover {\n  background: var(--phyco-primary-light);\n}\n\n.phyco-accordion-header::-webkit-details-marker {\n  display: none;\n}\n\n.phyco-accordion-header::after {\n  content: '+';\n  font-size: 20px;\n  font-weight: 400;\n  color: var(--phyco-primary);\n  transition: transform .2s ease;\n}\n\n.phyco-accordion-item[open] .phyco-accordion-header::after {\n  content: '−';\n}\n\n.phyco-accordion-content {\n  padding: 0 1.25rem 1rem;\n  color: var(--phyco-text-light);\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.phyco-accordion-content p {\n  margin: 0 0 .75rem 0;\n}\n\n.phyco-accordion-content p:last-child {\n  margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.phyco-cta-box {\n  background: linear-gradient(135deg, var(--phyco-primary) 0%, var(--phyco-primary-dark) 100%);\n  border-radius: var(--phyco-radius);\n  padding: clamp(1.75rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.phyco-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.phyco-disclaimer {\n  font-size: 12px;\n  color: var(--phyco-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  .phyco-grid {\n    grid-template-columns: 1fr;\n    gap: 1rem;\n  }\n  \n  .phyco-card {\n    padding: 1.125rem;\n  }\n  \n  .phyco-section {\n    margin-bottom: 1.75rem;\n  }\n  \n  .phyco-hero {\n    padding: 2rem 1.25rem;\n    margin-bottom: 1.75rem;\n    border-radius: var(--phyco-radius-sm);\n  }\n  \n  .phyco-premium h2 {\n    margin-bottom: 1rem;\n    padding-bottom: .75rem;\n  }\n  \n  .phyco-premium h2::after {\n    width: 40px;\n    height: 3px;\n  }\n  \n  .phyco-grid-compact {\n    gap: .625rem;\n  }\n  \n  .phyco-grid-compact .phyco-card {\n    padding: .75rem;\n  }\n  \n  .phyco-timeline-number {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n  \n  .phyco-timeline-content {\n    padding: .875rem 1rem;\n  }\n  \n  .phyco-timeline-content h3 {\n    font-size: 14px;\n  }\n  \n  .phyco-timeline-content p {\n    font-size: 13px;\n  }\n  \n  .phyco-accordion-header {\n    padding: .875rem 1rem;\n    font-size: 14px;\n  }\n  \n  .phyco-accordion-content {\n    padding: 0 1rem .875rem;\n    font-size: 13px;\n  }\n  \n  .phyco-highlight-box {\n    padding: 1.25rem;\n  }\n  \n  .phyco-stat-highlight {\n    padding: 1rem;\n  }\n  \n  .phyco-composition-row {\n    padding: .75rem 1rem;\n    font-size: 13px;\n  }\n  \n  .phyco-badges-top {\n    gap: 6px;\n  }\n  \n  .phyco-badge {\n    padding: 6px 12px;\n    font-size: 11px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .phyco-card {\n    animation: phycoFadeInUp .5s ease backwards;\n  }\n  .phyco-card:nth-child(1) { animation-delay: .05s; }\n  .phyco-card:nth-child(2) { animation-delay: .1s; }\n  .phyco-card:nth-child(3) { animation-delay: .15s; }\n  .phyco-card:nth-child(4) { animation-delay: .2s; }\n  .phyco-card:nth-child(5) { animation-delay: .25s; }\n  .phyco-card:nth-child(6) { animation-delay: .3s; }\n  .phyco-card:nth-child(7) { animation-delay: .35s; }\n  .phyco-card:nth-child(8) { animation-delay: .4s; }\n  \n  .phyco-timeline-item {\n    animation: phycoFadeInUp .5s ease backwards;\n  }\n  .phyco-timeline-item:nth-child(1) { animation-delay: .1s; }\n  .phyco-timeline-item:nth-child(2) { animation-delay: .15s; }\n  .phyco-timeline-item:nth-child(3) { animation-delay: .2s; }\n  .phyco-timeline-item:nth-child(4) { animation-delay: .25s; }\n  .phyco-timeline-item:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes phycoFadeInUp {\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  .phyco-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\u003c\/style\u003e","brand":"LIFES CODE","offers":[{"title":"Default Title","offer_id":56388279796089,"sku":"PHYCOELEMENT30","price":49.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco-elements-30-gelules-lifes-code-packshothd.webp?v=1790451209"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/zinc.webp?v=1790072631","url":"https:\/\/www.naturellement-bio.com\/collections\/zinc.oembed?page=3","provider":"Naturellement Bio","version":"1.0","type":"link"}