{"title":"Sélénium","description":"\u003ch2\u003e❓ FAQ - tout savoir sur les compléments au sélénium\u003c\/h2\u003e\n\u003cp\u003eVous vous posez des questions sur les compléments au sélénium ? Voici toutes les réponses pour vous aider à faire le bon choix 👇\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLe sélénium en complément a-t-il des effets secondaires ?\u003c\/summary\u003e\n\u003cp\u003eLorsqu'il est pris dans les doses recommandées, le sélénium est bien toléré. Cependant, une consommation excessive peut entraîner :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProblèmes digestifs\u003c\/strong\u003e (nausées, diarrhées).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGoût métallique dans la bouche\u003c\/strong\u003e.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFatigue ou irritabilité\u003c\/strong\u003e en cas de surdosage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 Respectez la dose quotidienne recommandée pour éviter ces désagréments.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de temps faut-il pour ressentir les effets d'un complément au sélénium ?\u003c\/summary\u003e\n\u003cp\u003eLe délai d'action dépend de la forme :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSélénométhionine :\u003c\/strong\u003e 2 à 4 jours → boost immunitaire rapide.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSélénite de sodium :\u003c\/strong\u003e 7 à 10 jours → équilibre hormonal et thyroïdien.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eLevure de sélénium :\u003c\/strong\u003e 5 à 7 jours → protection cellulaire durable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eFaut-il prendre le sélénium le matin ou le soir ?\u003c\/summary\u003e\n\u003cp\u003eIl est préférable de le prendre \u003cstrong\u003ele matin\u003c\/strong\u003e ou \u003cstrong\u003ependant un repas\u003c\/strong\u003e pour une meilleure assimilation. Évitez de le prendre le soir si vous êtes sensible à son effet énergisant.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on associer le sélénium à d'autres compléments ?\u003c\/summary\u003e\n\u003cp\u003eOui, le sélénium fonctionne bien avec :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVitamine E :\u003c\/strong\u003e pour un effet antioxydant renforcé.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eZinc :\u003c\/strong\u003e pour la santé de la peau et le renforcement immunitaire.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eIode :\u003c\/strong\u003e pour soutenir la thyroïde.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 Évitez de le combiner avec trop de minéraux en même temps pour éviter un déséquilibre.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQui ne doit pas prendre de compléments au sélénium ?\u003c\/summary\u003e\n\u003cp\u003eLe sélénium est déconseillé aux :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFemmes enceintes et allaitantes\u003c\/strong\u003e sans avis médical.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePersonnes ayant des troubles thyroïdiens\u003c\/strong\u003e (demandez l'avis d'un professionnel de santé).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePersonnes souffrant de maladie rénale chronique\u003c\/strong\u003e.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003ePourquoi prendre un complément alimentaire au sélénium ?\u003c\/h2\u003e\n\u003cp\u003eLe sélénium est un oligo-élément essentiel, que l’on trouve naturellement dans les noix, le poisson ou encore les œufs. Il aide à protéger vos cellules du \u003cstrong\u003estress oxydatif\u003c\/strong\u003e, renforce votre \u003cstrong\u003esystème immunitaire\u003c\/strong\u003e et soutient votre \u003cstrong\u003ethyroïde\u003c\/strong\u003e. Mais entre le stress du quotidien, la pollution et une alimentation parfois déséquilibrée, il est facile d’en manquer !\u003c\/p\u003e\n\u003cp\u003eC’est là qu’un complément au sélénium peut vraiment vous aider. Il vous apporte une \u003cstrong\u003edose précise \u003c\/strong\u003eet \u003cstrong\u003efacile à assimiler\u003c\/strong\u003e (surtout sous forme de sélénométhionine ou de levure de sélénium). Que vous souhaitiez renforcer votre immunité, ralentir le vieillissement ou prendre soin de votre thyroïde, le sélénium est un véritable allié. Mais attention, toutes les formes ne se valent pas !\u003c\/p\u003e\n\u003ch3\u003eLes bienfaits du sélénium pour l’organisme\u003c\/h3\u003e\n\u003cp\u003eLe sélénium est un oligo-élément essentiel qui joue un rôle clé dans le bon fonctionnement de l’organisme :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProtection cellulaire :\u003c\/strong\u003e Le sélénium agit comme un antioxydant naturel, protégeant les cellules du stress oxydatif et du vieillissement prématuré.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoutien du système immunitaire :\u003c\/strong\u003e Il renforce la réponse immunitaire, aidant votre organisme à mieux se défendre face aux agressions extérieures.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSanté thyroïdienne :\u003c\/strong\u003e Le sélénium favorise la production des hormones thyroïdiennes, essentielles à la régulation du métabolisme.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003ePourquoi un complément est-il plus efficace que le sélénium alimentaire ?\u003c\/h3\u003e\n\u003cp\u003eMême si le sélénium est présent dans certains aliments (noix du Brésil, fruits de mer, œufs), il est difficile d’en obtenir suffisamment uniquement par l’alimentation :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eDes apports irréguliers :\u003c\/strong\u003e La teneur en sélénium des aliments dépend de la qualité du sol et des méthodes de production. Une seule noix du Brésil peut fournir votre dose quotidienne… ou rien du tout !\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUne assimilation incomplète :\u003c\/strong\u003e Le sélénium sous forme alimentaire est souvent moins bien assimilé que sous forme de complément (notamment la sélénométhionine).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUn dosage précis :\u003c\/strong\u003e Un complément alimentaire vous assure une dose constante et optimale de sélénium, pour des résultats plus rapides et plus durables.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e👉 Par exemple, le Sélénium 100 Mcg de Solaray apporte une dose quotidienne optimale de sélénium sous forme hautement assimilable.\u003c\/p\u003e\n\u003ch3\u003eQuand devriez-vous envisager une supplémentation en sélénium ?\u003c\/h3\u003e\n\u003cp\u003eUne cure de sélénium est particulièrement recommandée dans les cas suivants :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFatigue chronique :\u003c\/strong\u003e Pour retrouver énergie et vitalité.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eImmunité affaiblie :\u003c\/strong\u003e Pour renforcer la résistance naturelle de l’organisme.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTroubles thyroïdiens :\u003c\/strong\u003e Pour soutenir la production d’hormones thyroïdiennes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePratique sportive :\u003c\/strong\u003e Pour favoriser la récupération musculaire et l’endurance.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eQuel complément au sélénium choisir selon vos besoins ?\u003c\/h2\u003e\n\u003cp\u003eLe sélénium existe sous différentes formes, chacune ayant des propriétés spécifiques. Bien choisir son complément permet de cibler efficacement vos besoins. Voici un guide pratique pour vous aider à faire le bon choix :\u003c\/p\u003e\n\u003cdiv style=\"overflow: :auto;\"\u003e\n\u003ctable class=\"table-responsive\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eBesoin\u003c\/th\u003e\n\u003cth\u003eType de sélénium recommandé\u003c\/th\u003e\n\u003cth\u003eLe complément idéal\u003c\/th\u003e\n\u003cth\u003ePourquoi\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eRenforcer l’immunité\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSélénométhionine\u003c\/td\u003e\n\u003ctd\u003eSélénium 100 Mcg - Solaray\u003c\/td\u003e\n\u003ctd\u003eAction rapide et biodisponibilité élevée pour une réponse immunitaire renforcée.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eEffet antioxydant\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eLevure de sélénium\u003c\/td\u003e\n\u003ctd\u003eComplexe Sélénium - Superdiet\u003c\/td\u003e\n\u003ctd\u003eAssocie le sélénium à des vitamines A, C, E pour une protection antioxydante renforcée.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSoutien thyroïdien\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSélénite de sodium\u003c\/td\u003e\n\u003ctd\u003eCell Défense - KAL\u003c\/td\u003e\n\u003ctd\u003eContribue à la production des hormones thyroïdiennes pour un métabolisme équilibré.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eProtection contre le stress oxydatif\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSélénométhionine\u003c\/td\u003e\n\u003ctd\u003eSélénium 100 Mcg - Solaray\u003c\/td\u003e\n\u003ctd\u003eNeutralise les radicaux libres et protège les cellules du stress oxydatif.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eBien-être global\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eLevure de sélénium\u003c\/td\u003e\n\u003ctd\u003eComplexe Sélénium - Superdiet\u003c\/td\u003e\n\u003ctd\u003eIdéal pour une prise régulière avec des bienfaits multiples.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003eSi vous hésitez entre plusieurs formes de sélénium, sachez qu'il est tout à fait possible de combiner différents types pour une action complète et synergique. Pensez-y ;)\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eEn combien de temps ressent-on les effets d'un complément au sélénium ?\u003c\/h2\u003e\n\u003cp\u003eLe sélénium commence à agir rapidement dans l’organisme, mais le délai d'action dépend du type de sélénium utilisé :\u003c\/p\u003e\n\u003cdiv style=\"overflow: :auto;\"\u003e\n\u003ctable class=\"table-responsive\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eType de sélénium consommé\u003c\/th\u003e\n\u003cth\u003eSon délai d'action\u003c\/th\u003e\n\u003cth\u003eSes effets principaux\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSélénométhionine\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e2 à 4 jours\u003c\/td\u003e\n\u003ctd\u003e\n\u003cul\u003e\n\u003cli\u003eBoost immédiat de l’immunité.\u003c\/li\u003e\n\u003cli\u003eEffet antioxydant rapide.\u003c\/li\u003e\n\u003cli\u003eAmélioration de la vitalité.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eSélénite de sodium\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e7 à 10 jours\u003c\/td\u003e\n\u003ctd\u003e\n\u003cul\u003e\n\u003cli\u003eÉquilibre hormonal stabilisé.\u003c\/li\u003e\n\u003cli\u003eSoutien à la fonction thyroïdienne.\u003c\/li\u003e\n\u003cli\u003eEffet régulateur durable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eLevure de sélénium\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e5 à 7 jours\u003c\/td\u003e\n\u003ctd\u003e\n\u003cul\u003e\n\u003cli\u003eRenforcement progressif de l’immunité.\u003c\/li\u003e\n\u003cli\u003eAmélioration de la peau et des cheveux.\u003c\/li\u003e\n\u003cli\u003eProtection cellulaire durable.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003e👉 Pour une efficacité optimale, une cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est souvent recommandée. Pourquoi ? Car cela permet à votre organisme de stabiliser son niveau de sélénium (et ça prend du temps !), et donc de bénéficier pleinement de ses bienfaits ensuite. Soyez patient !\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eLes effets secondaires et contre-indications des compléments au sélénium\u003c\/h2\u003e\n\u003ch3\u003eLes effets secondaires\u003c\/h3\u003e\n\u003cp\u003eVous l'aurez compris, le sélénium est un oligo-élément essentiel pour le bon fonctionnement de l’organisme. Bien toléré lorsqu'il est pris dans les doses recommandées, \u003cstrong\u003eun excès peut toutefois provoquer certains effets secondaires\u003c\/strong\u003e que vous voulez absolument éviter, croyez-moi. Voici lesquels et comment les éviter :\u003c\/p\u003e\n\u003cdiv style=\"overflow: :auto;\"\u003e\n\u003ctable class=\"table-responsive\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003e⚠️ Effets secondaires\u003c\/th\u003e\n\u003cth\u003ePourquoi ça arrive\u003c\/th\u003e\n\u003cth\u003eComment l’éviter\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cstrong\u003eProblèmes digestifs\u003c\/strong\u003e (nausées, diarrhées)\u003c\/td\u003e\n\u003ctd\u003eDose trop élevée ou sensibilité digestive\u003c\/td\u003e\n\u003ctd\u003eCommencez par une dose faible et augmentez progressivement.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eGoût métallique dans la bouche\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eSigne d'un léger excès de sélénium\u003c\/td\u003e\n\u003ctd\u003eRéduisez la dose quotidienne si le symptôme persiste.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eFatigue ou irritabilité\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eDéséquilibre dans le métabolisme du sélénium\u003c\/td\u003e\n\u003ctd\u003eAssurez-vous de ne pas dépasser l'apport recommandé.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eChute de cheveux\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003eExcès de sélénium dans l’organisme\u003c\/td\u003e\n\u003ctd\u003eArrêtez le complément temporairement et ajustez la dose.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003ch3\u003eLes contre-indications\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFemmes enceintes et allaitantes :\u003c\/strong\u003e demandez l'avis de votre médecin avant de commencer une cure.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProblèmes de thyroïde :\u003c\/strong\u003e une dose trop élevée peut perturber la production hormonale.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMaladie rénale chronique :\u003c\/strong\u003e le sélénium est éliminé par les reins – prudence en cas d’insuffisance rénale.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eLes dosages recommandés\u003c\/h3\u003e\n\u003cp\u003eEtant donné que \u003cstrong\u003el'apport journalier recommandé est de \u003c\/strong\u003e55 µg par jour pour un adulte, la \u003cstrong\u003elimite maximale de consommation\u003c\/strong\u003e est fixée à 400 µg par jour (au-delà, le risque de toxicité augmente). Si vous ressentez des symptômes inhabituels après la prise de sélénium, arrêtez le complément et consultez un professionnel de santé.\u003c\/p\u003e\n\u003chr class=\"mt-3\"\u003e\n\u003ch2\u003eAvec quoi associer le sélénium pour en tirer le meilleur ?\u003c\/h2\u003e\n\u003cp\u003eVous vous demandez peut-être si votre cure de sélénium pourrait être encore plus efficace en l’associant à d’autres minéraux… Franchement, la réponse est oui : il y a des combinaisons toutes simples qui peuvent tout changer, surtout selon la période que vous traversez ou vos objectifs du moment. Je vous partage ici quelques conseils concrets, avec des exemples qui parlent à tout le monde.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eEnvie de traverser l’hiver sans encombre ?\u003c\/strong\u003e\u003cbr\u003eJe ne compte plus le nombre de personnes qui me disent avoir retrouvé plus d’énergie et de résistance en associant leur sélénium à une \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/zinc\"\u003ecure de zinc\u003c\/a\u003e. Ce tandem zinc-sélénium, c’est vraiment le réflexe malin quand on veut aider ses défenses naturelles, surtout en période de fatigue ou quand tout le monde tombe malade autour de soi.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVotre quotidien est parfois (ou souvent !) un peu trop intense ?\u003c\/strong\u003e\u003cbr\u003ePour celles et ceux qui jonglent entre mille choses, je recommande souvent d’associer le sélénium à 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. Ce duo aide à mieux gérer le stress, à limiter les coups de pompe et, franchement, à se sentir un peu moins “sous pression”.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVous rêvez d’une belle peau, de cheveux plus forts ou de limiter la casse des ongles ?\u003c\/strong\u003e\u003cbr\u003ePensez à l’association sélénium et \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/silicium\"\u003eapport en silicium\u003c\/a\u003e, ou même sélénium et \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/calcium\"\u003ecomplément en calcium\u003c\/a\u003e si besoin. Cette alliance nourrit la beauté “de l’intérieur”, surtout dans les périodes de changement de saison où on a parfois l’impression que rien ne tient…\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFatigue qui s’installe, manque d’entrain le matin ?\u003c\/strong\u003e\u003cbr\u003eVous n’êtes pas seul(e), ça arrive à tout le monde. Dans ces moments-là, compléter votre routine avec un \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/fer\"\u003ecomplément riche en fer\u003c\/a\u003e peut vraiment faire la différence pour retrouver du tonus, surtout si votre emploi du temps ne vous laisse pas beaucoup de répit.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEt la thyroïde, vous y pensez ?\u003c\/strong\u003e\u003cbr\u003eOn n’y pense pas toujours, mais associer le sélénium à un \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/iode\"\u003eapport en iode\u003c\/a\u003e est très utile pour soutenir le fonctionnement thyroïdien, surtout si vous sentez des variations d’énergie, de moral ou de poids. Et si vous cherchez à équilibrer l’ensemble de vos apports, un \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/cuivre\"\u003ecomplément en cuivre\u003c\/a\u003e peut aussi trouver sa place ponctuellement.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eBien sûr, il existe d’autres synergies possibles, selon vos besoins : le \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/manganese\"\u003emanganèse\u003c\/a\u003e pour les articulations, le \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/potassium\"\u003epotassium\u003c\/a\u003e ou le \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/sodium\"\u003esodium\u003c\/a\u003e en cas de besoins particuliers sur l’équilibre minéral.\u003c\/p\u003e\n\u003cp\u003eLe vrai secret, c’est d’écouter votre corps, d’y aller étape par étape, et de privilégier une association qui répond à VOTRE besoin du moment. Inutile de cumuler : un bon duo, bien choisi, fait déjà beaucoup ! Et si vous avez envie d’explorer plus de possibilités, prenez le temps de découvrir toute notre sélection de \u003ca style=\"color: #66745c; text-decoration: underline;\" href=\"https:\/\/www.naturellement-bio.com\/collections\/mineraux-oligo-elements\"\u003ecompléments riches en minéraux et oligo-éléments\u003c\/a\u003e. Il y a sûrement la solution qui vous correspond ;).\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.49,"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":"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":"boisson-instantanee-bleu-comme-toi-bio-50-g-sol-semilla","title":"Bleu Comme Toi (Sérénité \u0026 Immunité) : Boisson Instantanée Bio 50 g - Sol Semilla","description":"\u003cdiv class=\"bm-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bm-hero\"\u003e\n\u003cdiv class=\"bm-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bm-hero-content\"\u003e\n\u003cdiv class=\"bm-badges-top\"\u003e\n\u003cspan class=\"bm-badge\"\u003e🧠 Mental \u0026amp; concentration\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🛡️ Immunité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e⚡ Vitalité\u003c\/span\u003e \u003cspan class=\"bm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bm-hero-title\"\u003eBlue Mind - Super boisson bio à la Klamath\u003c\/span\u003e\n\u003cp class=\"bm-subtitle\"\u003eKlamath · Menthe · Cardamone\u003c\/p\u003e\n\u003cp class=\"bm-description\"\u003eL'algue des esprits clairs dans une boisson instantanée à la couleur bleue envoûtante. 50 g · 17 portions · Par Sol Semilla, depuis 1992.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003cp class=\"bm-section-intro\"\u003eEnvie d'une boisson qui fait du bien à votre esprit autant qu'à votre corps ?\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧠 Concentration\u003c\/h3\u003e\n\u003cp\u003eLa \u003cstrong\u003eKlamath\u003c\/strong\u003e, surnommée l'algue des esprits clairs, soutient activement votre clarté mentale et votre focus au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🛡️ Immunité\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux, oligoéléments et phycocyanine, cette super boisson renforce vos \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚡ Vitalité\u003c\/h3\u003e\n\u003cp\u003eUn concentré de nutriments essentiels pour retrouver \u003cstrong\u003eénergie\u003c\/strong\u003e et dynamisme dès la première gorgée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 1.25rem; font-size: clamp(14px,2.2vw,16px); color: var(--bm-text-light); line-height: 1.7;\"\u003eLa \u003cstrong\u003esuper boisson Blue Mind Bio de Sol Semilla\u003c\/strong\u003e associe l'extraordinaire algue Klamath, la fraîcheur de la menthe et les notes chaleureuses de la cardamone dans une poudre instantanée à la couleur bleue envoûtante. En quelques secondes, vous obtenez une boisson riche en nutriments, pensée pour soutenir votre concentration, votre immunité et votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003ePourquoi choisir la Klamath, l'algue des esprits clairs ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa Klamath (Aphanizomenon flos-aquae) est une micro-algue bleu-vert récoltée à l'état sauvage dans le lac Klamath, en Oregon (USA). Elle est considérée comme l'un des superaliments les plus complets au monde.\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003eUn pigment bleu aux puissantes propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e, qui donne à cette boisson sa teinte unique et fascinante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🔬 Vitamines du groupe B\u003c\/h3\u003e\n\u003cp\u003eDont la précieuse \u003cstrong\u003eB12\u003c\/strong\u003e, essentielle pour le système nerveux et l'énergie mentale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🧬 Acides aminés essentiels\u003c\/h3\u003e\n\u003cp\u003eUn \u003cstrong\u003eprofil protéique complet\u003c\/strong\u003e, fait rare dans le monde végétal, pour nourrir vos cellules en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e⚙️ Minéraux \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eFer, magnésium, zinc… Des cofacteurs indispensables au bon \u003cstrong\u003efonctionnement immunitaire\u003c\/strong\u003e et métabolique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eSouvent surnommée « l'algue des esprits clairs », la Klamath est traditionnellement appréciée pour favoriser la \u003cstrong\u003econcentration\u003c\/strong\u003e et la \u003cstrong\u003eclarté mentale\u003c\/strong\u003e. Associée à la menthe rafraîchissante et à la cardamone digestive, elle compose ici une recette à la fois savoureuse et fonctionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComposition de Blue Mind Bio\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eChaque sachet de \u003cstrong\u003e50 g\u003c\/strong\u003e contient environ \u003cstrong\u003e17 portions\u003c\/strong\u003e. Ingrédients issus de l'agriculture biologique :\u003c\/p\u003e\n\u003cdiv class=\"bm-grid\"\u003e\n\u003cdiv class=\"bm-card bm-card-highlight\"\u003e\n\u003ch3\u003e🔵 Algue Klamath en poudre\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e - Origine : lac Klamath, USA. L'ingrédient star, source de phycocyanine et de nutriments essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌱 Menthe\u003c\/h3\u003e\n\u003cp\u003ePour une note vivifiante et rafraîchissante. Contribue à une haleine fraîche et une sensation de bien-être immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e✨ Cardamone\u003c\/h3\u003e\n\u003cp\u003eÉpice réchauffante qui facilite la digestion et apporte une touche aromatique subtile et enveloppante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"bm-grid-compact\"\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs, ni arômes artificiels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e🌿 Végétalien\u003c\/h3\u003e\n\u003cp\u003eConvient aux régimes végétariens et végétaliens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-card\"\u003e\n\u003ch3\u003e📦 17 portions\u003c\/h3\u003e\n\u003cp\u003eSachet de 50 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eComment préparer votre boisson Blue Mind ?\u003c\/h2\u003e\n\u003cp class=\"bm-section-intro\"\u003eLa préparation est simple et rapide :\u003c\/p\u003e\n\u003cdiv class=\"bm-timeline\"\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune cuillère à café rase (environ 3 g)\u003c\/strong\u003e de poudre Blue Mind dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eAjoutez l'eau\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 à 250 ml d'eau\u003c\/strong\u003e froide, tiède ou chaude selon votre préférence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eMélangez\u003c\/h3\u003e\n\u003cp\u003eRemuez vigoureusement à la cuillère ou au fouet jusqu'à \u003cstrong\u003edissolution complète\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-item\"\u003e\n\u003cdiv class=\"bm-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"bm-timeline-content\"\u003e\n\u003ch3\u003eSavourez\u003c\/h3\u003e\n\u003cp\u003eDégustez immédiatement pour profiter de tous les bienfaits de la Klamath.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bm-tip\"\u003e\n\u003cspan class=\"bm-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous pouvez également l'intégrer dans un \u003cstrong\u003esmoothie\u003c\/strong\u003e, un lait végétal ou un jus de fruits pour varier les plaisirs. Consommez une à deux portions par jour, de préférence le matin ou en début d'après-midi pour accompagner vos moments de concentration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"bm-section\"\u003e\n\u003ch2\u003eSol Semilla : le pouvoir des superaliments depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"bm-testimonial\"\u003e\n\u003cp class=\"bm-testimonial-text\"\u003e\u003cstrong\u003eSol Semilla\u003c\/strong\u003e est une marque française pionnière dans l'univers des superaliments biologiques. Depuis plus de 30 ans, elle sélectionne les meilleurs ingrédients à travers le monde, en privilégiant des filières responsables et une traçabilité rigoureuse. Chaque produit est conçu pour vous apporter le meilleur de la nature, sans compromis sur la qualité ni sur le goût.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"bm-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bm-accordion\"\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de grossesse, d'allaitement ou de traitement médical, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bm-accordion-item\"\u003e\n\u003csummary class=\"bm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"bm-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"bm-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --bm-cream: #f7f4ef;\n --bm-white: #ffffff;\n --bm-primary: #3bb8c3;\n --bm-primary-dark: #1a7a84;\n --bm-primary-light: #e6f6f8;\n --bm-secondary: #d4572a;\n --bm-accent: #f0b428;\n --bm-kraft: #c6a96c;\n --bm-text: #1a1a1a;\n --bm-text-light: #5a5a5a;\n --bm-border: #e0ddd7;\n --bm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bm-radius: 20px;\n --bm-radius-sm: 12px;\n}\n\n.bm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bm-hero {\n position: relative;\n background: linear-gradient(135deg, #1a7a84 0%, #3bb8c3 40%, #2a9aa5 70%, #d4572a 100%);\n border-radius: var(--bm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bm-shadow-lg);\n}\n\n.bm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(240,180,40,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.bm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.bm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1rem 0;\n}\n\n.bm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.bm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bm-primary), var(--bm-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.bm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bm-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bm-card {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bm-shadow-lg);\n border-color: var(--bm-primary);\n}\n\n.bm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bm-card-highlight {\n border-color: var(--bm-primary);\n background: linear-gradient(135deg, var(--bm-primary-light) 0%, var(--bm-white) 100%);\n}\n\n\/* === GRILLES === *\/\n.bm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bm-grid-compact .bm-card {\n padding: 1rem;\n}\n\n.bm-grid-compact .bm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bm-grid-compact .bm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bm-primary), var(--bm-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(59,184,195,.3);\n}\n\n.bm-timeline-content {\n flex: 1;\n background: var(--bm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bm-radius-sm);\n box-shadow: var(--bm-shadow);\n}\n\n.bm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bm-timeline-content p {\n font-size: 14px;\n color: var(--bm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bm-testimonial {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bm-shadow);\n border-left: 4px solid var(--bm-secondary);\n}\n\n.bm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIP === *\/\n.bm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bm-primary-light);\n border-radius: var(--bm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bm-tip p {\n font-size: 14px;\n color: var(--bm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bm-accordion {\n background: var(--bm-white);\n border-radius: var(--bm-radius);\n box-shadow: var(--bm-shadow);\n overflow: hidden;\n}\n\n.bm-accordion-item {\n border-bottom: 1px solid var(--bm-border);\n margin: 0;\n padding: 0;\n}\n\n.bm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bm-accordion-header:hover {\n background: var(--bm-primary-light);\n}\n\n.bm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bm-primary);\n transition: transform .2s ease;\n}\n\n.bm-accordion-item[open] .bm-accordion-header::after {\n content: '−';\n}\n\n.bm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bm-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bm-disclaimer {\n font-size: 12px;\n color: var(--bm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bm-card {\n padding: 1.125rem;\n }\n\n .bm-section {\n margin-bottom: 1.75rem;\n }\n\n .bm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bm-radius-sm);\n }\n\n .bm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bm-grid-compact {\n gap: .625rem;\n }\n\n .bm-grid-compact .bm-card {\n padding: .75rem;\n }\n\n .bm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bm-timeline-content h3 {\n font-size: 14px;\n }\n\n .bm-timeline-content p {\n font-size: 13px;\n }\n\n .bm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bm-testimonial {\n padding: 1.25rem;\n }\n\n .bm-testimonial-text {\n font-size: 14px;\n }\n\n .bm-badges-top {\n gap: 6px;\n }\n\n .bm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bm-card {\n animation: bmFadeInUp .5s ease backwards;\n }\n .bm-card:nth-child(1) { animation-delay: .05s; }\n .bm-card:nth-child(2) { animation-delay: .1s; }\n .bm-card:nth-child(3) { animation-delay: .15s; }\n .bm-card:nth-child(4) { animation-delay: .2s; }\n .bm-card:nth-child(5) { animation-delay: .25s; }\n .bm-card:nth-child(6) { animation-delay: .3s; }\n\n .bm-timeline-item {\n animation: bmFadeInUp .5s ease backwards;\n }\n .bm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bm-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bm-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bm-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115307165,"sku":"REF1347","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bleu-comme-toi-serenite-immunite-boisson-instantanee-bio-50--lifestyle.webp?v=1772788252"},{"product_id":"boisson-instantanee-green-boost-bio-80-g-sol-semilla","title":"Boisson Green Boost Bio 50g - Spiruline, Acérola \u0026 Gingembre - Sol Semilla","description":"\u003cdiv class=\"gb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gb-hero\"\u003e\n\u003cdiv class=\"gb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gb-hero-content\"\u003e\n\u003cdiv class=\"gb-badges-top\"\u003e\n\u003cspan class=\"gb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e🍊 Riche en vitamine C\u003c\/span\u003e \u003cspan class=\"gb-badge\"\u003e⚡ 10 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gb-hero-title\"\u003eBoisson Green Boost Bio\u003c\/span\u003e\n\u003cp class=\"gb-subtitle\"\u003eSpiruline, Acérola \u0026amp; Gingembre - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"gb-description\"\u003eTrois superaliments bio d'exception réunis dans une poudre instantanée pour booster votre vitalité, renforcer votre immunité et accompagner vos performances sportives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003cp class=\"gb-section-intro\"\u003eVous cherchez un coup de fouet naturel pour démarrer la journée ou préparer une séance de sport ?\u003c\/p\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌱 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en fer, protéines végétales et phycocyanine antioxydante\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eL'une des sources naturelles les plus concentrées en vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eNote épicée et réchauffante pour un effet tonifiant au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🥤 Instantanée\u003c\/h3\u003e\n\u003cp\u003e50 g de poudre, 10 portions, à mélanger avec du jus de pomme ou votre boisson préférée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePourquoi associer spiruline et acérola ? Les bienfaits de cette synergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-synergy-box\"\u003e\n\u003cp\u003eL'association \u003cstrong\u003espiruline acérola\u003c\/strong\u003e est l'une des plus étudiées en nutrition naturelle, et pour cause. La spiruline est une micro-algue exceptionnellement riche en \u003cstrong\u003efer, protéines végétales et phycocyanine\u003c\/strong\u003e, un pigment aux propriétés antioxydantes remarquables. L'acérola, petit fruit d'Amazonie, est quant à lui l'une des sources naturelles les plus concentrées en \u003cstrong\u003evitamine C\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003eLa vitamine C de l'acérola \u003cstrong\u003efavorise l'absorption du fer\u003c\/strong\u003e contenu dans la spiruline. Vous profitez ainsi pleinement des bienfaits de chaque ingrédient — une synergie que les simples comprimés ne peuvent égaler.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eC'est exactement ce qui distingue cette formule des simples comprimés de \u003cstrong\u003espiruline et acérola\u003c\/strong\u003e disponibles sur le marché : ici, le gingembre vient compléter le trio pour un résultat encore plus complet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eLe gingembre : un troisième allié pour votre énergie\u003c\/h2\u003e\n\u003cdiv class=\"gb-testimonial\"\u003e\n\u003cp class=\"gb-testimonial-text\"\u003eReconnu depuis des siècles en médecine traditionnelle, le gingembre apporte une \u003cstrong\u003enote épicée et réchauffante\u003c\/strong\u003e à la boisson. L'association \u003cstrong\u003espiruline et gingembre\u003c\/strong\u003e crée un mélange tonifiant et savoureux, idéal pour soutenir votre vitalité au quotidien, que vous soyez sportif ou simplement en quête d'un regain d'énergie naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"gb-section-intro\"\u003eFormulée à partir d'ingrédients 100 % biologiques, soigneusement sourcés entre l'Amazonie et le Maroc.\u003c\/p\u003e\n\u003cdiv class=\"gb-grid\"\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🌊 Spiruline bio\u003c\/h3\u003e\n\u003cp\u003eSource de fer, protéines et phycocyanine. Micro-algue aux propriétés nutritionnelles exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003eConcentré naturel de vitamine C et antioxydants. Petit fruit puissant d'Amazonie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card gb-card-ingredient\"\u003e\n\u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n\u003cp\u003eTonifiant et réchauffant. Épice millénaire reconnue pour ses vertus énergisantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eSans additifs, sans conservateurs, sans gluten. Convient à une alimentation \u003cstrong\u003evégane\u003c\/strong\u003e et crue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003eComment préparer votre Green Boost ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-timeline\"\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDosez la poudre\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003eune dose de 5 g\u003c\/strong\u003e (environ une cuillère à café bombée) dans un verre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eAjoutez votre boisson\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 ml de jus de pomme\u003c\/strong\u003e (recommandé par Sol Semilla) ou d'eau fraîche.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eMélangez vigoureusement\u003c\/h3\u003e\n\u003cp\u003eRemuez à la cuillère ou au shaker jusqu'à dissolution complète de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-item\"\u003e\n\u003cdiv class=\"gb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gb-timeline-content\"\u003e\n\u003ch3\u003eDégustez immédiatement\u003c\/h3\u003e\n\u003cp\u003eConsommez sans attendre pour profiter de \u003cstrong\u003etous les nutriments\u003c\/strong\u003e à leur maximum.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-tip\"\u003e\n\u003cspan class=\"gb-tip-icon\"\u003e⏰\u003c\/span\u003e\n\u003cp\u003ePour un effet optimal, consommez votre boisson \u003cstrong\u003ele matin à jeun ou 30 minutes avant l'effort\u003c\/strong\u003e. Vous pouvez également l'ajouter à un smoothie ou un bol de fruits pour varier les plaisirs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gb-section\"\u003e\n\u003ch2\u003ePour qui est faite cette boisson ?\u003c\/h2\u003e\n\u003cdiv class=\"gb-grid-compact\"\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eUn boost naturel avant l'effort pour des performances au top\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n\u003cp\u003eIdéal en période de changement de saison ou de baisse d'énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🛡️ Immunité fragilisée\u003c\/h3\u003e\n\u003cp\u003eRenforcez vos défenses naturelles grâce à la vitamine C et aux antioxydants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-card\"\u003e\n\u003ch3\u003e🌿 Adeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eUne alternative bio aux comprimés classiques de spiruline et acérola\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gb-section\"\u003e\n\u003ch2\u003eQualité et engagements Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gb-cta-box\"\u003e\n\u003cp\u003eDepuis 1992, Sol Semilla sélectionne les \u003cstrong\u003emeilleurs superaliments biologiques\u003c\/strong\u003e avec une exigence rare. Certifié \u003cstrong\u003eAB (Agriculture Biologique)\u003c\/strong\u003e et conditionné en France, chaque sachet de 50 g offre \u003cstrong\u003e10 portions\u003c\/strong\u003e d'un rituel bien-être quotidien accessible et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gb-accordion\"\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gb-accordion-item\"\u003e\n\u003csummary class=\"gb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément alimentaire. Il ne remplace ni un régime alimentaire varié et équilibré, ni un avis médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gb-cream: #faf6f0;\n --gb-white: #ffffff;\n --gb-primary: #d4441c;\n --gb-primary-dark: #a8330f;\n --gb-primary-light: #fef0ec;\n --gb-secondary: #2d8c4e;\n --gb-secondary-light: #e8f5ee;\n --gb-accent: #5b9bd5;\n --gb-kraft: #c8a96e;\n --gb-text: #1a1a1a;\n --gb-text-light: #5a5a5a;\n --gb-border: #e0d8ce;\n --gb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gb-radius: 20px;\n --gb-radius-sm: 12px;\n}\n\n.gb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gb-primary) 0%, #e06530 40%, var(--gb-secondary) 100%);\n border-radius: var(--gb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gb-shadow-lg);\n}\n\n.gb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-conic-gradient(from 0deg at 50% 0%, transparent 0deg, rgba(255,255,255,.06) 15deg, transparent 30deg);\n opacity: 1;\n}\n\n.gb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gb-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.gb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gb-primary), var(--gb-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.gb-card {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gb-shadow-lg);\n border-color: var(--gb-primary);\n}\n\n.gb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (variante verte) === *\/\n.gb-card-ingredient {\n border-top: 4px solid var(--gb-secondary);\n}\n\n.gb-card-ingredient:hover {\n border-color: var(--gb-secondary);\n}\n\n.gb-card-ingredient h3 {\n color: #1e6b3a;\n}\n\n\/* === GRILLES === *\/\n.gb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gb-grid-compact .gb-card {\n padding: 1rem;\n}\n\n.gb-grid-compact .gb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gb-grid-compact .gb-card p {\n font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.gb-synergy-box {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gb-shadow);\n}\n\n.gb-synergy-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gb-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.gb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gb-primary), var(--gb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gb-timeline-content {\n flex: 1;\n background: var(--gb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gb-radius-sm);\n box-shadow: var(--gb-shadow);\n}\n\n.gb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gb-timeline-content p {\n font-size: 14px;\n color: var(--gb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gb-testimonial {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gb-shadow);\n border-left: 4px solid var(--gb-secondary);\n}\n\n.gb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gb-accordion {\n background: var(--gb-white);\n border-radius: var(--gb-radius);\n box-shadow: var(--gb-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.gb-accordion-item {\n border-bottom: 1px solid var(--gb-border);\n margin: 0;\n padding: 0;\n}\n\n.gb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gb-accordion-header:hover {\n background: var(--gb-primary-light);\n}\n\n.gb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gb-primary);\n transition: transform .2s ease;\n}\n\n.gb-accordion-item[open] .gb-accordion-header::after {\n content: '−';\n}\n\n.gb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gb-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gb-secondary-light);\n border-radius: var(--gb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gb-tip p {\n font-size: 14px;\n color: var(--gb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO === *\/\n.gb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CTA BOX === *\/\n.gb-cta-box {\n background: linear-gradient(135deg, var(--gb-primary) 0%, var(--gb-primary-dark) 100%);\n border-radius: var(--gb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gb-card {\n padding: 1.125rem;\n }\n\n .gb-section {\n margin-bottom: 1.75rem;\n }\n\n .gb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gb-radius-sm);\n }\n\n .gb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gb-grid-compact {\n gap: .625rem;\n }\n\n .gb-grid-compact .gb-card {\n padding: .75rem;\n }\n\n .gb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gb-timeline-content h3 {\n font-size: 14px;\n }\n\n .gb-timeline-content p {\n font-size: 13px;\n }\n\n .gb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gb-testimonial {\n padding: 1.25rem;\n }\n\n .gb-testimonial-text {\n font-size: 14px;\n }\n\n .gb-synergy-box {\n padding: 1.25rem;\n }\n\n .gb-synergy-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gb-card {\n animation: gbFadeInUp .5s ease backwards;\n }\n .gb-card:nth-child(1) { animation-delay: .05s; }\n .gb-card:nth-child(2) { animation-delay: .1s; }\n .gb-card:nth-child(3) { animation-delay: .15s; }\n .gb-card:nth-child(4) { animation-delay: .2s; }\n .gb-card:nth-child(5) { animation-delay: .25s; }\n .gb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755115995293,"sku":"REF1349","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/boisson-green-boost-bio-50g-spiruline-acerola-gingembre-sol--lifestyle.webp?v=1772788773"},{"product_id":"klamath-crue-poudre-bio-50-g-sol-semilla","title":"Klamath Crue Poudre Bio - 50 G - Sol Semilla","description":"\u003cdiv class=\"kl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"kl-hero\"\u003e\n\u003cdiv class=\"kl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kl-hero-content\"\u003e\n\u003cdiv class=\"kl-badges-top\"\u003e\n\u003cspan class=\"kl-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🇺🇸 Origine Oregon\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🧬 115 nutriments\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🌱 Vegan \u0026amp; RAW\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kl-hero-title\"\u003eKlamath Crue Poudre Bio\u003c\/span\u003e\n\u003cp class=\"kl-subtitle\"\u003eSol Semilla · 50 g · ~83 portions\u003c\/p\u003e\n\u003cp class=\"kl-description\"\u003eLa microalgue sauvage la plus complète au monde, récoltée dans les eaux pures du lac Klamath supérieur. Plus de 60 % de protéines, phycocyanine, vitamine B12 et oméga-3 dans un seul superaliment cru.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003cp class=\"kl-section-intro\"\u003eVous cherchez un superaliment complet pour soutenir votre vitalité au quotidien ? La \u003cstrong\u003eKlamath crue bio en poudre de Sol Semilla\u003c\/strong\u003e est l'une des sources naturelles les plus concentrées en nutriments que la nature puisse offrir.\u003c\/p\u003e\n\u003cp class=\"kl-section-intro\"\u003eIssue de la microalgue sauvage \u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e, récoltée dans les eaux préservées du lac Klamath supérieur en Oregon, cette poudre crue renferme plus de \u003cstrong\u003e115 nutriments biodisponibles\u003c\/strong\u003e dans un seul aliment.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'algue Klamath : pourquoi tant d'engouement ?\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eL'\u003cstrong\u003ealgue de Klamath\u003c\/strong\u003e fascine les nutritionnistes et les amateurs de superaliments depuis des décennies. Peu d'aliments naturels réunissent autant de richesses dans une si petite quantité.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e💪 +60 % de protéines complètes\u003c\/h3\u003e\n\u003cp\u003eContient les 20 acides aminés dont les 8 essentiels pour une assimilation optimale par l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔴 Vitamine B12 naturelle\u003c\/h3\u003e\n\u003cp\u003eUne source précieuse de B12 biodisponible, particulièrement recherchée dans les régimes végétariens et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e⚡ Vitamine B6 \u0026amp; iode\u003c\/h3\u003e\n\u003cp\u003eContribuent à un métabolisme énergétique normal et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🩸 Fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eUn apport en fer naturel idéal pour réduire la fatigue et soutenir les fonctions cognitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔵 Phycocyanine antioxydante\u003c\/h3\u003e\n\u003cp\u003eCe pigment bleu unique offre des propriétés antioxydantes remarquables pour protéger vos cellules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🐟 Oméga-3 \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eDes acides gras essentiels et des minéraux pour un bien-être physique et mental au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eDe nombreux utilisateurs partagent leur \u003cstrong\u003etémoignage sur l'algue Klamath\u003c\/strong\u003e, évoquant un regain d'énergie, une meilleure concentration et un soutien global de leur immunité. La densité nutritionnelle exceptionnelle de cette algue explique l'enthousiasme qu'elle suscite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eUn seul ingrédient, rien de superflu.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌿 100 % Klamath bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e en poudre crue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur, aucun excipient ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e❄️ Qualité RAW\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e✅ Double certification\u003c\/h3\u003e\n\u003cp\u003eCertifiée bio par Ecocert et OTCO (Oregon)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe sachet de 50 g offre environ \u003cstrong\u003e83 portions\u003c\/strong\u003e, ce qui en fait un investissement durable pour votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComment prendre la Klamath en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"kl-timeline\"\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n\u003cp\u003eMélangez \u003cstrong\u003e0,5 à 2 grammes par jour\u003c\/strong\u003e (soit ¼ à 1 cuillère à café) dans la boisson de votre choix : eau, jus de fruits, smoothie ou lait végétal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par une petite dose la première semaine pour laisser votre organisme s'habituer, puis augmentez progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003ePrivilégiez le matin\u003c\/h3\u003e\n\u003cp\u003ePrenez-la de préférence le matin pour profiter de son effet revitalisant tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e🥗\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi la saupoudrer sur une salade ou un bol de céréales pour varier les plaisirs !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eOrigine et qualité Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"kl-testimonial\"\u003e\n\u003cp class=\"kl-testimonial-text\"\u003e\"La Klamath bio Sol Semilla provient exclusivement du lac Klamath supérieur, un écosystème volcanique unique situé à 1 400 mètres d'altitude. L'algue y pousse de façon sauvage, nourrie par des sédiments minéraux d'une richesse exceptionnelle. Après récolte, elle est séchée délicatement pour conserver toutes ses propriétés nutritives à l'état brut.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🏔️ Lac volcanique\u003c\/h3\u003e\n\u003cp\u003e1 400 m d'altitude en Oregon, écosystème préservé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌾 Récolte sauvage\u003c\/h3\u003e\n\u003cp\u003eAlgue non cultivée, nourrie par les sédiments naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôle en France\u003c\/h3\u003e\n\u003cp\u003eChaque lot élaboré et contrôlé par l'équipe Sol Semilla\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eStandards de qualité rigoureux, transparence totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"kl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"kl-accordion\"\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Consultez un professionnel de santé avant utilisation en cas de grossesse, d'allaitement ou de traitement médicamenteux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"kl-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Les compléments alimentaires ne remplacent pas une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --kl-cream: #f5f0ea;\n --kl-white: #ffffff;\n --kl-primary: #2ea8a0;\n --kl-primary-dark: #1a6e68;\n --kl-primary-light: #e8f5f3;\n --kl-secondary: #c44b3f;\n --kl-accent: #d4854a;\n --kl-text: #1a1a1a;\n --kl-text-light: #5a5a5a;\n --kl-border: #e0dcd6;\n --kl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kl-radius: 20px;\n --kl-radius-sm: 12px;\n}\n\n.kl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kl-hero {\n position: relative;\n background: linear-gradient(135deg, #1a6e68 0%, #2ea8a0 45%, #3dbfb5 100%);\n border-radius: var(--kl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kl-shadow-lg);\n}\n\n.kl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,75,63,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kl-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.kl-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kl-primary), var(--kl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kl-card {\n background: var(--kl-white);\n border-radius: var(--kl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kl-shadow-lg);\n border-color: var(--kl-primary);\n}\n\n.kl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kl-grid-compact .kl-card {\n padding: 1rem;\n}\n\n.kl-grid-compact .kl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kl-grid-compact .kl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kl-primary), var(--kl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kl-timeline-content {\n flex: 1;\n background: var(--kl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kl-radius-sm);\n box-shadow: var(--kl-shadow);\n}\n\n.kl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kl-timeline-content p {\n font-size: 14px;\n color: var(--kl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kl-testimonial {\n background: var(--kl-white);\n border-radius: var(--kl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kl-shadow);\n border-left: 4px solid var(--kl-primary);\n}\n\n.kl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kl-accordion {\n background: var(--kl-white);\n border-radius: var(--kl-radius);\n box-shadow: var(--kl-shadow);\n overflow: hidden;\n}\n\n.kl-accordion-item {\n border-bottom: 1px solid var(--kl-border);\n margin: 0;\n padding: 0;\n}\n\n.kl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kl-accordion-header:hover {\n background: var(--kl-primary-light);\n}\n\n.kl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kl-primary);\n transition: transform .2s ease;\n}\n\n.kl-accordion-item[open] .kl-accordion-header::after {\n content: '−';\n}\n\n.kl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kl-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kl-primary-light);\n border-radius: var(--kl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kl-tip p {\n font-size: 14px;\n color: var(--kl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kl-disclaimer {\n font-size: 12px;\n color: var(--kl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kl-card {\n padding: 1.125rem;\n }\n\n .kl-section {\n margin-bottom: 1.75rem;\n }\n\n .kl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kl-radius-sm);\n }\n\n .kl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kl-grid-compact {\n gap: .625rem;\n }\n\n .kl-grid-compact .kl-card {\n padding: .75rem;\n }\n\n .kl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kl-timeline-content h3 {\n font-size: 14px;\n }\n\n .kl-timeline-content p {\n font-size: 13px;\n }\n\n .kl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kl-testimonial {\n padding: 1.25rem;\n }\n\n .kl-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kl-card {\n animation: klFadeInUp .5s ease backwards;\n }\n .kl-card:nth-child(1) { animation-delay: .05s; }\n .kl-card:nth-child(2) { animation-delay: .1s; }\n .kl-card:nth-child(3) { animation-delay: .15s; }\n .kl-card:nth-child(4) { animation-delay: .2s; }\n .kl-card:nth-child(5) { animation-delay: .25s; }\n .kl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755117404317,"sku":"R031","price":27.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-crue-poudre-bio-50-g-sol-semilla-lifestyle.webp?v=1772708190"},{"product_id":"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.9,"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":"algosource-spirulysat-original-extrait-liquide-de-spiruline-ampoule-20x10ml-algosource","title":"Spirulysat Original - Extrait Liquide de Spiruline - 15 Ampoules - AlgoSource","description":"\u003cdiv class=\"spir-premium\"\u003e\n \u003cdiv class=\"spir-hero\"\u003e\n \u003cdiv class=\"spir-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spir-hero-content\"\u003e\n \u003cdiv class=\"spir-badges-top\"\u003e\n \u003cspan class=\"spir-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"spir-badge\"\u003e💧 Extrait liquide\u003c\/span\u003e\n \u003cspan class=\"spir-badge\"\u003e🌿 Sans additifs\u003c\/span\u003e\n \u003cspan class=\"spir-badge\"\u003e🔬 Testé cliniquement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"spir-hero-title\"\u003eLa puissance bleue de la spiruline en ampoule\u003c\/span\u003e\n \u003cp class=\"spir-subtitle\"\u003eExtrait liquide concentré en phycocyanines bioactives\u003c\/p\u003e\n \u003cp class=\"spir-description\"\u003e15 ampoules de 10 ml pour soutenir votre vitalité et vos défenses antioxydantes, jour après jour.\u003c\/p\u003e\n \u003cdiv class=\"spir-hero-stats\"\u003e\n \u003cdiv class=\"spir-stat\"\u003e\n \u003cspan class=\"spir-stat-number\"\u003e20mg\u003c\/span\u003e\n \u003cspan class=\"spir-stat-label\"\u003ePhycocyanines \/ ampoule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-stat\"\u003e\n \u003cspan class=\"spir-stat-number\"\u003e15\u003c\/span\u003e\n \u003cspan class=\"spir-stat-label\"\u003eAmpoules de 10 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-stat\"\u003e\n \u003cspan class=\"spir-stat-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"spir-stat-label\"\u003eOrigine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eUne spiruline liquide unique, à biodisponibilité maximale\u003c\/h2\u003e\n \u003cp class=\"spir-section-intro\"\u003eLe \u003cstrong\u003eSpirulysat® Original\u003c\/strong\u003e d'AlgoSource est un \u003cstrong\u003eextrait de spiruline liquide\u003c\/strong\u003e obtenu par un procédé breveté à basse température. Contrairement à la spiruline en poudre ou en comprimés, cette \u003cstrong\u003espiruline liquide bleue\u003c\/strong\u003e conserve intactes ses molécules les plus fragiles, notamment les \u003cstrong\u003ephycocyanines bioactives\u003c\/strong\u003e, ce pigment bleu naturel reconnu pour ses propriétés antioxydantes puissantes.\u003c\/p\u003e\n \u003cdiv class=\"spir-grid-compact\"\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e💧 Liquide vs poudre\u003c\/h3\u003e\n \u003cp\u003eLe format liquide offre une \u003cstrong\u003eassimilation immédiate\u003c\/strong\u003e, sans passage par la digestion des cellules végétales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🧪 Procédé breveté\u003c\/h3\u003e\n \u003cp\u003eExtraction à basse température qui préserve les molécules actives les plus fragiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🔬 Études cliniques\u003c\/h3\u003e\n \u003cp\u003eUne biodisponibilité exceptionnelle confirmée par plusieurs études réalisées chez l'Homme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e💙 Phycocyanines pures\u003c\/h3\u003e\n \u003cp\u003eLe pigment bleu naturel de la spiruline, aux propriétés antioxydantes puissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eLes bienfaits du Spirulysat® au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"spir-grid\"\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e⚡ Vitalité et tonus\u003c\/h3\u003e\n \u003cp\u003eUn coup de pouce naturel pour retrouver de l'énergie en cas de fatigue passagère, sans excitant ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🛡️ Action antioxydante\u003c\/h3\u003e\n \u003cp\u003eGrâce aux \u003cstrong\u003ephycocyanines\u003c\/strong\u003e, la \u003cstrong\u003espiruline antioxydant\u003c\/strong\u003e aide à protéger vos cellules du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e💙 Soutien de l'organisme\u003c\/h3\u003e\n \u003cp\u003eUn allié précieux aux changements de saison, en période de sport intensif ou de convalescence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eComposition et valeurs nutritionnelles\u003c\/h2\u003e\n \u003cp class=\"spir-section-intro\"\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e eau, extrait aqueux de spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) cultivée en France, 100 % d'origine naturelle. Sans conservateur, sans colorant, sans arôme, sans allergène majeur.\u003c\/p\u003e\n\n \u003cdiv class=\"spir-timeline\"\u003e\n \u003cdiv class=\"spir-timeline-item\"\u003e\n \u003cdiv class=\"spir-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-content\"\u003e\n \u003ch3\u003ePar ampoule de 10 ml\u003c\/h3\u003e\n \u003cp\u003e200 mg d'extrait de spiruline dont \u003cstrong\u003e20 mg de phycocyanines bioactives\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-item\"\u003e\n \u003cdiv class=\"spir-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, pure ou diluée dans un verre d'eau froide ou un jus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-item\"\u003e\n \u003cdiv class=\"spir-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-content\"\u003e\n \u003ch3\u003eCure conseillée\u003c\/h3\u003e\n \u003cp\u003e15 jours minimum, renouvelable 3 à 4 fois par an.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-item\"\u003e\n \u003cdiv class=\"spir-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003ele matin à jeun\u003c\/strong\u003e pour profiter pleinement de l'effet vitalité tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"spir-tip\"\u003e\n \u003cspan class=\"spir-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette \u003cstrong\u003espiruline liquide\u003c\/strong\u003e disponible en pharmacie et parapharmacie se conserve à température ambiante avant ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"spir-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui ? Avis et recommandations\u003c\/h2\u003e\n \u003cp class=\"spir-section-intro\"\u003eLe Spirulysat® convient aux adultes actifs, sportifs, personnes végétariennes ou végétaliennes, seniors et à toute personne souhaitant soutenir son organisme naturellement. Les avis sur cette \u003cstrong\u003espiruline liquide bleue\u003c\/strong\u003e soulignent souvent un regain d'énergie ressenti dès les premiers jours et une saveur douce, bien plus agréable que la spiruline en poudre.\u003c\/p\u003e\n\n \u003cdiv class=\"spir-grid-compact\"\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour soutenir l'effort et la récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🌱 Végé \u0026amp; vegan\u003c\/h3\u003e\n \u003cp\u003eUn apport naturel en nutriments essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003ePour préserver vitalité et tonus au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n \u003cp\u003eContre la fatigue passagère et le stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"spir-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"spir-accordion-item\"\u003e\n \u003csummary class=\"spir-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"spir-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical, ainsi qu'aux personnes sous traitement anticoagulant ou souffrant de phénylcétonurie. Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain, et \u003cstrong\u003ene remplace en aucun cas un traitement médical\u003c\/strong\u003e. En cas de doute, demandez conseil à votre médecin ou pharmacien. Tenir hors de portée des enfants et respecter la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spir-accordion-item\"\u003e\n \u003csummary class=\"spir-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"spir-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver à température ambiante, à l'abri de la lumière et de l'humidité avant ouverture. Après ouverture d'une ampoule, consommer immédiatement.\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 --spir-cream: #f4f7fb;\n --spir-white: #ffffff;\n --spir-primary: #0a2a5e;\n --spir-primary-dark: #061a3d;\n --spir-primary-light: #e6ecf7;\n --spir-secondary: #1e6bd6;\n --spir-accent: #4dc3ff;\n --spir-text: #0f1a2e;\n --spir-text-light: #5a6478;\n --spir-border: #dfe4ec;\n --spir-shadow: 0 4px 24px rgba(10,42,94,.08);\n --spir-shadow-lg: 0 12px 48px rgba(10,42,94,.18);\n --spir-radius: 20px;\n --spir-radius-sm: 12px;\n}\n\n.spir-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--spir-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--spir-text);\n line-height: 1.6;\n}\n\n\/* HERO *\/\n.spir-hero {\n position: relative;\n background: linear-gradient(135deg, #061a3d 0%, #0a2a5e 45%, #1e6bd6 100%);\n border-radius: var(--spir-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(--spir-shadow-lg);\n}\n\n.spir-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n radial-gradient(circle at 15% 20%, rgba(77,195,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 85% 80%, rgba(77,195,255,.3) 0%, transparent 45%),\n repeating-linear-gradient(45deg, transparent 0 20px, rgba(255,255,255,.03) 20px 21px);\n opacity: .5;\n}\n\n.spir-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.spir-hero-title {\n display: block;\n color: white;\n font-size: clamp(24px, 7vw, 46px);\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 line-height: 1.1;\n}\n\n.spir-subtitle {\n color: #cfe1ff;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.spir-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 620px;\n margin: 0 auto 1.75rem;\n}\n\n.spir-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.spir-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--spir-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.spir-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.spir-hero-stats {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 2rem;\n padding-top: 2rem;\n border-top: 1px solid rgba(255,255,255,.2);\n}\n\n.spir-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 4px;\n}\n\n.spir-stat-number {\n font-size: clamp(20px, 4vw, 30px);\n font-weight: 900;\n color: var(--spir-accent);\n letter-spacing: -.02em;\n line-height: 1;\n}\n\n.spir-stat-label {\n font-size: clamp(11px, 1.6vw, 13px);\n color: rgba(255,255,255,.85);\n font-weight: 500;\n text-align: center;\n}\n\n\/* SECTIONS *\/\n.spir-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spir-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--spir-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.spir-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--spir-primary), var(--spir-accent));\n border-radius: 2px;\n}\n\n.spir-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.3vw, 17px);\n color: var(--spir-text-light);\n margin-bottom: 1.75rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.spir-section-intro strong {\n color: var(--spir-primary-dark);\n}\n\n.spir-premium p strong {\n color: var(--spir-primary-dark);\n}\n\n\/* CARDS *\/\n.spir-card {\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--spir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.spir-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--spir-shadow-lg);\n border-color: var(--spir-secondary);\n}\n\n.spir-card h3 {\n font-size: clamp(15px, 2.3vw, 18px);\n font-weight: 800;\n color: var(--spir-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.spir-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--spir-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.spir-card p strong {\n color: var(--spir-primary-dark);\n}\n\n\/* GRILLES *\/\n.spir-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.spir-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.spir-grid-compact .spir-card {\n padding: 1.125rem;\n}\n\n.spir-grid-compact .spir-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.spir-grid-compact .spir-card p {\n font-size: 12.5px;\n}\n\n\/* TIMELINE *\/\n.spir-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.spir-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.spir-timeline-number {\n flex-shrink: 0;\n width: 42px;\n height: 42px;\n background: linear-gradient(135deg, var(--spir-primary), var(--spir-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(30,107,214,.3);\n}\n\n.spir-timeline-content {\n flex: 1;\n background: var(--spir-white);\n padding: 1rem 1.25rem;\n border-radius: var(--spir-radius-sm);\n box-shadow: var(--spir-shadow);\n border-left: 3px solid var(--spir-accent);\n}\n\n.spir-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--spir-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.spir-timeline-content p {\n font-size: 14px;\n color: var(--spir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.spir-timeline-content p strong {\n color: var(--spir-primary-dark);\n}\n\n\/* TIP *\/\n.spir-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--spir-primary-light);\n border-radius: var(--spir-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 820px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.spir-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.spir-tip p {\n font-size: 14px;\n color: var(--spir-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* ACCORDION *\/\n.spir-accordion {\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n box-shadow: var(--spir-shadow);\n overflow: hidden;\n max-width: 820px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.spir-accordion-item {\n border-bottom: 1px solid var(--spir-border);\n}\n\n.spir-accordion-item:last-child {\n border-bottom: none;\n}\n\n.spir-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--spir-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.spir-accordion-header:hover {\n background: var(--spir-primary-light);\n}\n\n.spir-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.spir-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--spir-secondary);\n transition: transform .2s ease;\n}\n\n.spir-accordion-item[open] .spir-accordion-header::after {\n content: '−';\n}\n\n.spir-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--spir-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.spir-accordion-content p {\n margin: 0;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .spir-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .spir-section {\n margin-bottom: 1.75rem;\n }\n .spir-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--spir-radius-sm);\n }\n .spir-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .spir-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .spir-hero-stats {\n gap: .5rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n }\n .spir-grid-compact {\n gap: .625rem;\n }\n .spir-grid-compact .spir-card {\n padding: .875rem;\n }\n .spir-timeline-number {\n width: 34px;\n height: 34px;\n font-size: 14px;\n }\n .spir-timeline-content {\n padding: .875rem 1rem;\n }\n .spir-timeline-content h3 {\n font-size: 14.5px;\n }\n .spir-timeline-content p {\n font-size: 13px;\n }\n .spir-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .spir-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .spir-card {\n animation: spir-fadeInUp .5s ease backwards;\n }\n .spir-card:nth-child(1) { animation-delay: .05s; }\n .spir-card:nth-child(2) { animation-delay: .1s; }\n .spir-card:nth-child(3) { animation-delay: .15s; }\n .spir-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes spir-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .spir-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":45755311030429,"sku":"PHYCOSIASOBLEBT1","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spirulysat-original-extrait-liquide-de-spiruline-20-ampoules-packshothd.webp?v=1784611724"},{"product_id":"tyro-120-gelules-jade-recherche","title":"Tyro+ Jade Recherche - 120 gélules","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tyro+ Jade Recherche - Complément alimentaire thyroïde\nPalette détectée:\n - Primaire: #8B4B9E (violet\/purple du logo TYRO - dominante packaging)\n - Secondaire: #F4D835 (jaune vif du fond d'étiquette)\n - Accent: #FF7F3E (orange du papillon)\n - Vert: #1a7a5c (spiruline\/algues visibles sur infographie)\nAmbiance: Santé naturelle, vitalité, transformation (papillon = métamorphose thyroïdienne), dynamique et optimiste. Mix entre énergie solaire (jaune) et bien-être profond (violet). Univers naturel\/scientifique avec ingrédients visibles.\nType: Complément alimentaire - soutien hormonal thyroïde\nStyle: Naturel\/santé\/bien-être avec touche énergique et scientifique\nPréfixe CSS: tyro\n--\u003e\n\n\u003cdiv class=\"tyro-premium\"\u003e\n \u003cdiv class=\"tyro-hero\"\u003e\n \u003cdiv class=\"tyro-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tyro-hero-content\"\u003e\n \u003cdiv class=\"tyro-badges-top\"\u003e\n \u003cspan class=\"tyro-badge\"\u003e🦋 Soutien thyroïdien\u003c\/span\u003e\n \u003cspan class=\"tyro-badge\"\u003e🌱 100% végétalien\u003c\/span\u003e\n \u003cspan class=\"tyro-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tyro-hero-title\"\u003eTyro+\u003c\/span\u003e\n \u003cp class=\"tyro-subtitle\"\u003eRedonnez de l'élan à votre thyroïde\u003c\/p\u003e\n \u003cp class=\"tyro-description\"\u003eFormule synergique associant tyrosine, iode naturel, sélénium, spiruline et maca pour soutenir votre fonction thyroïdienne et retrouver énergie et vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e🔬 Composition synergique\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e💜 Tyrosine 600 mg\u003c\/h3\u003e\n \u003cp\u003eAcide aminé précurseur direct des hormones T3 et T4. Production naturelle qui diminue avec l'âge, supplémentation essentielle après 40 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌊 Iode naturel 150 µg\u003c\/h3\u003e\n \u003cp\u003eExtrait de Fucus vesiculosus (75 mg), algue marine. Élément indispensable à la synthèse hormonale, biodisponibilité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🛡️ Sélénium 70 µg\u003c\/h3\u003e\n \u003cp\u003e127% des AJR. Protège les cellules thyroïdiennes du stress oxydatif et favorise la conversion de T4 en T3 active.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌀 Spiruline 170 mg\u003c\/h3\u003e\n \u003cp\u003eSuper-aliment concentré en nutriments, protéines et antioxydants. Soutient la vitalité et le tonus général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚡ Maca 100 mg\u003c\/h3\u003e\n \u003cp\u003eRacine adaptogène péruvienne pour l'équilibre hormonal, la résistance au stress et l'énergie globale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e💎 Les bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🎯 Soutien hormonal ciblé\u003c\/h3\u003e\n \u003cp\u003eTous les éléments-clés pour le bon fonctionnement thyroïdien et une production hormonale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚡ Vitalité retrouvée\u003c\/h3\u003e\n \u003cp\u003eCombat la fatigue, la frilosité et les troubles métaboliques liés au ralentissement thyroïdien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans additifs artificiels, sans conservateurs, sans OGM. Gélules végétales HPMC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🔬 Dosages optimaux\u003c\/h3\u003e\n \u003cp\u003e127% AJR sélénium, 100% besoins iode, dosage généreux en tyrosine pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid-compact\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eManque d'énergie chronique inexpliqué\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e❄️ Frilosité excessive\u003c\/h3\u003e\n \u003cp\u003eMains et pieds froids en permanence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⚖️ Prise de poids\u003c\/h3\u003e\n \u003cp\u003eMalgré alimentation équilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🎂 Après 40 ans\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel de la fonction thyroïdienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tyro-usage-box\"\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003ePosologie standard\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e, matin et midi, \u003cstrong\u003eavant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003ePosologie renforcée\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e4 gélules par jour\u003c\/strong\u003e possible sous suivi médical selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-usage-step\"\u003e\n \u003cdiv class=\"tyro-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tyro-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 3 mois minimum\u003c\/strong\u003e recommandés. Renouveler après une pause d'un mois si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tyro-grid-compact\"\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e💊 120 gélules\u003c\/h3\u003e\n \u003cp\u003eGélules végétales HPMC 500 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e⏱️ 60 jours\u003c\/h3\u003e\n \u003cp\u003eÀ 2 gélules\/jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🌱 Végétalien\u003c\/h3\u003e\n \u003cp\u003e100% compatible vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tyro-card\"\u003e\n \u003ch3\u003e🇫🇷 Qualité GMP\u003c\/h3\u003e\n \u003cp\u003eFabrication française contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"tyro-accordion\"\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eNe remplace pas un traitement médical prescrit (Levothyrox...). Avis médical recommandé si suivi pour trouble thyroïdien. Ne pas dépasser la dose journalière. Complément à utiliser dans le cadre d'une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux moins de 16 ans, femmes enceintes ou allaitantes (sauf avis médical). \u003cstrong\u003eNe pas associer avec la L-Dopa.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tyro-accordion-item\"\u003e\n \u003csummary class=\"tyro-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tyro-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité, dans un endroit sec. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tyro-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tyro-cta-box\"\u003e\n \u003cp\u003e🦋 Redonnez à votre thyroïde les nutriments essentiels dont elle a besoin. Avec \u003cstrong\u003eTyro+\u003c\/strong\u003e, retrouvez naturellement énergie, vitalité et équilibre hormonal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tyro-cream: #faf9f7;\n --tyro-white: #ffffff;\n --tyro-primary: #8B4B9E;\n --tyro-primary-dark: #6d3a7d;\n --tyro-primary-light: #f5eef7;\n --tyro-secondary: #F4D835;\n --tyro-accent: #FF7F3E;\n --tyro-text: #1a1a1a;\n --tyro-text-light: #5a5a5a;\n --tyro-border: #e8e4e0;\n --tyro-shadow: 0 4px 24px rgba(139,75,158,.08);\n --tyro-shadow-lg: 0 12px 48px rgba(139,75,158,.15);\n --tyro-radius: 20px;\n --tyro-radius-sm: 12px;\n}\n\n.tyro-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tyro-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tyro-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tyro-primary) 0%, #9b5aae 40%, var(--tyro-secondary) 100%);\n border-radius: var(--tyro-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tyro-shadow-lg);\n}\n\n.tyro-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: radial-gradient(circle at 30% 70%, rgba(255,255,255,.4) 2px, transparent 2px);\n background-size: 40px 40px;\n}\n\n.tyro-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tyro-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.tyro-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tyro-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tyro-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tyro-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tyro-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3.5vw, 26px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n}\n\n.tyro-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.tyro-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tyro-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tyro-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tyro-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tyro-primary), var(--tyro-secondary));\n border-radius: 2px;\n}\n\n.tyro-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tyro-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tyro-card {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tyro-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tyro-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tyro-shadow-lg);\n border-color: var(--tyro-primary);\n}\n\n.tyro-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tyro-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tyro-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tyro-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tyro-grid-compact .tyro-card {\n padding: 1rem;\n}\n\n.tyro-grid-compact .tyro-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tyro-grid-compact .tyro-card p {\n font-size: 12px;\n}\n\n.tyro-usage-box {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tyro-shadow);\n}\n\n.tyro-usage-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--tyro-border);\n}\n\n.tyro-usage-step:last-child {\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n}\n\n.tyro-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--tyro-primary), var(--tyro-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(139,75,158,.3);\n}\n\n.tyro-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--tyro-primary-dark);\n margin: 0 0 .4rem 0;\n}\n\n.tyro-step-content p {\n font-size: 14px;\n color: var(--tyro-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tyro-accordion {\n background: var(--tyro-white);\n border-radius: var(--tyro-radius);\n box-shadow: var(--tyro-shadow);\n overflow: hidden;\n}\n\n.tyro-accordion-item {\n border-bottom: 1px solid var(--tyro-border);\n margin: 0;\n padding: 0;\n}\n\n.tyro-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tyro-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tyro-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.tyro-accordion-header:hover {\n background: var(--tyro-primary-light);\n}\n\n.tyro-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tyro-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tyro-primary);\n transition: transform .2s ease;\n}\n\n.tyro-accordion-item[open] .tyro-accordion-header::after {\n content: '−';\n}\n\n.tyro-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tyro-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.tyro-accordion-content p {\n margin: 0;\n}\n\n.tyro-cta-box {\n background: linear-gradient(135deg, var(--tyro-primary) 0%, var(--tyro-primary-dark) 100%);\n border-radius: var(--tyro-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tyro-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .tyro-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .tyro-grid-compact {\n gap: .625rem;\n }\n \n .tyro-grid-compact .tyro-card {\n padding: .75rem;\n }\n \n .tyro-card {\n padding: 1.125rem;\n }\n \n .tyro-section {\n margin-bottom: 1.75rem;\n }\n \n .tyro-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tyro-radius-sm);\n }\n \n .tyro-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .tyro-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .tyro-usage-step {\n flex-direction: column;\n gap: .75rem;\n text-align: center;\n }\n \n .tyro-step-number {\n margin: 0 auto;\n }\n \n .tyro-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .tyro-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .tyro-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tyro-card:nth-child(1) { animation-delay: .05s; }\n .tyro-card:nth-child(2) { animation-delay: .1s; }\n .tyro-card:nth-child(3) { animation-delay: .15s; }\n .tyro-card:nth-child(4) { animation-delay: .2s; }\n .tyro-card:nth-child(5) { animation-delay: .25s; }\n .tyro-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tyro-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755313848477,"sku":"TYROJADE","price":25.24,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tyro-jade-recherche-120-gelules-packshothd.webp?v=1786010807"},{"product_id":"tcm-pour-recuperer-et-retrouver-de-lenergie-500-ml-jade-recherche","title":"TCM 500 ml - Récupérer \u0026 Retrouver de l'énergie - Jade Recherche","description":"\u003cdiv class=\"tcm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tcm-hero\"\u003e\n \u003cdiv class=\"tcm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tcm-hero-content\"\u003e\n \u003cdiv class=\"tcm-badges-top\"\u003e\n \u003cspan class=\"tcm-badge\"\u003e🥥 Huile de coco pure\u003c\/span\u003e\n \u003cspan class=\"tcm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tcm-badge\"\u003e⚡ Énergie rapide\u003c\/span\u003e\n \u003cspan class=\"tcm-badge\"\u003e🧪 100 % TCM C8 + C10\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tcm-hero-title\"\u003eTCM 500 ml — Jade Recherche\u003c\/span\u003e\n \u003cp class=\"tcm-subtitle\"\u003eRécupérer \u0026amp; retrouver de l'énergie\u003c\/p\u003e\n \u003cp class=\"tcm-description\"\u003eUne source d'énergie pure et immédiate à base de triglycérides à chaîne moyenne issus de l'huile de coco. 1 cuillère à soupe par jour pour nourrir directement vos cellules, sans stimulant artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003eTCM Jade Recherche : le complément alimentaire énergie à base de triglycérides à chaîne moyenne\u003c\/h2\u003e\n \u003cp class=\"tcm-section-intro\"\u003eVous traversez une période de fatigue ou de baisse de vitalité ? Le \u003cstrong\u003eTCM 500 ml de Jade Recherche\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire énergie et vitalité\u003c\/strong\u003e formulé à partir de \u003cstrong\u003etriglycérides à chaîne moyenne (TCM)\u003c\/strong\u003e issus de l'huile de coco.\u003c\/p\u003e\n \u003cdiv class=\"tcm-grid-compact\"\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🧬 Assimilation directe\u003c\/h3\u003e\n \u003cp\u003eLes TCM passent directement au foie, sans solliciter la bile ni le système lymphatique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e⚡ Énergie immédiate\u003c\/h3\u003e\n \u003cp\u003eConvertis en corps cétoniques, ils alimentent cerveau, cœur et muscles en quelques minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eIssu de l'huile de coco, sans stimulant artificiel, sans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🔄 Énergie durable\u003c\/h3\u003e\n \u003cp\u003ePas de pic ni de chute de glycémie : une vitalité stable tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003ePourquoi choisir les TCM plutôt qu'un autre complément alimentaire pour booster l'énergie ?\u003c\/h2\u003e\n \u003cdiv class=\"tcm-card tcm-card-highlight\"\u003e\n \u003ch3\u003e🚀 Métabolisés jusqu'à 4× plus rapidement\u003c\/h3\u003e\n \u003cp\u003eContrairement aux acides gras classiques (triglycérides à chaîne longue), les TCM sont absorbés et métabolisés \u003cstrong\u003ejusqu'à quatre fois plus rapidement\u003c\/strong\u003e. Ils n'ont pas besoin de bile ni de lymphe pour être digérés : ils passent directement au foie, où ils sont convertis en \u003cstrong\u003ecorps cétoniques\u003c\/strong\u003e. Ces cétones constituent un carburant immédiat pour vos cellules, en particulier celles du \u003cem\u003ecerveau, du cœur et des muscles\u003c\/em\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-tip\"\u003e\n \u003cspan class=\"tcm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous hésitez entre la \u003cstrong\u003emaca, la spiruline\u003c\/strong\u003e ou d'autres compléments disponibles en pharmacie, sachez que le TCM agit sur un mécanisme différent : il ne stimule pas artificiellement, il \u003cstrong\u003enourrit vos cellules directement en énergie\u003c\/strong\u003e. Il se combine d'ailleurs très bien avec la maca et la spiruline pour une approche complète de la vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets du TCM au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"tcm-grid\"\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e⚡ Énergie rapide et durable\u003c\/h3\u003e\n \u003cp\u003eLes cétones produites alimentent votre corps sans les pics et chutes de glycémie liés aux sucres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e💪 Récupération facilitée\u003c\/h3\u003e\n \u003cp\u003eIdéal après un effort physique ou intellectuel intense pour retrouver votre pleine capacité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🔥 Soutien métabolique\u003c\/h3\u003e\n \u003cp\u003eLes TCM contribuent à augmenter le métabolisme de base, ce qui peut favoriser la gestion du poids\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🧡 Meilleure absorption des vitamines\u003c\/h3\u003e\n \u003cp\u003eFacilite l'assimilation des vitamines liposolubles A, D, E, K et bêta-carotène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🫶 Digestion douce\u003c\/h3\u003e\n \u003cp\u003eNe sollicite ni la bile ni le système lymphatique, contrairement aux graisses habituelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003eComposition du TCM Jade Recherche\u003c\/h2\u003e\n \u003cdiv class=\"tcm-composition-box\"\u003e\n \u003cp class=\"tcm-composition-label\"\u003eIngrédient unique\u003c\/p\u003e\n \u003cp class=\"tcm-composition-main\"\u003e100 % triglycérides à chaîne moyenne issus d'huile de coco non hydrogénée\u003c\/p\u003e\n \u003cdiv class=\"tcm-composition-acids\"\u003e\n \u003cdiv class=\"tcm-acid-tag\"\u003e\n \u003cspan class=\"tcm-acid-name\"\u003eAcide caprylique\u003c\/span\u003e\n \u003cspan class=\"tcm-acid-code\"\u003eC8\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-acid-tag\"\u003e\n \u003cspan class=\"tcm-acid-name\"\u003eAcide caprique\u003c\/span\u003e\n \u003cspan class=\"tcm-acid-code\"\u003eC10\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-composition-badges\"\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans additif\u003c\/span\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans conservateur\u003c\/span\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🚫 Sans OGM\u003c\/span\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🥑 Keto\u003c\/span\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🦴 Paléo\u003c\/span\u003e\n \u003cspan class=\"tcm-comp-badge\"\u003e🌱 Végétarien\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003ePosologie : comment prendre le TCM ?\u003c\/h2\u003e\n \u003cp class=\"tcm-section-intro\"\u003ePour une bonne tolérance digestive, adoptez une progression douce :\u003c\/p\u003e\n \u003cdiv class=\"tcm-timeline\"\u003e\n \u003cdiv class=\"tcm-timeline-item\"\u003e\n \u003cdiv class=\"tcm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tcm-timeline-content\"\u003e\n \u003ch3\u003eJours 1 à 4 — Démarrage en douceur\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à café (5 ml) par jour, de préférence le matin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-timeline-item\"\u003e\n \u003cdiv class=\"tcm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tcm-timeline-content\"\u003e\n \u003ch3\u003eJours 5 à 8 — Montée progressive\u003c\/h3\u003e\n \u003cp\u003e2 cuillères à café (10 ml) par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-timeline-item\"\u003e\n \u003cdiv class=\"tcm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tcm-timeline-content\"\u003e\n \u003ch3\u003eÀ partir du jour 9 — Dose optimale\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à soupe (15 ml) par jour pour un effet optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-tip\"\u003e\n \u003cspan class=\"tcm-tip-icon\"\u003e🥤\u003c\/span\u003e\n \u003cp\u003eVous pouvez l'ajouter à un \u003cstrong\u003esmoothie, un café, une salade\u003c\/strong\u003e ou le consommer directement. Son goût neutre le rend très facile à intégrer dans votre alimentation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"tcm-section\"\u003e\n \u003ch2\u003eFabrication française et qualité Jade Recherche\u003c\/h2\u003e\n \u003cdiv class=\"tcm-grid-compact\"\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit par Jade Recherche, laboratoire spécialisé dans les compléments naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🥥 Coco responsable\u003c\/h3\u003e\n \u003cp\u003eNoix de coco cultivées de manière responsable et traçable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e🔬 Pureté garantie\u003c\/h3\u003e\n \u003cp\u003eProduction suivant des normes strictes de pureté et de traçabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tcm-card\"\u003e\n \u003ch3\u003e✅ Pur, sûr, concentré\u003c\/h3\u003e\n \u003cp\u003eAucun compromis sur la qualité, pour des résultats concrets et durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"tcm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tcm-accordion\"\u003e\n \u003cdetails class=\"tcm-accordion-item\"\u003e\n \u003csummary class=\"tcm-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n \u003cdiv class=\"tcm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute ou de traitement médical en cours, consultez votre médecin avant utilisation. Tenir hors de portée des enfants. Conserver à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"tcm-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tcm-cream: #f4f8f2;\n --tcm-white: #ffffff;\n --tcm-primary: #1a8c3f;\n --tcm-primary-dark: #0f6b2d;\n --tcm-primary-light: #e8f5ec;\n --tcm-secondary: #1565a0;\n --tcm-accent: #2196f3;\n --tcm-text: #1a1a1a;\n --tcm-text-light: #5a5a5a;\n --tcm-border: #dce8d8;\n --tcm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tcm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tcm-radius: 20px;\n --tcm-radius-sm: 12px;\n}\n\n.tcm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tcm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tcm-hero {\n position: relative;\n background: linear-gradient(135deg, #0f6b2d 0%, #1a8c3f 40%, #1565a0 100%);\n border-radius: var(--tcm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tcm-shadow-lg);\n}\n\n.tcm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.tcm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tcm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tcm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tcm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tcm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tcm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.tcm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.tcm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.tcm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tcm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tcm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.tcm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tcm-primary), var(--tcm-secondary));\n border-radius: 2px;\n}\n\n.tcm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tcm-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.tcm-card {\n background: var(--tcm-white);\n border-radius: var(--tcm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tcm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tcm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tcm-shadow-lg);\n border-color: var(--tcm-primary);\n}\n\n.tcm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tcm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tcm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tcm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tcm-card-highlight {\n border-left: 4px solid var(--tcm-primary);\n text-align: left;\n}\n\n.tcm-card-highlight h3 {\n text-align: left;\n font-size: clamp(16px, 3vw, 20px);\n margin-bottom: .75rem;\n}\n\n.tcm-card-highlight p {\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.tcm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tcm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tcm-grid-compact .tcm-card {\n padding: 1rem;\n}\n\n.tcm-grid-compact .tcm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tcm-grid-compact .tcm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tcm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tcm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tcm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tcm-primary), var(--tcm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.tcm-timeline-content {\n flex: 1;\n background: var(--tcm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tcm-radius-sm);\n box-shadow: var(--tcm-shadow);\n}\n\n.tcm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tcm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tcm-timeline-content p {\n font-size: 14px;\n color: var(--tcm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.tcm-composition-box {\n background: var(--tcm-white);\n border-radius: var(--tcm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tcm-shadow);\n text-align: center;\n border: 2px solid var(--tcm-primary-light);\n}\n\n.tcm-composition-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--tcm-primary);\n margin: 0 0 .5rem 0;\n}\n\n.tcm-composition-main {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 700;\n color: var(--tcm-text);\n margin: 0 0 1.25rem 0;\n line-height: 1.5;\n}\n\n.tcm-composition-acids {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n flex-wrap: wrap;\n}\n\n.tcm-acid-tag {\n display: flex;\n align-items: center;\n gap: .5rem;\n background: linear-gradient(135deg, var(--tcm-primary), var(--tcm-secondary));\n border-radius: 999px;\n padding: 10px 20px;\n color: white;\n}\n\n.tcm-acid-name {\n font-weight: 700;\n font-size: 14px;\n}\n\n.tcm-acid-code {\n font-weight: 900;\n font-size: 16px;\n background: rgba(255,255,255,.25);\n padding: 2px 10px;\n border-radius: 999px;\n}\n\n.tcm-composition-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n}\n\n.tcm-comp-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 12px;\n background: var(--tcm-primary-light);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n color: var(--tcm-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.tcm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tcm-primary-light);\n border-radius: var(--tcm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tcm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tcm-tip p {\n font-size: 14px;\n color: var(--tcm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tcm-accordion {\n background: var(--tcm-white);\n border-radius: var(--tcm-radius);\n box-shadow: var(--tcm-shadow);\n overflow: hidden;\n}\n\n.tcm-accordion-item {\n border-bottom: 1px solid var(--tcm-border);\n margin: 0;\n padding: 0;\n}\n\n.tcm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tcm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tcm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.tcm-accordion-header:hover {\n background: var(--tcm-primary-light);\n}\n\n.tcm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tcm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tcm-primary);\n transition: transform .2s ease;\n}\n\n.tcm-accordion-item[open] .tcm-accordion-header::after {\n content: '−';\n}\n\n.tcm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tcm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tcm-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tcm-disclaimer {\n font-size: 12px;\n color: var(--tcm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tcm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tcm-card {\n padding: 1.125rem;\n }\n\n .tcm-section {\n margin-bottom: 1.75rem;\n }\n\n .tcm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tcm-radius-sm);\n }\n\n .tcm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tcm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tcm-grid-compact {\n gap: .625rem;\n }\n\n .tcm-grid-compact .tcm-card {\n padding: .75rem;\n }\n\n .tcm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tcm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tcm-timeline-content h3 {\n font-size: 14px;\n }\n\n .tcm-timeline-content p {\n font-size: 13px;\n }\n\n .tcm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tcm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tcm-card-highlight {\n padding: 1rem;\n }\n\n .tcm-composition-box {\n padding: 1.25rem;\n }\n\n .tcm-composition-acids {\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n }\n\n .tcm-acid-tag {\n padding: 8px 16px;\n }\n\n .tcm-acid-name {\n font-size: 13px;\n }\n\n .tcm-acid-code {\n font-size: 14px;\n }\n\n .tcm-comp-badge {\n font-size: 11px;\n padding: 5px 10px;\n }\n\n .tcm-tip {\n padding: .875rem 1rem;\n }\n\n .tcm-tip-icon {\n font-size: 20px;\n }\n\n .tcm-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tcm-card {\n animation: tcmFadeInUp .5s ease backwards;\n }\n .tcm-card:nth-child(1) { animation-delay: .05s; }\n .tcm-card:nth-child(2) { animation-delay: .1s; }\n .tcm-card:nth-child(3) { animation-delay: .15s; }\n .tcm-card:nth-child(4) { animation-delay: .2s; }\n .tcm-card:nth-child(5) { animation-delay: .25s; }\n .tcm-card:nth-child(6) { animation-delay: .3s; }\n\n .tcm-timeline-item {\n animation: tcmFadeInUp .5s ease backwards;\n }\n .tcm-timeline-item:nth-child(1) { animation-delay: .05s; }\n .tcm-timeline-item:nth-child(2) { animation-delay: .15s; }\n .tcm-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes tcmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tcm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":45755338326173,"sku":"JADETCM500","price":37.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tcm-500-ml-recuperer-retrouver-de-lenergie-jade-recherche-packshothd_baed3351-7e3b-48ab-954d-5dc81b26368b.webp?v=1787384240"},{"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":"spiruline-bio-phyco-lt-labo-60-comprimes","title":"Spiruline Bio Phyco+ - 60 comprimés - LT Labo","description":"\u003cdiv class=\"sp-premium\"\u003e\n\n \u003cdiv class=\"sp-hero\"\u003e\n \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sp-hero-content\"\u003e\n \u003cdiv class=\"sp-badges-top\"\u003e\n \u003cspan class=\"sp-badge\"\u003e🌿 Certifiée Bio FR-BIO-01\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e💎 20 % de phycocyanines\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eSpiruline Bio Phyco+\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003e60 comprimés · LT Labo\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003eUne spiruline bio d'exception à haute teneur en phycocyanines pour booster votre énergie, votre vitalité et vos défenses naturelles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eSpiruline Bio Phyco+ de LT Labo : une concentration exceptionnelle en phycocyanines\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio en comprimés\u003c\/strong\u003e véritablement efficace ? La Spiruline Bio Phyco+ de LT Labo se distingue par sa \u003cstrong\u003ehaute teneur en phycocyanines (20 %)\u003c\/strong\u003e, un pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🔬 Pureté absolue\u003c\/h3\u003e\n \u003cp\u003eMicro-algue d'eau douce 100 % pure, cultivée sans pesticides ni engrais chimiques, séchée à basse température pour préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💪 Concentré nutritionnel\u003c\/h3\u003e\n \u003cp\u003e60 à 70 % de protéines végétales, vitamines du groupe B, fer, sélénium et bêta-carotène réunis dans un seul comprimé de 500 mg.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌱 Clean \u0026amp; vegan\u003c\/h3\u003e\n \u003cp\u003eCertifiée agriculture biologique, sans aucun additif, liant ou conservateur. Convient parfaitement aux personnes vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePourquoi choisir une spiruline riche en phycocyanines ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eToutes les spirulines ne se valent pas. La différence se joue sur la teneur en \u003cstrong\u003ephycocyanines\u003c\/strong\u003e, ce pigment exclusif à la spiruline qui lui confère ses propriétés antioxydantes uniques.\u003c\/p\u003e\n \u003cdiv class=\"sp-comparison\"\u003e\n \u003cdiv class=\"sp-comparison-item sp-comparison-standard\"\u003e\n \u003cdiv class=\"sp-comparison-label\"\u003eSpiruline standard\u003c\/div\u003e\n \u003cdiv class=\"sp-comparison-bar\"\u003e\n \u003cdiv class=\"sp-comparison-fill sp-fill-standard\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-comparison-value\"\u003e5 à 10 %\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-comparison-item sp-comparison-phyco\"\u003e\n \u003cdiv class=\"sp-comparison-label\"\u003eSpiruline Phyco+\u003c\/div\u003e\n \u003cdiv class=\"sp-comparison-bar\"\u003e\n \u003cdiv class=\"sp-comparison-fill sp-fill-phyco\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-comparison-value\"\u003e20 % · 800 mg \/ 4 g\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-section-intro\" style=\"margin-top:1.25rem;\"\u003eLes phycocyanines participent à la \u003cstrong\u003eprotection des cellules contre le stress oxydatif\u003c\/strong\u003e et soutiennent les défenses naturelles. Fatigue passagère, changements de saison ou rythme de vie exigeant : c'est précisément cette spiruline qu'il vous faut.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePosologie : comment prendre la Spiruline Phyco+ ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eChaque comprimé contient \u003cstrong\u003e500 mg de spiruline biologique\u003c\/strong\u003e. Adaptez votre cure selon vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"sp-timeline\"\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eDébut de cure\u003c\/h3\u003e\n \u003cp\u003e2 comprimés par jour la première semaine, pour habituer votre organisme 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\u003eEntretien\u003c\/h3\u003e\n \u003cp\u003e3 à 4 comprimés par jour pour maintenir énergie et vitalité au quotidien.\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\u003eCure intensive\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 8 comprimés par jour (soit 4 g) en période de fatigue ou d'effort physique soutenu.\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\u003ePrenez vos comprimés au cours des repas, avec un grand verre d'eau. Une cure de \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e est recommandée pour ressentir pleinement les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 8 comprimés (4 g)\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003e\u003cstrong\u003eIngrédient unique : 100 % spiruline biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e)\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💎 Phycocyanines\u003c\/h3\u003e\n \u003cp\u003e800 mg (20 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💪 Protéines\u003c\/h3\u003e\n \u003cp\u003e2,4 à 2,8 g (60-70 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🍃 Chlorophylle\u003c\/h3\u003e\n \u003cp\u003e52,4 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003e4,8 mg (41 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e⚡ Vitamine B1\u003c\/h3\u003e\n \u003cp\u003e150 µg (15 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e✨ Vitamine B2\u003c\/h3\u003e\n \u003cp\u003e220 µg (16 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🧬 Vitamine B12\u003c\/h3\u003e\n \u003cp\u003e5 µg (200 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n \u003cp\u003e2,8 mg (20 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🛡️ Sélénium\u003c\/h3\u003e\n \u003cp\u003e10 µg (18 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e⚖️ Chrome\u003c\/h3\u003e\n \u003cp\u003e14 µg (35 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-disclaimer\"\u003e\u003cem\u003eVNR : Valeurs Nutritionnelles de Référence\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eLes atouts qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💎 20 % de phycocyanines\u003c\/h3\u003e\n \u003cp\u003eUn taux parmi les plus élevés du marché, gage d'une spiruline premium et réellement efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n \u003cp\u003eFR-BIO-01, culture contrôlée par Naturland. Aucun pesticide, aucun engrais chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n \u003cp\u003eProcédé doux qui conserve vitamines, minéraux et enzymes dans leur intégralité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🚫 Sans aucun additif\u003c\/h3\u003e\n \u003cp\u003eNi liant, ni conservateur, ni colorant. Juste 100 % de spiruline pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌱 Multi-régimes\u003c\/h3\u003e\n \u003cp\u003eConvient aux régimes vegan, casher et halal. Accessible à tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n \u003cp\u003eComprimés faciles à avaler, dosage simple à ajuster selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sp-accordion\"\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e💊 Dose journalière maximale\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière de 8 comprimés.\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👶 Enfants et femmes enceintes\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Déconseillé avant 3 ans. Femmes enceintes ou allaitantes : demandez l'avis de votre médecin.\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\u003eConserver 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=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Avertissement\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 suivi médical adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sp-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps le meilleur de la spiruline bio — 20 % de phycocyanines, zéro additif, 100 % d'énergie naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sp-cream: #f5f9f3;\n --sp-white: #ffffff;\n --sp-primary: #4a9e3f;\n --sp-primary-dark: #2d6b25;\n --sp-primary-light: #e8f5e3;\n --sp-secondary: #6fbf63;\n --sp-accent: #3b8132;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #dce8d9;\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.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, #2d6b25 0%, #4a9e3f 50%, #6fbf63 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% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 0%, transparent 45%);\n 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,.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.sp-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.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}\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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.sp-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n font-size: 12px;\n}\n\n\/* === COMPARISON === *\/\n.sp-comparison {\n max-width: 550px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sp-comparison-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n}\n\n.sp-comparison-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--sp-text);\n min-width: 130px;\n text-align: right;\n}\n\n.sp-comparison-bar {\n flex: 1;\n height: 28px;\n background: var(--sp-primary-light);\n border-radius: 999px;\n overflow: hidden;\n position: relative;\n}\n\n.sp-comparison-fill {\n height: 100%;\n border-radius: 999px;\n transition: width 1s ease;\n}\n\n.sp-fill-standard {\n width: 35%;\n background: linear-gradient(90deg, #c4d8c0, #a3c49c);\n}\n\n.sp-fill-phyco {\n width: 100%;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n box-shadow: 0 2px 12px rgba(74,158,63,.3);\n}\n\n.sp-comparison-value {\n font-size: 13px;\n font-weight: 800;\n color: var(--sp-primary-dark);\n min-width: 110px;\n}\n\n.sp-comparison-phyco .sp-comparison-value {\n color: var(--sp-primary);\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\/* === 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\/* === CTA FINAL === *\/\n.sp-cta-box {\n background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n border-radius: var(--sp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n font-size: 12px;\n color: var(--sp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sp-card {\n padding: 1.125rem;\n }\n\n .sp-section {\n margin-bottom: 1.75rem;\n }\n\n .sp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sp-radius-sm);\n }\n\n .sp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sp-grid-compact {\n gap: .625rem;\n }\n\n .sp-grid-compact .sp-card {\n padding: .75rem;\n }\n\n .sp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sp-timeline-content h3 {\n font-size: 14px;\n }\n\n .sp-timeline-content p {\n font-size: 13px;\n }\n\n .sp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sp-comparison-label {\n font-size: 12px;\n min-width: 90px;\n }\n\n .sp-comparison-value {\n font-size: 11px;\n min-width: 80px;\n }\n\n .sp-comparison-bar {\n height: 22px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sp-card {\n animation: spFadeInUp .5s ease backwards;\n }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n .sp-card:nth-child(7) { animation-delay: .35s; }\n .sp-card:nth-child(8) { animation-delay: .4s; }\n .sp-card:nth-child(9) { animation-delay: .45s; }\n .sp-card:nth-child(10) { animation-delay: .5s; }\n\n .sp-fill-standard {\n animation: spBarGrow 1s ease .3s backwards;\n }\n .sp-fill-phyco {\n animation: spBarGrow 1.2s ease .5s backwards;\n }\n}\n\n@keyframes spFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes spBarGrow {\n from { width: 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":"LT LABO","offers":[{"title":"Default Title","offer_id":45755419721885,"sku":"NBAILTL0015","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-phyco-60-comprimes-lt-labo-packshothd.webp?v=1773347806"},{"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.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/proteinultraa-vegetale-bio-sans-gluten-300-g-lt-labo-packshothd_3bbdf661-6af9-44ee-b914-fee8f37bf225.webp?v=1787392876"},{"product_id":"spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-semilla","title":"Spiruline Crue Bio - Energie et immunité - 100 comprimés - Sol-Semilla","description":"\u003cdiv class=\"sp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sp-hero\"\u003e\n\u003cdiv class=\"sp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp-hero-content\"\u003e\n\u003cdiv class=\"sp-badges-top\"\u003e\n\u003cspan class=\"sp-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌡️ Séchée à basse température\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sp-hero-title\"\u003eSpiruline Crue Bio\u003c\/span\u003e\n\u003cp class=\"sp-subtitle\"\u003eÉnergie et immunité - 100 comprimés\u003c\/p\u003e\n\u003cp class=\"sp-description\"\u003eUn concentré de vitalité 100 % pur, sans excipient ni liant, riche en fer, vitamines A, K, B12 et phycocyanine. Élaborée par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio\u003c\/strong\u003e authentique, séchée à basse température pour conserver toute sa richesse nutritionnelle ? La \u003cstrong\u003espiruline crue de Sol Semilla\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire : c'est un concentré de vitalité sous forme de 100 comprimés pratiques, composés à 100 % de spiruline pure, sans aucun excipient ni liant ajouté.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003ePourquoi choisir une spiruline crue et bio ?\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid-compact\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n\u003cp\u003eSéchée à moins de 50 °C pour préserver enzymes, vitamines et phycocyanine - le pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e☀️ Cultivée au Burkina Faso\u003c\/h3\u003e\n\u003cp\u003eUn environnement préservé et ensoleillé offrant des conditions idéales de croissance pour cette microalgue d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôlée en France\u003c\/h3\u003e\n\u003cp\u003eÉlaborée et contrôlée par l'équipe Sol Semilla en France, garantissant une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🚫 Sans pesticides\u003c\/h3\u003e\n\u003cp\u003eCertifiée Agriculture Biologique et vegan, cultivée sans pesticides ni produits chimiques pour une pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eLes bienfaits de la spiruline bio pour votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e💪 Riche en fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eL'un des aliments les plus concentrés en fer. Idéale si vous êtes sujet à la fatigue passagère ou aux baisses d'énergie saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🥩 Protéines végétales complètes\u003c\/h3\u003e\n\u003cp\u003e60 à 70 % de protéines contenant tous les acides aminés essentiels - allié précieux des sportifs, végétariens et végétaliens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🧬 Vitamines A, K et B12\u003c\/h3\u003e\n\u003cp\u003eVitamine A pour l'immunité, vitamine K pour l'ossature, B12 pour réduire la fatigue. Un trio essentiel réuni dans une seule microalgue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n\u003cp\u003eGrâce à la phycocyanine et au bêta-carotène, elle aide vos cellules à se protéger contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌿 Soutien des défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eSes nutriments essentiels contribuent au bon fonctionnement de votre système immunitaire, notamment lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sp-composition-box\"\u003e\n\u003cp class=\"sp-composition-highlight\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e spiruline crue biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) — 100 % pure, sans additif, sans conservateur, sans gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 1,9 g\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 8,4 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🟠 Vitamine A\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 2,8 mg\u003c\/strong\u003e (bêta-carotène)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 450 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eValeurs nutritionnelles pour 6 comprimés (dose journalière recommandée, soit environ 3 g). Contenu : 100 comprimés - Poids net : 55 g.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"sp-timeline\"\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez la spiruline, débutez par \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e pendant la première semaine pour permettre à votre organisme de s'adapter en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eAugmentez la dose\u003c\/h3\u003e\n\u003cp\u003ePassez ensuite à \u003cstrong\u003e4 à 6 comprimés par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin ou avant un effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eOptimisez l'absorption\u003c\/h3\u003e\n\u003cp\u003eAssociez la prise à une source de \u003cstrong\u003evitamine C\u003c\/strong\u003e (jus de citron, kiwi, orange) pour une meilleure absorption du fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-tip\"\u003e\n\u003cspan class=\"sp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e un jus de citron pressé dans votre verre d'eau au moment de la prise booste considérablement l'assimilation du fer contenu dans la spiruline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sp-accordion\"\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes souffrant de phénylcétonurie. En cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité dans son sachet d'origine bien refermé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez votre professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sp-cream: #faf6f1;\n --sp-white: #ffffff;\n --sp-primary: #2a9d8f;\n --sp-primary-dark: #1a6b60;\n --sp-primary-light: #e8f6f4;\n --sp-secondary: #c45a3c;\n --sp-accent: #d4a04a;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sp-radius: 20px;\n --sp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, #1a6b60 0%, #2a9d8f 40%, #c45a3c 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(42,157,143,.15) 0%, transparent 60%);\n opacity: 1;\n}\n\n.sp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.sp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n.sp-section-intro strong {\n color: var(--sp-text);\n}\n\n\/* === CARDS === *\/\n.sp-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sp-card p strong {\n color: var(--sp-text);\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sp-composition-box {\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--sp-primary);\n}\n\n.sp-composition-highlight {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--sp-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.sp-composition-highlight em {\n color: var(--sp-text-light);\n}\n\n\/* === NUTRITION CARD VARIANT === *\/\n.sp-card-nutri {\n background: linear-gradient(135deg, var(--sp-white) 0%, var(--sp-primary-light) 100%);\n}\n\n.sp-card-nutri p strong {\n color: var(--sp-primary-dark);\n font-size: clamp(16px, 3vw, 20px);\n display: block;\n margin-bottom: 2px;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sp-timeline-content {\n flex: 1;\n background: var(--sp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sp-radius-sm);\n box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sp-timeline-content p strong {\n color: var(--sp-text);\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sp-tip p {\n font-size: 14px;\n color: var(--sp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n box-shadow: var(--sp-shadow);\n overflow: hidden;\n}\n\n.sp-accordion-item {\n border-bottom: 1px solid var(--sp-border);\n margin: 0;\n padding: 0;\n}\n\n.sp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sp-accordion-header:hover {\n background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n content: '−';\n}\n\n.sp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sp-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n font-size: 12px;\n color: var(--sp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sp-card {\n padding: 1.125rem;\n }\n\n .sp-section {\n margin-bottom: 1.75rem;\n }\n\n .sp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sp-radius-sm);\n }\n\n .sp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sp-grid-compact {\n gap: .625rem;\n }\n\n .sp-grid-compact .sp-card {\n padding: .75rem;\n }\n\n .sp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sp-timeline-content h3 {\n font-size: 14px;\n }\n\n .sp-timeline-content p {\n font-size: 13px;\n }\n\n .sp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sp-composition-box {\n padding: 1rem 1.125rem;\n }\n\n .sp-tip {\n padding: .875rem 1rem;\n }\n\n .sp-tip-icon {\n font-size: 20px;\n }\n\n .sp-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sp-card {\n animation: spFadeInUp .5s ease backwards;\n }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes spFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45867172233373,"sku":"SPCO55","price":13.58,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-sem-lifestyle.webp?v=1772723739"},{"product_id":"klamath-bio-poudre-50g-aosa-veritable","title":"Klamath bio en poudre - 50 g - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Klamath bio en poudre - 50 g - Aosa Véritable\nPalette détectée:\n - Primaire: #4A7C59 (vert naturel\/algue du packaging)\n - Secondaire: #8B6914 (kraft\/doré naturel du sachet)\n - Accent: #2E5A3C (vert foncé profond)\n - Cream: #F5F2EB (beige naturel kraft clair)\nAmbiance: Naturel, biologique, authentique, épuré, bien-être holistique\nPréfixe CSS: kla\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Qu'est-ce que l'algue Klamath ?\"\n 2. \"Les bienfaits de l'algue Klamath bio\"\n 3. \"Témoignages et retours d'expérience sur l'algue Klamath\"\n 4. \"Pourquoi choisir la Klamath en poudre Aosa Véritable ?\"\n 5. \"Composition complète\"\n 6. \"Comment utiliser la Klamath en poudre ?\"\n 7. \"Précautions d'emploi\"\n 8. \"Certifications et garanties\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kla-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"kla-hero\"\u003e\n \u003cdiv class=\"kla-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kla-hero-content\"\u003e\n \u003cdiv class=\"kla-badges-top\"\u003e\n \u003cspan class=\"kla-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🌊 Récolte sauvage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kla-hero-title\"\u003eKlamath Bio en Poudre\u003c\/span\u003e\n \u003cp class=\"kla-subtitle\"\u003eL'algue bleu-vert aux 115 nutriments du lac Klamath\u003c\/p\u003e\n \u003cp class=\"kla-description\"\u003eSuperaliment d'exception récolté à l'état sauvage dans les eaux pures de l'Oregon. Plus de 160 mg de phycocyanine et 10 mg de PEA par dose pour une vitalité naturelle incomparable.\u003c\/p\u003e\n \u003cdiv class=\"kla-hero-highlights\"\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e60%\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003eProtéines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e160mg\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003ePhycocyanine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e50g\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003e≈ 25 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'algue Klamath ?\u003c\/h2\u003e\n \u003cdiv class=\"kla-intro-card\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ealgue Klamath\u003c\/strong\u003e, de son nom scientifique \u003cstrong\u003eAphanizomenon flos aquae\u003c\/strong\u003e (AFA), est une microalgue bleu-vert qui pousse exclusivement dans le lac Klamath supérieur, situé au cœur d'une région volcanique des États-Unis.\u003c\/p\u003e\n \u003cp\u003eCe lac, alimenté par des sources souterraines pures et des sédiments volcaniques millénaires, offre un écosystème unique où cette algue se développe naturellement, \u003cstrong\u003esans aucune culture artificielle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌋 Origine volcanique\u003c\/h3\u003e\n \u003cp\u003eSédiments millénaires riches en minéraux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏔️ Lac Klamath, Oregon\u003c\/h3\u003e\n \u003cp\u003eÉcosystème préservé et unique au monde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌿 100% sauvage\u003c\/h3\u003e\n \u003cp\u003eAucune culture artificielle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💎 Profil unique\u003c\/h3\u003e\n \u003cp\u003eSupérieur à la spiruline et chlorella\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eUne composition nutritionnelle remarquablement complète qui en fait l'un des superaliments les plus puissants de la planète.\u003c\/p\u003e\n \n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card kla-card-featured\"\u003e\n \u003ch3\u003e💪 60% de protéines complètes\u003c\/h3\u003e\n \u003cp\u003eLes 20 acides aminés dont les 8 essentiels, hautement assimilables par l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧬 Vitamines B en abondance\u003c\/h3\u003e\n \u003cp\u003eNotamment la B12 naturelle, précieuse pour végétariens et végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Minéraux volcaniques\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, manganèse, sélénium issus des sédiments du lac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌱 Chlorophylle détoxifiante\u003c\/h3\u003e\n \u003cp\u003eEn grande quantité pour soutenir l'élimination naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003eCaroténoïdes naturels pour protéger vos cellules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kla-special-box\"\u003e\n \u003ch3\u003e🔬 Deux molécules qui font la différence\u003c\/h3\u003e\n \u003cdiv class=\"kla-molecules\"\u003e\n \u003cdiv class=\"kla-molecule\"\u003e\n \u003cdiv class=\"kla-molecule-header\"\u003e\n \u003cspan class=\"kla-molecule-name\"\u003ePhycocyanine\u003c\/span\u003e\n \u003cspan class=\"kla-molecule-dose\"\u003e\u0026gt; 160 mg \/ 2g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe pigment bleu aux puissantes propriétés antioxydantes est présent en concentrations particulièrement élevées dans la Klamath\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-molecule\"\u003e\n \u003cdiv class=\"kla-molecule-header\"\u003e\n \u003cspan class=\"kla-molecule-name\"\u003ePhényléthylamine (PEA)\u003c\/span\u003e\n \u003cspan class=\"kla-molecule-dose\"\u003e\u0026gt; 10 mg \/ 2g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eSurnommée « molécule du bonheur », ce neuromodulateur naturel influence positivement l'humeur et la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eTémoignages et retours d'expérience sur l'algue Klamath\u003c\/h2\u003e\n \u003cdiv class=\"kla-testimonial\"\u003e\n \u003cp class=\"kla-testimonial-text\"\u003eDe nombreuses personnes qui intègrent l'algue Klamath à leur routine quotidienne rapportent des effets positifs sur leur bien-être général :\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Regain d'énergie\u003c\/h3\u003e\n \u003cp\u003eUne vitalité retrouvée sans effet excitant ni coup de fatigue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eMeilleure concentration et focus au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🍂 Soutien saisonnier\u003c\/h3\u003e\n \u003cp\u003eAide précieuse en période de fatigue ou de surmenage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e😊 Humeur équilibrée\u003c\/h3\u003e\n \u003cp\u003eUn moral stable grâce à la PEA naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-disclaimer\"\u003e\u003cem\u003eLes effets peuvent varier d'une personne à l'autre. Ce complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Klamath en poudre Aosa Véritable ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eToutes les poudres de Klamath ne se valent pas. Voici ce qui distingue ce produit d'exception.\u003c\/p\u003e\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌊 Récolte sauvage premium\u003c\/h3\u003e\n \u003cp\u003eDans le lac Klamath supérieur, la zone la plus préservée et riche en nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e❄️ Séchage basse température\u003c\/h3\u003e\n \u003cp\u003ePréserve l'intégralité des vitamines, enzymes et pigments actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌿 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eLabel AB européen + Ecocert : zéro contaminant, traçabilité totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e✨ 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans excipient, sans agent de charge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003ePar Aosa Véritable, expert des algues du bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"kla-composition-card\"\u003e\n \u003cdiv class=\"kla-ingredient-unique\"\u003e\n \u003cspan class=\"kla-ingredient-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cp\u003ePoudre d'\u003cem\u003eAphanizomenon flos aquae\u003c\/em\u003e du lac Klamath déshydratée, \u003cstrong\u003e100% issue de l'agriculture biologique\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrition-table\"\u003e\n \u003ch3\u003eValeurs nutritionnelles pour 2 g (dose journalière)\u003c\/h3\u003e\n \u003cdiv class=\"kla-nutrition-row\"\u003e\n \u003cspan\u003ePhycocyanine\u003c\/span\u003e\n \u003cstrong\u003e\u0026gt; 160 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrition-row\"\u003e\n \u003cspan\u003ePhényléthylamine (PEA)\u003c\/span\u003e\n \u003cstrong\u003e\u0026gt; 10 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-net-weight\"\u003e\n \u003cspan\u003ePoids net\u003c\/span\u003e\n \u003cstrong\u003e50 g\u003c\/strong\u003e\n \u003cspan class=\"kla-duration\"\u003e≈ 25 jours d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComment utiliser la Klamath en poudre ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eLa poudre de Klamath s'intègre très facilement à votre alimentation quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"kla-timeline\"\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDosez correctement\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 g par jour\u003c\/strong\u003e, soit environ une cuillère à café rase\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eChoisissez votre méthode\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eEn boisson :\u003c\/strong\u003e mélangez dans de l'eau, un jus frais ou un smoothie\u003cbr\u003e\u003cstrong\u003eSur vos aliments :\u003c\/strong\u003e saupoudrez sur salade, yaourt végétal ou céréales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eConsommez à froid ou tiède\u003c\/h3\u003e\n \u003cp\u003eÉvitez de chauffer pour préserver tous les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-tip\"\u003e\n \u003cspan class=\"kla-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce débutant :\u003c\/strong\u003e commencez par une demi-dose les premiers jours si vous n'avez jamais consommé d'algue Klamath, le temps que votre organisme s'habitue à cette richesse nutritionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"kla-accordion\"\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes souffrant de troubles de la coagulation ou sous traitement anticoagulant (la Klamath contient de la vitamine K).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 2 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🧒 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eConservez votre sachet à l'abri de la lumière et de l'humidité, dans un endroit sec et à température ambiante. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-disclaimer\"\u003eCe complément alimentaire ne peut se substituer à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"kla-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCertifications et garanties\u003c\/h2\u003e\n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🌿 Agriculture Biologique\u003c\/h3\u003e\n \u003cp\u003eLabel AB européen certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e✅ Contrôlé Ecocert\u003c\/h3\u003e\n \u003cp\u003eTraçabilité garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🌱 Convient aux végans\u003c\/h3\u003e\n \u003cp\u003e100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConditionné à Montlignon (95)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-cta-box\"\u003e\n \u003cp\u003eEn choisissant cette \u003cstrong\u003ealgue Klamath bio\u003c\/strong\u003e, vous optez pour un produit pur, traçable et respectueux de l'environnement naturel unique du lac Klamath.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kla-cream: #F5F2EB;\n --kla-white: #ffffff;\n --kla-primary: #4A7C59;\n --kla-primary-dark: #2E5A3C;\n --kla-primary-light: #E8F0EA;\n --kla-secondary: #8B6914;\n --kla-accent: #5B9A6F;\n --kla-text: #1a1a1a;\n --kla-text-light: #5a5a5a;\n --kla-border: #e0e0e0;\n --kla-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kla-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --kla-radius: 20px;\n --kla-radius-sm: 12px;\n}\n\n.kla-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kla-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kla-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kla-primary-dark) 0%, var(--kla-primary) 50%, var(--kla-accent) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kla-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kla-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kla-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kla-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kla-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kla-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.kla-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n.kla-hero-highlights {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 4vw, 2.5rem);\n flex-wrap: wrap;\n}\n\n.kla-highlight {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--kla-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.kla-highlight-value {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.kla-highlight-label {\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.kla-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kla-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kla-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kla-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kla-primary), var(--kla-accent));\n border-radius: 2px;\n}\n\n.kla-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.kla-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kla-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kla-shadow-lg);\n border-color: var(--kla-primary);\n}\n\n.kla-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kla-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-card-featured {\n background: linear-gradient(135deg, var(--kla-primary-light) 0%, var(--kla-white) 100%);\n border: 2px solid var(--kla-primary);\n}\n\n.kla-card-cert {\n background: var(--kla-primary-light);\n}\n\n\/* === GRILLES === *\/\n.kla-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kla-grid-compact .kla-card {\n padding: 1rem;\n}\n\n.kla-grid-compact .kla-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kla-grid-compact .kla-card p {\n font-size: 12px;\n}\n\n\/* === INTRO CARD === *\/\n.kla-intro-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--kla-primary);\n}\n\n.kla-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--kla-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.kla-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === SPECIAL BOX (Molécules) === *\/\n.kla-special-box {\n background: linear-gradient(135deg, var(--kla-primary-dark) 0%, var(--kla-primary) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-top: 1.5rem;\n color: white;\n}\n\n.kla-special-box h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.kla-molecules {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-molecule {\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--kla-radius-sm);\n padding: 1.25rem;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.kla-molecule-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: .75rem;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.kla-molecule-name {\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-molecule-dose {\n background: rgba(255,255,255,.25);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.kla-molecule p {\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n opacity: .9;\n}\n\n\/* === TESTIMONIAL === *\/\n.kla-testimonial {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n border-left: 4px solid var(--kla-primary);\n margin-bottom: 1.5rem;\n}\n\n.kla-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION CARD === *\/\n.kla-composition-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-ingredient-unique {\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1.25rem;\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.kla-ingredient-label {\n display: inline-block;\n background: var(--kla-primary);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .75rem;\n}\n\n.kla-ingredient-unique p {\n font-size: 15px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-nutrition-table {\n margin-bottom: 1.5rem;\n}\n\n.kla-nutrition-table h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.kla-nutrition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 0;\n border-bottom: 1px solid var(--kla-border);\n}\n\n.kla-nutrition-row:last-child {\n border-bottom: none;\n}\n\n.kla-nutrition-row span {\n font-size: 14px;\n color: var(--kla-text-light);\n}\n\n.kla-nutrition-row strong {\n font-size: 16px;\n color: var(--kla-primary-dark);\n font-weight: 800;\n}\n\n.kla-net-weight {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: .75rem;\n flex-wrap: wrap;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem;\n text-align: center;\n}\n\n.kla-net-weight span:first-child {\n font-size: 14px;\n color: var(--kla-text-light);\n}\n\n.kla-net-weight strong {\n font-size: 24px;\n color: var(--kla-primary-dark);\n font-weight: 900;\n}\n\n.kla-duration {\n font-size: 13px;\n color: var(--kla-primary);\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.kla-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kla-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kla-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-timeline-content {\n flex: 1;\n background: var(--kla-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kla-radius-sm);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kla-timeline-content p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.kla-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kla-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kla-tip p {\n font-size: 14px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kla-accordion {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n box-shadow: var(--kla-shadow);\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.kla-accordion-item {\n border-bottom: 1px solid var(--kla-border);\n margin: 0;\n padding: 0;\n}\n\n.kla-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kla-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kla-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kla-accordion-header:hover {\n background: var(--kla-primary-light);\n}\n\n.kla-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kla-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kla-primary);\n transition: transform .2s ease;\n}\n\n.kla-accordion-item[open] .kla-accordion-header::after {\n content: '−';\n}\n\n.kla-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kla-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.kla-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kla-cta-box {\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-primary-dark) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.kla-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kla-disclaimer {\n font-size: 12px;\n color: var(--kla-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kla-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-card {\n padding: 1.125rem;\n }\n \n .kla-section {\n margin-bottom: 1.75rem;\n }\n \n .kla-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kla-radius-sm);\n }\n \n .kla-hero-highlights {\n gap: .75rem;\n }\n \n .kla-highlight {\n padding: .75rem 1rem;\n }\n \n .kla-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kla-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kla-grid-compact {\n gap: .625rem;\n }\n \n .kla-grid-compact .kla-card {\n padding: .75rem;\n }\n \n .kla-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kla-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kla-timeline-content h3 {\n font-size: 14px;\n }\n \n .kla-timeline-content p {\n font-size: 13px;\n }\n \n .kla-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kla-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kla-testimonial {\n padding: 1.25rem;\n }\n \n .kla-testimonial-text {\n font-size: 14px;\n }\n \n .kla-intro-card {\n padding: 1.25rem;\n }\n \n .kla-intro-card p {\n font-size: 14px;\n }\n \n .kla-special-box {\n padding: 1.25rem;\n }\n \n .kla-special-box h3 {\n font-size: 18px;\n }\n \n .kla-molecules {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-molecule {\n padding: 1rem;\n }\n \n .kla-molecule-name {\n font-size: 14px;\n }\n \n .kla-molecule-dose {\n font-size: 12px;\n }\n \n .kla-molecule p {\n font-size: 13px;\n }\n \n .kla-composition-card {\n padding: 1.25rem;\n }\n \n .kla-nutrition-row span {\n font-size: 13px;\n }\n \n .kla-nutrition-row strong {\n font-size: 14px;\n }\n \n .kla-net-weight strong {\n font-size: 20px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kla-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kla-card:nth-child(1) { animation-delay: .05s; }\n .kla-card:nth-child(2) { animation-delay: .1s; }\n .kla-card:nth-child(3) { animation-delay: .15s; }\n .kla-card:nth-child(4) { animation-delay: .2s; }\n .kla-card:nth-child(5) { animation-delay: .25s; }\n .kla-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kla-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":54816328319353,"sku":"AV2500","price":28.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-bio-en-poudre-50-g-aosa-veritable-packshothd.webp?v=1789735340"},{"product_id":"klamath-bio-60-gelules-aosa-veritable","title":"Klamath bio - 60 gélules - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Klamath bio - 60 gélules - Aosa Véritable\nPalette détectée:\n - Primaire: #2E8B57 (vert nature du packaging, bouchon vert)\n - Secondaire: #4CAF50 (vert clair de l'étiquette)\n - Accent: #1B5E20 (vert foncé pour contraste)\nAmbiance: Naturel\/Bio, frais, santé, algue d'eau douce, pureté, bien-être holistique\nPréfixe CSS: kla\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Klamath bio : l'algue aux 115 nutriments pour retrouver vitalité et sérénité\"\n 2. \"Qu'est-ce que l'algue Klamath et pourquoi est-elle si exceptionnelle ?\"\n 3. \"Les bienfaits de l'algue Klamath bio sur votre quotidien\"\n 4. \"Composition détaillée pour 6 gélules (dose journalière)\"\n 5. \"Comment prendre l'algue Klamath pour en tirer tous les bienfaits ?\"\n 6. \"Pourquoi choisir la Klamath bio Aosa Véritable ?\"\n 7. \"Pour qui est faite cette algue Klamath bio ?\"\n 8. \"Précautions d'emploi et contre-indications\"\n 9. \"Questions fréquentes sur l'algue Klamath\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kla-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kla-hero\"\u003e\n \u003cdiv class=\"kla-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kla-hero-content\"\u003e\n \u003cdiv class=\"kla-badges-top\"\u003e\n \u003cspan class=\"kla-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🏔️ Lac Klamath Oregon\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e💚 115 nutriments\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kla-hero-title\"\u003eKlamath Bio\u003c\/span\u003e\n \u003cp class=\"kla-subtitle\"\u003eL'algue sauvage aux 115 nutriments\u003c\/p\u003e\n \u003cp class=\"kla-description\"\u003e60 gélules végétales • Récolte sauvage • Vitalité \u0026amp; sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eKlamath bio : l'algue aux 115 nutriments pour retrouver vitalité et sérénité\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eVous cherchez un allié naturel pour soutenir votre énergie, votre moral et votre bien-être global ? L'\u003cstrong\u003ealgue Klamath bio\u003c\/strong\u003e d'Aosa Véritable pourrait bien être la réponse que vous attendiez.\u003c\/p\u003e\n \u003cdiv class=\"kla-highlight-box\"\u003e\n \u003cp\u003eCette micro-algue d'eau douce, récoltée à l'état sauvage dans le lac Klamath en Oregon, est considérée comme l'un des \u003cstrong\u003esuperaliments les plus complets au monde\u003c\/strong\u003e. Avec ses \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e certifiées bio, ce complément alimentaire vous offre une cure de 10 à 15 jours pour découvrir les bienfaits de l'algue Klamath sur votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'algue Klamath et pourquoi est-elle si exceptionnelle ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eL'\u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e (AFA) tire son nom du lac volcanique où elle prospère naturellement depuis des millénaires, dans une réserve naturelle préservée de l'Oregon.\u003c\/p\u003e\n \n \u003cdiv class=\"kla-feature-box\"\u003e\n \u003cdiv class=\"kla-feature-content\"\u003e\n \u003ch3\u003eRécolte 100% sauvage\u003c\/h3\u003e\n \u003cp\u003eContrairement à la spiruline ou à la chlorella qui sont cultivées, la \u003cstrong\u003eKlamath est récoltée à l'état sauvage\u003c\/strong\u003e. Elle pousse naturellement, sans intervention humaine, ce qui lui confère une densité nutritionnelle tout à fait remarquable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧬 115+ nutriments\u003c\/h3\u003e\n \u003cp\u003eNaturellement présents dans cette micro-algue exceptionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💪 20 acides aminés\u003c\/h3\u003e\n \u003cp\u003eDont les 8 essentiels que notre corps ne peut pas synthétiser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌟 Vitamines complètes\u003c\/h3\u003e\n \u003cp\u003eGroupe B, vitamine C, E et K en concentration exceptionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Minéraux biodisponibles\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, manganèse hautement assimilables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🛡️ Chlorophylle\u003c\/h3\u003e\n \u003cp\u003ePigment vert détoxifiant et purifiant pour l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n \u003cp\u003eAntioxydant puissant aux propriétés remarquables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio sur votre quotidien\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-benefits-grid\"\u003e\n \u003cdiv class=\"kla-benefit-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eCe qui distingue véritablement l'algue Klamath, c'est sa teneur naturelle en \u003cstrong\u003ephényléthylamine\u003c\/strong\u003e (PEA), parfois surnommée \"molécule de l'amour\". Nombreux sont ceux qui témoignent d'une \u003cstrong\u003eamélioration de leur humeur\u003c\/strong\u003e et d'un regain d'enthousiasme après quelques semaines de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-benefit-card\"\u003e\n \u003ch3\u003e⚡ Énergie durable\u003c\/h3\u003e\n \u003cp\u003eGrâce à son profil nutritionnel complet et sa richesse en \u003cstrong\u003eprotéines végétales (environ 60%)\u003c\/strong\u003e, l'algue apporte une énergie stable tout au long de la journée. Pas de pic suivi d'un coup de fatigue : une \u003cstrong\u003evitalité progressive et constante\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-benefit-card\"\u003e\n \u003ch3\u003e🛡️ Protection cellulaire\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e, ce pigment bleu-vert caractéristique, possède des propriétés antioxydantes reconnues. Associée à la chlorophylle et aux caroténoïdes, elle contribue à \u003cstrong\u003eprotéger vos cellules\u003c\/strong\u003e contre le stress oxydatif quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 6 gélules (dose journalière)\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-composition-box\"\u003e\n \u003cdiv class=\"kla-composition-main\"\u003e\n \u003cdiv class=\"kla-ingredient-highlight\"\u003e\n \u003cspan class=\"kla-ingredient-name\"\u003e🌿 Aphanizomenon flos-aquae\u003c\/span\u003e\n \u003cspan class=\"kla-ingredient-dose\"\u003e1 500 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-ingredient-desc\"\u003eAlgue Klamath bio déshydratée – ingrédient unique\u003c\/p\u003e\n \u003cdiv class=\"kla-capsule-info\"\u003e\n \u003cspan\u003e💊 Enveloppe : hypromellose (100% végétale)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-nutrients\"\u003e\n \u003ch3\u003eValeurs nutritionnelles garanties\u003c\/h3\u003e\n \u003cdiv class=\"kla-nutrient-grid\"\u003e\n \u003cdiv class=\"kla-nutrient-item\"\u003e\n \u003cspan class=\"kla-nutrient-icon\"\u003e💎\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-name\"\u003ePhycocyanine\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-value\"\u003e\u0026gt; 120 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrient-item\"\u003e\n \u003cspan class=\"kla-nutrient-icon\"\u003e😊\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-name\"\u003ePhényléthylamine\u003c\/span\u003e\n \u003cspan class=\"kla-nutrient-value\"\u003e\u0026gt; 7,5 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-purity-badge\"\u003e\n \u003cspan\u003e✨ Aucun excipient • Aucun additif • Aucun agent de charge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComment prendre l'algue Klamath pour en tirer tous les bienfaits ?\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-timeline\"\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e4 à 6 gélules par jour\u003c\/strong\u003e, réparties avant les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eMode d'administration\u003c\/h3\u003e\n \u003cp\u003eAvalez-les avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n \u003cp\u003eCommencez par \u003cstrong\u003e2 gélules les premiers jours\u003c\/strong\u003e pour habituer votre organisme, puis augmentez progressivement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour des résultats durables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-tip\"\u003e\n \u003cspan class=\"kla-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Beaucoup de personnes préfèrent prendre leurs gélules le matin et à midi pour profiter de l'effet énergisant sans perturber leur sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Klamath bio Aosa Véritable ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eSur le marché des compléments alimentaires à base d'algue Klamath, la qualité varie considérablement. Voici ce qui fait la différence :\u003c\/p\u003e\n \n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏆 Certification Bio AB\u003c\/h3\u003e\n \u003cp\u003eLabel européen contrôlé par Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏔️ Récolte sauvage\u003c\/h3\u003e\n \u003cp\u003eLac Klamath, zone protégée non polluée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌡️ Séchage doux\u003c\/h3\u003e\n \u003cp\u003eBasse température pour préserver les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌱 100% végétal\u003c\/h3\u003e\n \u003cp\u003eConvient aux végans et végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans OGM, gluten, colorants ni conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🇪🇺 Normes européennes\u003c\/h3\u003e\n \u003cp\u003eFabrication aux standards les plus stricts\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePour qui est faite cette algue Klamath bio ?\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003ePériode de baisse d'énergie ou de motivation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💚 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eSoutien naturel de l'humeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🥗 Carences alimentaires\u003c\/h3\u003e\n \u003cp\u003eCompléter une alimentation déséquilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌱 Végans \u0026amp; végétariens\u003c\/h3\u003e\n \u003cp\u003eSource complète de nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e❄️ Changements de saison\u003c\/h3\u003e\n \u003cp\u003eRenforcer les défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eOptimiser la récupération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et contre-indications\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-accordion\"\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e⚠️ Contre-indications importantes\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes souffrant de troubles de la coagulation\u003c\/strong\u003e ou sous traitement anticoagulant (en raison de la teneur en vitamine K). Ne convient pas aux enfants sans avis médical. En cas de grossesse ou d'allaitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e📏 Dosage et conservation\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Conservez le flacon dans un endroit sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003eℹ️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne constitue pas un traitement médical et ne peut en aucun cas se substituer à l'avis de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"kla-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations sur l'algue Klamath\u003c\/h2\u003e\n \n \u003cdiv class=\"kla-faq\"\u003e\n \u003cdiv class=\"kla-faq-item\"\u003e\n \u003ch3\u003e🔄 Quelle différence entre la Klamath, la spiruline et la chlorella ?\u003c\/h3\u003e\n \u003cp\u003eCes trois micro-algues sont souvent comparées, mais la Klamath se distingue par sa \u003cstrong\u003ecroissance sauvage\u003c\/strong\u003e et sa teneur unique en phényléthylamine. Elle est généralement considérée comme plus complète sur le plan nutritionnel, notamment pour le soutien de l'humeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-faq-item\"\u003e\n \u003ch3\u003e⏱️ Au bout de combien de temps ressent-on les effets ?\u003c\/h3\u003e\n \u003cp\u003eLes premiers témoignages évoquent souvent des effets perceptibles après \u003cstrong\u003e2 à 3 semaines\u003c\/strong\u003e de prise régulière. Cependant, chaque organisme réagit différemment. Une cure de 2 à 3 mois permet généralement d'apprécier pleinement les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-faq-item\"\u003e\n \u003ch3\u003e📅 Peut-on prendre la Klamath en continu ?\u003c\/h3\u003e\n \u003cp\u003eVous pouvez alterner des \u003cstrong\u003ecures de 2 à 3 mois\u003c\/strong\u003e avec des pauses d'un mois, ou la prendre en continu selon vos besoins. En cas de doute, n'hésitez pas à demander conseil à un naturopathe ou à votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kla-cta-box\"\u003e\n \u003cp\u003e🌿 Découvrez le pouvoir de l'algue la plus complète au monde et retrouvez naturellement vitalité et sérénité !\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"kla-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Consultez un professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kla-cream: #f8fdf8;\n --kla-white: #ffffff;\n --kla-primary: #2E8B57;\n --kla-primary-dark: #1B5E20;\n --kla-primary-light: #E8F5E9;\n --kla-secondary: #4CAF50;\n --kla-accent: #00897B;\n --kla-text: #1a1a1a;\n --kla-text-light: #5a5a5a;\n --kla-border: #C8E6C9;\n --kla-shadow: 0 4px 24px rgba(46,139,87,.08);\n --kla-shadow-lg: 0 12px 48px rgba(27,94,32,.15);\n --kla-radius: 20px;\n --kla-radius-sm: 12px;\n}\n\n.kla-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kla-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kla-hero {\n position: relative;\n background: linear-gradient(135deg, #1B5E20 0%, #2E8B57 50%, #00897B 100%);\n border-radius: var(--kla-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.kla-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kla-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kla-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kla-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kla-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kla-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.kla-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n}\n\n\/* === SECTIONS === *\/\n.kla-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kla-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kla-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kla-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kla-primary), var(--kla-accent));\n border-radius: 2px;\n}\n\n.kla-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.kla-highlight-box {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n border-left: 4px solid var(--kla-primary);\n}\n\n.kla-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === FEATURE BOX === *\/\n.kla-feature-box {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-accent) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n color: white;\n}\n\n.kla-feature-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.kla-feature-content h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n margin: 0 0 .5rem 0;\n color: white;\n}\n\n.kla-feature-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n margin: 0;\n line-height: 1.6;\n opacity: .95;\n}\n\n\/* === GRILLES === *\/\n.kla-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.kla-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kla-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kla-shadow-lg);\n border-color: var(--kla-primary);\n}\n\n.kla-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kla-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-grid-compact .kla-card {\n padding: 1rem;\n}\n\n.kla-grid-compact .kla-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kla-grid-compact .kla-card p {\n font-size: 12px;\n}\n\n\/* === BENEFITS GRID === *\/\n.kla-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.kla-benefit-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.kla-benefit-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.kla-benefit-card h3 {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.kla-benefit-card p {\n font-size: clamp(14px, 2.5vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION BOX === *\/\n.kla-composition-box {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-composition-main {\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--kla-border);\n}\n\n.kla-ingredient-highlight {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: .5rem;\n margin-bottom: .5rem;\n}\n\n.kla-ingredient-name {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n}\n\n.kla-ingredient-dose {\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n color: white;\n padding: .5rem 1rem;\n border-radius: 999px;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-ingredient-desc {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0 0 1rem 0;\n}\n\n.kla-capsule-info {\n background: var(--kla-primary-light);\n padding: .75rem 1rem;\n border-radius: var(--kla-radius-sm);\n font-size: 14px;\n color: var(--kla-primary-dark);\n}\n\n.kla-nutrients h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.kla-nutrient-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kla-nutrient-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n background: var(--kla-primary-light);\n padding: 1rem;\n border-radius: var(--kla-radius-sm);\n}\n\n.kla-nutrient-icon {\n font-size: 24px;\n margin-bottom: .5rem;\n}\n\n.kla-nutrient-name {\n font-size: 13px;\n color: var(--kla-text-light);\n margin-bottom: .25rem;\n}\n\n.kla-nutrient-value {\n font-size: 18px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n}\n\n.kla-purity-badge {\n margin-top: 1.5rem;\n text-align: center;\n padding: 1rem;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n border-radius: var(--kla-radius-sm);\n color: white;\n font-weight: 700;\n font-size: 14px;\n}\n\n\/* === TIMELINE === *\/\n.kla-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kla-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kla-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-timeline-content {\n flex: 1;\n background: var(--kla-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kla-radius-sm);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kla-timeline-content p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kla-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kla-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kla-tip p {\n font-size: 14px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kla-accordion {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n box-shadow: var(--kla-shadow);\n overflow: hidden;\n}\n\n.kla-accordion-item {\n border-bottom: 1px solid var(--kla-border);\n margin: 0;\n padding: 0;\n}\n\n.kla-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kla-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kla-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kla-accordion-header:hover {\n background: var(--kla-primary-light);\n}\n\n.kla-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kla-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kla-primary);\n transition: transform .2s ease;\n}\n\n.kla-accordion-item[open] .kla-accordion-header::after {\n content: '−';\n}\n\n.kla-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kla-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kla-accordion-content p {\n margin: 0;\n}\n\n\/* === FAQ === *\/\n.kla-faq {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.kla-faq-item {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-faq-item h3 {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.kla-faq-item p {\n font-size: clamp(14px, 2.5vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CTA FINAL === *\/\n.kla-cta-box {\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-primary-dark) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kla-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kla-disclaimer {\n font-size: 12px;\n color: var(--kla-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kla-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-benefits-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-card {\n padding: 1.125rem;\n }\n \n .kla-benefit-card {\n padding: 1.25rem;\n }\n \n .kla-benefit-icon {\n font-size: 36px;\n }\n \n .kla-section {\n margin-bottom: 1.75rem;\n }\n \n .kla-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kla-radius-sm);\n }\n \n .kla-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kla-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kla-grid-compact {\n gap: .625rem;\n }\n \n .kla-grid-compact .kla-card {\n padding: .75rem;\n }\n \n .kla-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kla-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kla-timeline-content h3 {\n font-size: 14px;\n }\n \n .kla-timeline-content p {\n font-size: 13px;\n }\n \n .kla-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kla-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kla-feature-box {\n flex-direction: column;\n text-align: center;\n }\n \n .kla-feature-icon {\n font-size: 32px;\n }\n \n .kla-composition-box {\n padding: 1.25rem;\n }\n \n .kla-nutrient-grid {\n gap: .75rem;\n }\n \n .kla-nutrient-item {\n padding: .75rem;\n }\n \n .kla-nutrient-value {\n font-size: 16px;\n }\n \n .kla-ingredient-highlight {\n flex-direction: column;\n align-items: flex-start;\n }\n \n .kla-faq-item {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kla-card,\n .kla-benefit-card,\n .kla-faq-item {\n animation: fadeInUp .5s ease backwards;\n }\n .kla-card:nth-child(1), .kla-benefit-card:nth-child(1), .kla-faq-item:nth-child(1) { animation-delay: .05s; }\n .kla-card:nth-child(2), .kla-benefit-card:nth-child(2), .kla-faq-item:nth-child(2) { animation-delay: .1s; }\n .kla-card:nth-child(3), .kla-benefit-card:nth-child(3), .kla-faq-item:nth-child(3) { animation-delay: .15s; }\n .kla-card:nth-child(4) { animation-delay: .2s; }\n .kla-card:nth-child(5) { animation-delay: .25s; }\n .kla-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kla-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":54816333463929,"sku":"AV2000","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-bio-60-gelules-aosa-veritable-packshothd.webp?v=1789735430"},{"product_id":"klamath-bio-100-gelules-qualidiet","title":"Klamath Bio - 100 gélules - Qualidiet","description":"\u003cdiv class=\"klm-premium\"\u003e\n \u003cdiv class=\"klm-hero\"\u003e\n \u003cdiv class=\"klm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"klm-hero-content\"\u003e\n \u003cdiv class=\"klm-badges-top\"\u003e\n \u003cspan class=\"klm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e🏔️ Lac Klamath Oregon\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e💊 100 gélules 500 mg\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"klm-hero-title\"\u003eKlamath Bio\u003c\/span\u003e\n \u003cp class=\"klm-subtitle\"\u003eAphanizomenon flos-aquae · Qualidiet\u003c\/p\u003e\n \u003cp class=\"klm-description\"\u003eOriginaire des eaux pures d'un lac volcanique de l'Oregon, la \u003cstrong\u003eKlamath bio\u003c\/strong\u003e est une micro-algue bleu-vert sauvage reconnue pour sa densité nutritionnelle exceptionnelle. Ce flacon \u003cstrong\u003eQualidiet de 100 gélules végétales dosées à 500 mg\u003c\/strong\u003e vous offre une algue de Klamath bio récoltée dans son environnement naturel, séchée à basse température afin de préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'algue de Klamath bio ?\u003c\/h2\u003e\n \u003cp class=\"klm-section-intro\"\u003eConsidérée comme l'un des super-aliments les plus complets de la planète, l'algue Klamath pousse uniquement dans le lac Upper Klamath, un écosystème volcanique riche en minéraux. Contrairement à la spiruline cultivée, elle se développe à l'état sauvage, ce qui lui confère un profil nutritionnel unique. De nombreux \u003cstrong\u003etémoignages sur l'algue Klamath\u003c\/strong\u003e évoquent un regain de vitalité, une meilleure concentration et un équilibre émotionnel retrouvé.\u003c\/p\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌊 Origine sauvage\u003c\/h3\u003e\n \u003cp\u003eRécoltée dans un lac volcanique pur de l'Oregon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e❄️ Séchage doux\u003c\/h3\u003e\n \u003cp\u003eBasse température pour préserver les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Profil unique\u003c\/h3\u003e\n \u003cp\u003eRiche en minéraux et composés rares\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio\u003c\/h2\u003e\n \u003cdiv class=\"klm-grid\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en vitamines B1, B2 et B12 d'origine végétale, elle soutient le métabolisme énergétique et réduit la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B12 et les antioxydants contribuent au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eLa Klamath contient naturellement de la \u003cstrong\u003ephényléthylamine (PEA)\u003c\/strong\u003e, molécule impliquée dans la sensation de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e✨ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003ePhycocyanine et chlorophylle (7 fois plus concentrée que dans la spiruline) participent à la protection cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e💎 Reminéralisation\u003c\/h3\u003e\n \u003cp\u003eCalcium, magnésium, fer et zinc soutiennent l'organisme au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌱 Protéines complètes\u003c\/h3\u003e\n \u003cp\u003e65 à 70 % de protéines incluant les 20 acides aminés, dont les 8 essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eSpiruline ou Klamath : laquelle choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"klm-testimonial\"\u003e\n \u003cp class=\"klm-testimonial-text\"\u003eLa question \u003cstrong\u003e« spiruline ou Klamath »\u003c\/strong\u003e revient souvent. Les deux algues sont complémentaires : la spiruline est particulièrement riche en fer et en protéines, tandis que la Klamath se distingue par sa teneur exceptionnelle en \u003cstrong\u003evitamine B12 végétale\u003c\/strong\u003e, en chlorophylle et en PEA. Elle est souvent privilégiée pour soutenir le moral, la concentration et la vitalité nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"klm-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 6 gélules\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Poudre d'algue Klamath bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e\u003cbr\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003eHydroxypropyl méthylcellulose\u003cbr\u003e\u003cstrong\u003e540 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-tip\"\u003e\n \u003cspan class=\"klm-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eSans excipient superflu, sans gluten, sans OGM, adaptée aux végétariens et végétaliens. \u003cstrong\u003eCertification biologique FR-BIO-01.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"klm-timeline\"\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n \u003cp\u003eCommencez par 2 gélules par jour pour laisser le temps à l'organisme de s'adapter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003ePosologie optimale\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 à 6 gélules par jour\u003c\/strong\u003e, réparties au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, renouvelable aux changements de saison, est idéale pour profiter pleinement des bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"klm-accordion\"\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement anticoagulant sans avis médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e👶 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. À conserver dans un endroit sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003e100 gélules végétales de 500 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🏔️ Origine\u003c\/h3\u003e\n \u003cp\u003eLac Klamath, Oregon, États-Unis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eQualidiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-cta-box\" style=\"margin-top: 2rem;\"\u003e\n \u003cp\u003e🌊 Une micro-algue sauvage d'exception, née des eaux pures d'un lac volcanique, pour votre vitalité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"klm-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne doivent pas se substituer à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --klm-cream: #f4f7f2;\n --klm-white: #ffffff;\n --klm-primary: #4a8b3d;\n --klm-primary-dark: #2d5a27;\n --klm-primary-light: #e3efdd;\n --klm-secondary: #7ab668;\n --klm-accent: #c4e0b8;\n\n --klm-text: #1a2e18;\n --klm-text-light: #5a6b55;\n\n --klm-border: #d8e5d2;\n --klm-shadow: 0 4px 24px rgba(45,90,39,.08);\n --klm-shadow-lg: 0 12px 48px rgba(45,90,39,.18);\n --klm-radius: 20px;\n --klm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.klm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--klm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--klm-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.klm-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a27 0%, #4a8b3d 50%, #7ab668 100%);\n border-radius: var(--klm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--klm-shadow-lg);\n}\n\n.klm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.klm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.klm-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.klm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-style: italic;\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.klm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 750px;\n margin: 0 auto;\n}\n\n.klm-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === BADGES === *\/\n.klm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.klm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--klm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.klm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.klm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.klm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--klm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.klm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--klm-primary), var(--klm-secondary));\n border-radius: 2px;\n}\n\n.klm-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--klm-text-light);\n margin-bottom: 1.75rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.klm-section-intro strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === CARDS === *\/\n.klm-card {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--klm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.klm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--klm-shadow-lg);\n border-color: var(--klm-primary);\n}\n\n.klm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--klm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.klm-card p {\n font-size: clamp(13px, 2vw, 14.5px);\n color: var(--klm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-card p strong {\n color: var(--klm-primary-dark);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.klm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.klm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.klm-grid-compact .klm-card {\n padding: 1rem;\n}\n\n.klm-grid-compact .klm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.klm-grid-compact .klm-card p {\n font-size: 12.5px;\n}\n\n\/* === TIMELINE === *\/\n.klm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.klm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.klm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--klm-primary), var(--klm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,139,61,.3);\n}\n\n.klm-timeline-content {\n flex: 1;\n background: var(--klm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--klm-radius-sm);\n box-shadow: var(--klm-shadow);\n}\n\n.klm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--klm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.klm-timeline-content p {\n font-size: 14px;\n color: var(--klm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-timeline-content p strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.klm-testimonial {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--klm-shadow);\n border-left: 4px solid var(--klm-primary);\n max-width: 850px;\n margin: 0 auto;\n}\n\n.klm-testimonial-text {\n font-size: clamp(14px, 2.4vw, 16.5px);\n color: var(--klm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.klm-testimonial-text strong {\n color: var(--klm-primary-dark);\n font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.klm-accordion {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n box-shadow: var(--klm-shadow);\n overflow: hidden;\n max-width: 850px;\n margin: 0 auto;\n}\n\n.klm-accordion-item {\n border-bottom: 1px solid var(--klm-border);\n margin: 0;\n padding: 0;\n}\n\n.klm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.klm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--klm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.klm-accordion-header:hover {\n background: var(--klm-primary-light);\n}\n\n.klm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.klm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--klm-primary);\n transition: transform .2s ease;\n}\n\n.klm-accordion-item[open] .klm-accordion-header::after {\n content: '−';\n}\n\n.klm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--klm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.klm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\n.klm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--klm-primary-light);\n border-radius: var(--klm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--klm-primary);\n}\n\n.klm-tip-icon {\n font-size: 22px;\n flex-shrink: 0;\n line-height: 1.3;\n}\n\n.klm-tip p {\n font-size: 14px;\n color: var(--klm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-tip p strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === CTA === *\/\n.klm-cta-box {\n background: linear-gradient(135deg, var(--klm-primary) 0%, var(--klm-primary-dark) 100%);\n border-radius: var(--klm-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--klm-shadow-lg);\n}\n\n.klm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.klm-disclaimer {\n font-size: 12px;\n color: var(--klm-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .klm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .klm-card {\n padding: 1.125rem;\n }\n \n .klm-section {\n margin-bottom: 1.75rem;\n }\n \n .klm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--klm-radius-sm);\n }\n \n .klm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .klm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .klm-grid-compact {\n gap: .625rem;\n }\n \n .klm-grid-compact .klm-card {\n padding: .75rem;\n }\n \n .klm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .klm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .klm-timeline-content h3 {\n font-size: 14px;\n }\n \n .klm-timeline-content p {\n font-size: 13px;\n }\n \n .klm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .klm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .klm-testimonial {\n padding: 1.25rem;\n }\n \n .klm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .klm-card {\n animation: klmFadeInUp .5s ease backwards;\n }\n .klm-card:nth-child(1) { animation-delay: .05s; }\n .klm-card:nth-child(2) { animation-delay: .1s; }\n .klm-card:nth-child(3) { animation-delay: .15s; }\n .klm-card:nth-child(4) { animation-delay: .2s; }\n .klm-card:nth-child(5) { animation-delay: .25s; }\n .klm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .klm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":54816335757689,"sku":"VO4578","price":27.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-bio-100-gelules-qualidiet-packshothd_8b80db20-445c-429b-bb9b-040791e77438.webp?v=1786025582"},{"product_id":"bronzalia-gelules-graine-sauvage","title":"Bronzalia - 60 gélules - Graine Sauvage","description":"\u003cdiv class=\"bz-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bz-hero\"\u003e\n \u003cdiv class=\"bz-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bz-hero-content\"\u003e\n \u003cdiv class=\"bz-badges-top\"\u003e\n \u003cspan class=\"bz-badge\"\u003e☀️ Prépare au soleil\u003c\/span\u003e\n \u003cspan class=\"bz-badge\"\u003e🥕 Bêta-carotène naturel\u003c\/span\u003e\n \u003cspan class=\"bz-badge\"\u003e🌿 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bz-hero-title\"\u003eBronzalia\u003c\/span\u003e\n \u003cp class=\"bz-subtitle\"\u003eGraine Sauvage — 60 gélules · 30 jours\u003c\/p\u003e\n \u003cp class=\"bz-description\"\u003ePréparez votre peau au soleil de l'intérieur pour un bronzage naturel, lumineux et durable grâce à des actifs antioxydants soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bz-section\"\u003e\n \u003ch2\u003eBronzalia de Graine Sauvage : le complément alimentaire bronzage qui prépare votre peau au soleil\u003c\/h2\u003e\n \u003cp class=\"bz-section-intro\"\u003eVous rêvez d'un \u003cstrong\u003ebronzage naturel\u003c\/strong\u003e, lumineux et durable, sans compromettre la santé de votre peau ?\u003c\/p\u003e\n \u003cdiv class=\"bz-grid-compact\"\u003e\n \u003cdiv class=\"bz-card\"\u003e\n \u003ch3\u003e🌞 Bronzage sublimé\u003c\/h3\u003e\n \u003cp\u003eFavorise un hâle doré, uniforme et naturellement lumineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-card\"\u003e\n \u003ch3\u003e🛡️ Peau préparée\u003c\/h3\u003e\n \u003cp\u003eNourrit et renforce la peau avant chaque exposition solaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-card\"\u003e\n \u003ch3\u003e⏳ Teint prolongé\u003c\/h3\u003e\n \u003cp\u003eAide à conserver votre hâle bien après les vacances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormulé à partir d'actifs naturels et antioxydants puissants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bz-section\"\u003e\n \u003ch2\u003ePourquoi choisir un complément bronzage naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"bz-testimonial\"\u003e\n \u003cp class=\"bz-testimonial-text\"\u003eLes rayons UV génèrent un \u003cstrong\u003estress oxydatif\u003c\/strong\u003e qui accélère le vieillissement cutané. Un \u003cstrong\u003eaccélérateur de bronzage naturel\u003c\/strong\u003e comme Bronzalia agit de l'intérieur : il nourrit la peau en profondeur, soutient la production de mélanine et renforce les défenses antioxydantes de vos cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"bz-card\"\u003e\n \u003ch3\u003e🎨 Bronze plus facilement\u003c\/h3\u003e\n \u003cp\u003eVotre peau bronze de manière homogène, sans taches ni irrégularités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-card\"\u003e\n \u003ch3\u003e🧬 Défenses renforcées\u003c\/h3\u003e\n \u003cp\u003eLes cellules sont mieux armées face aux agressions solaires quotidiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-card\"\u003e\n \u003ch3\u003e✨ Hâle durable\u003c\/h3\u003e\n \u003cp\u003eUne peau bien préparée et nourrie conserve son bronzage plus longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-tip\"\u003e\n \u003cspan class=\"bz-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous vous demandez \u003cstrong\u003ecombien de temps dure un bronzage naturel\u003c\/strong\u003e, sachez qu'une peau bien préparée et nourrie conserve son hâle plus longtemps. C'est précisément l'objectif de Bronzalia : sublimer et prolonger votre teint doré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bz-section\"\u003e\n \u003ch2\u003eUne formule complète aux actifs ciblés\u003c\/h2\u003e\n \u003cp class=\"bz-section-intro\"\u003eBronzalia réunit des ingrédients soigneusement sélectionnés pour leur action synergique sur la peau.\u003c\/p\u003e\n \u003cdiv class=\"bz-grid\"\u003e\n \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n \u003ch3\u003e🥕 Carotte (racine)\u003c\/h3\u003e\n \u003cdiv class=\"bz-dosage\"\u003e255 mg\u003c\/div\u003e\n \u003cp\u003eSource naturelle de bêta-carotène, elle stimule la production de mélanine pour un bronzage plus rapide et uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cdiv class=\"bz-dosage\"\u003e180 mg · 225 % VNR*\u003c\/div\u003e\n \u003cp\u003eFavorise la synthèse du collagène, essentiel à l'élasticité et à la fermeté de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n \u003ch3\u003e🌻 Vitamine E naturelle\u003c\/h3\u003e\n \u003cdiv class=\"bz-dosage\"\u003e30 mg · 250 % VNR*\u003c\/div\u003e\n \u003cp\u003ePuissant antioxydant qui protège les membranes cellulaires du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n \u003ch3\u003e🧡 Bêta-carotène naturel\u003c\/h3\u003e\n \u003cdiv class=\"bz-dosage\"\u003e4,8 mg\u003c\/div\u003e\n \u003cp\u003ePrécurseur de la vitamine A, il contribue à un teint lumineux et à l'entretien de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n \u003ch3\u003e🔬 Levure de sélénium\u003c\/h3\u003e\n \u003cdiv class=\"bz-dosage\"\u003e40 µg · 72,75 % VNR*\u003c\/div\u003e\n \u003cp\u003eProtège les cellules contre les dommages causés par les UV. \u003cem\u003eContient gluten et sulfites.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-card bz-card-ingredient\"\u003e\n \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n \u003cdiv class=\"bz-dosage\"\u003e5 µg · 100 % VNR*\u003c\/div\u003e\n \u003cp\u003eSoutient le maintien d'une peau saine et contribue au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"bz-disclaimer\"\u003eEnveloppe : gélule végétale (hypromellose). *VNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bz-section\"\u003e\n \u003ch2\u003eComment prendre Bronzalia ?\u003c\/h2\u003e\n \u003cdiv class=\"bz-timeline\"\u003e\n \u003cdiv class=\"bz-timeline-item\"\u003e\n \u003cdiv class=\"bz-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bz-timeline-content\"\u003e\n \u003ch3\u003ePhase de préparation et d'exposition\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e pendant 10 jours avant et pendant l'exposition au soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-timeline-item\"\u003e\n \u003cdiv class=\"bz-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bz-timeline-content\"\u003e\n \u003ch3\u003eEn entretien\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour prolonger votre hâle et conserver un teint doré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bz-timeline-item\"\u003e\n \u003cdiv class=\"bz-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bz-timeline-content\"\u003e\n \u003ch3\u003eAnticipez pour des résultats optimaux\u003c\/h3\u003e\n \u003cp\u003eCommencez votre cure \u003cstrong\u003edeux semaines avant\u003c\/strong\u003e vos premières expositions. Chaque flacon contient \u003cstrong\u003e60 gélules végétales\u003c\/strong\u003e, soit une cure de \u003cstrong\u003e30 jours\u003c\/strong\u003e.\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=\"bz-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"bz-accordion\"\u003e\n \u003cdetails class=\"bz-accordion-item\"\u003e\n \u003csummary class=\"bz-accordion-header\"\u003e🚭 Déconseillé aux fumeurs\u003c\/summary\u003e\n \u003cdiv class=\"bz-accordion-content mt-3\"\u003e\n \u003cp\u003eEn raison de la présence de bêta-carotène, ce complément est déconseillé aux fumeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bz-accordion-item\"\u003e\n \u003csummary class=\"bz-accordion-header\"\u003e☀️ Ne remplace pas une protection solaire\u003c\/summary\u003e\n \u003cdiv class=\"bz-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément \u003cstrong\u003ene protège pas contre les effets nocifs du soleil\u003c\/strong\u003e : l'application d'une protection solaire adaptée reste indispensable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bz-accordion-item\"\u003e\n \u003csummary class=\"bz-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"bz-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bz-accordion-item\"\u003e\n \u003csummary class=\"bz-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bz-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière, au sec et à 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=\"bz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bz-cta-box\"\u003e\n \u003cp\u003eDe nombreux \u003cstrong\u003eavis sur les compléments alimentaires bronzage\u003c\/strong\u003e soulignent l'importance d'une préparation cutanée de l'intérieur. Avec Bronzalia, offrez à votre peau les nutriments essentiels pour un \u003cstrong\u003ebronzage naturel\u003c\/strong\u003e sublimé, durable et respectueux de votre capital soleil. ☀️\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bz-disclaimer\"\u003eVotre peau mérite cette attention, bien avant la première journée à la plage.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bz-cream: #faf8f3;\n --bz-white: #ffffff;\n --bz-primary: #7cb342;\n --bz-primary-dark: #33691e;\n --bz-primary-light: #f1f8e9;\n --bz-secondary: #f9a825;\n --bz-accent: #ef6c00;\n --bz-text: #1a1a1a;\n --bz-text-light: #5a5a5a;\n --bz-border: #e0e0e0;\n --bz-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bz-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bz-radius: 20px;\n --bz-radius-sm: 12px;\n}\n\n.bz-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bz-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bz-hero {\n position: relative;\n background: linear-gradient(135deg, #558b2f 0%, #7cb342 40%, #f9a825 100%);\n border-radius: var(--bz-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(--bz-shadow-lg);\n}\n\n.bz-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.bz-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bz-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.bz-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.bz-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.bz-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bz-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(--bz-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bz-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bz-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bz-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bz-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.bz-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(--bz-primary), var(--bz-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bz-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bz-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.bz-card {\n background: var(--bz-white);\n border-radius: var(--bz-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bz-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bz-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bz-shadow-lg);\n border-color: var(--bz-primary);\n}\n\n.bz-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bz-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bz-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bz-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.bz-card-ingredient .bz-dosage {\n display: inline-block;\n background: var(--bz-primary-light);\n color: var(--bz-primary-dark);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: .75rem;\n letter-spacing: .02em;\n}\n\n\/* === GRILLES === *\/\n.bz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bz-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bz-grid-compact .bz-card {\n padding: 1rem;\n}\n\n.bz-grid-compact .bz-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bz-grid-compact .bz-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bz-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bz-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bz-primary), var(--bz-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.bz-timeline-content {\n flex: 1;\n background: var(--bz-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bz-radius-sm);\n box-shadow: var(--bz-shadow);\n}\n\n.bz-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bz-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bz-timeline-content p {\n font-size: 14px;\n color: var(--bz-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bz-testimonial {\n background: var(--bz-white);\n border-radius: var(--bz-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bz-shadow);\n border-left: 4px solid var(--bz-primary);\n}\n\n.bz-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bz-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bz-accordion {\n background: var(--bz-white);\n border-radius: var(--bz-radius);\n box-shadow: var(--bz-shadow);\n overflow: hidden;\n}\n\n.bz-accordion-item {\n border-bottom: 1px solid var(--bz-border);\n margin: 0;\n padding: 0;\n}\n\n.bz-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bz-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bz-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.bz-accordion-header:hover {\n background: var(--bz-primary-light);\n}\n\n.bz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bz-primary);\n transition: transform .2s ease;\n}\n\n.bz-accordion-item[open] .bz-accordion-header::after {\n content: '−';\n}\n\n.bz-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bz-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bz-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bz-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bz-primary-light);\n border-radius: var(--bz-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bz-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bz-tip p {\n font-size: 14px;\n color: var(--bz-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.bz-cta-box {\n background: linear-gradient(135deg, var(--bz-primary) 0%, var(--bz-primary-dark) 100%);\n border-radius: var(--bz-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bz-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.bz-disclaimer {\n font-size: 12px;\n color: var(--bz-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 .bz-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bz-card {\n padding: 1.125rem;\n }\n\n .bz-section {\n margin-bottom: 1.75rem;\n }\n\n .bz-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bz-radius-sm);\n }\n\n .bz-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bz-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bz-grid-compact {\n gap: .625rem;\n }\n\n .bz-grid-compact .bz-card {\n padding: .75rem;\n }\n\n .bz-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bz-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bz-timeline-content h3 {\n font-size: 14px;\n }\n\n .bz-timeline-content p {\n font-size: 13px;\n }\n\n .bz-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bz-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bz-testimonial {\n padding: 1.25rem;\n }\n\n .bz-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bz-card {\n animation: bzFadeInUp .5s ease backwards;\n }\n .bz-card:nth-child(1) { animation-delay: .05s; }\n .bz-card:nth-child(2) { animation-delay: .1s; }\n .bz-card:nth-child(3) { animation-delay: .15s; }\n .bz-card:nth-child(4) { animation-delay: .2s; }\n .bz-card:nth-child(5) { animation-delay: .25s; }\n .bz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bzFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bz-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":54881813496185,"sku":"GS1040","price":18.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bronzalia-60-gelules-graine-sauvage-packshothd.webp?v=1785946945"},{"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.9,"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":"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.9,"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":"spiruline-bio-phyco-lt-labo-180-comprimes","title":"Spiruline Bio Phyco+ - 180 comprimés - LT Labo","description":"\u003cdiv class=\"sp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sp-hero\"\u003e\n \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sp-hero-content\"\u003e\n \u003cdiv class=\"sp-badges-top\"\u003e\n \u003cspan class=\"sp-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e💊 180 comprimés\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e⚡ 20 % phycocyanines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eSpiruline Bio Phyco+\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003eLT Labo — Haute teneur en phycocyanines\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003eUn concentré d'énergie et de vitalité 100 % naturel, séché à basse température pour préserver toute la richesse nutritionnelle de la spiruline biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eSpiruline Bio Phyco+ LT Labo : une richesse nutritionnelle exceptionnelle\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour retrouver \u003cstrong\u003eénergie et vitalité\u003c\/strong\u003e au quotidien ? La Spiruline Bio Phyco+ de LT Labo se distingue par sa haute teneur en phycocyanines, un pigment bleu-vert aux propriétés antioxydantes remarquables.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🧬 100 % spiruline bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eArthrospira platensis\u003c\/em\u003e, sans aucun additif, liant ni conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🔬 Jusqu'à 20 % de phycocyanines\u003c\/h3\u003e\n \u003cp\u003eUn pigment bleu-vert aux propriétés antioxydantes remarquables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💊 180 comprimés\u003c\/h3\u003e\n \u003cp\u003eUn format économique pour des cures de longue durée et des résultats durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌱 Vegan, casher \u0026amp; halal\u003c\/h3\u003e\n \u003cp\u003eConvient à tous les régimes alimentaires, certifiée AB et contrôlée Naturland.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePourquoi choisir une spiruline bio riche en phycocyanines ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eToutes les spirulines ne se valent pas. La particularité de la formule Phyco+ réside dans son procédé de \u003cstrong\u003eséchage à basse température\u003c\/strong\u003e, qui préserve l'intégrité des nutriments, notamment les précieuses phycocyanines.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eLes phycocyanines aident vos cellules à se protéger contre le stress oxydatif, un facteur clé du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💪 60 à 70 % de protéines\u003c\/h3\u003e\n \u003cp\u003eUn concentré protéique végétal exceptionnel, idéal pour les sportifs et les régimes végétariens ou vegans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🩸 Riche en fer et vitamines B\u003c\/h3\u003e\n \u003cp\u003eFer, vitamines B1, B2, B12 et bêta-carotène pour lutter efficacement contre la fatigue passagère et les carences nutritionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSéchage à basse température :\u003c\/strong\u003e ce procédé exclusif préserve l'intégrité de tous les nutriments et garantit une qualité nutritionnelle optimale, contrairement aux spirulines séchées à haute température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 8 comprimés (4 g)\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e 100 % spiruline biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e)\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e💙 Phycocyanines\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e800 mg\u003c\/strong\u003e (20 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2,4 à 2,8 g\u003c\/strong\u003e (60 à 70 %)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e🌿 Chlorophylle\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e52,4 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e4,8 mg\u003c\/strong\u003e — soit 330 µg vit. A (41 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e⚡ Vitamine B1\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e150 µg\u003c\/strong\u003e (15 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e✨ Vitamine B2\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e220 µg\u003c\/strong\u003e (16 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e🔴 Vitamine B12\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 µg\u003c\/strong\u003e (200 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e🩸 Fer\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2,8 mg\u003c\/strong\u003e (20 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e🧪 Sélénium\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e10 µg\u003c\/strong\u003e (18 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e🔧 Chrome\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e14 µg\u003c\/strong\u003e (35 % VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-disclaimer\"\u003eVNR : Valeurs Nutritionnelles de Référence.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComment prendre la Spiruline Bio Phyco+ ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eAdaptez la posologie à vos besoins pour profiter pleinement de ses bienfaits. Chaque comprimé contient \u003cstrong\u003e500 mg de spiruline pure\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"sp-timeline\"\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003e🌱 Début de cure\u003c\/h3\u003e\n \u003cp\u003e2 comprimés par jour pendant la première semaine, afin d'habituer progressivement votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003e⚖️ Cure d'entretien\u003c\/h3\u003e\n \u003cp\u003e3 à 4 comprimés par jour pour maintenir votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003e🚀 Cure intensive\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 8 comprimés par jour en période de grosse fatigue ou d'effort sportif soutenu.\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\u003ePrenez les comprimés de préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e, avec un grand verre d'eau. Une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée pour observer des effets significatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eLes points forts de cette spiruline bio en comprimés\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e✅ 100 % pure\u003c\/h3\u003e\n \u003cp\u003eSans excipient, sans conservateur, sans additif. Uniquement de la spiruline biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🏆 Phycocyanines au top\u003c\/h3\u003e\n \u003cp\u003eTeneur en phycocyanines parmi les plus élevées du marché (jusqu'à 20 %).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌾 Certification AB\u003c\/h3\u003e\n \u003cp\u003eCulture biologique contrôlée Naturland, sans pesticides ni engrais chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌡️ Séchage basse température\u003c\/h3\u003e\n \u003cp\u003eQualité nutritionnelle optimale grâce à un procédé de séchage doux et respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e📦 Format économique\u003c\/h3\u003e\n \u003cp\u003e180 comprimés pour des cures prolongées allant jusqu'à 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌱 Adapté à tous\u003c\/h3\u003e\n \u003cp\u003eConvient aux vegans, ainsi qu'aux régimes casher et halal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\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💊 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 8 comprimés.\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👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Déconseillé aux enfants de moins de 3 ans.\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🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eLes femmes enceintes ou allaitantes doivent consulter un professionnel de santé 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\u003eConserver 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=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Avertissement\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. En cas de doute ou de traitement médical en cours, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sp-cream: #f4f7f2;\n --sp-white: #ffffff;\n --sp-primary: #4caf50;\n --sp-primary-dark: #2e7d32;\n --sp-primary-light: #e8f5e9;\n --sp-secondary: #66bb6a;\n --sp-accent: #1b8a2e;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #dce8da;\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.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, #2e7d32 0%, #43a047 40%, #1b8a2e 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(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.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 1rem 0;\n letter-spacing: .02em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.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}\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\/* === 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\/* Composition cards *\/\n.sp-card-compo {\n padding: clamp(1rem, 2.5vw, 1.5rem);\n}\n\n.sp-card-compo h3 {\n font-size: clamp(14px, 2.2vw, 16px);\n margin-bottom: .35rem;\n}\n\n.sp-card-compo p {\n font-size: clamp(12px, 1.8vw, 14px);\n}\n\n.sp-card-compo p strong {\n color: var(--sp-primary-dark);\n font-size: clamp(16px, 2.5vw, 20px);\n display: block;\n margin-bottom: 2px;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n font-size: 12px;\n}\n\n\/* === 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-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.sp-timeline-content {\n flex: 1;\n background: var(--sp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sp-radius-sm);\n box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP 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\/* === SECTION INTRO === *\/\n.sp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === 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 \/* Composition grid 2 cols on mobile *\/\n .sp-section:nth-child(4) .sp-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .sp-card-compo {\n padding: .75rem;\n }\n\n .sp-card-compo h3 {\n font-size: 13px;\n }\n\n .sp-card-compo p {\n font-size: 11px;\n }\n\n .sp-card-compo p strong {\n font-size: 15px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sp-card {\n animation: spFadeInUp .5s ease backwards;\n }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n .sp-card:nth-child(7) { animation-delay: .35s; }\n .sp-card:nth-child(8) { animation-delay: .4s; }\n .sp-card:nth-child(9) { animation-delay: .45s; }\n .sp-card:nth-child(10) { animation-delay: .5s; }\n\n .sp-timeline-item {\n animation: spFadeInUp .5s ease backwards;\n }\n .sp-timeline-item:nth-child(1) { animation-delay: .1s; }\n .sp-timeline-item:nth-child(2) { animation-delay: .2s; }\n .sp-timeline-item:nth-child(3) { 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":"LT LABO","offers":[{"title":"Default Title","offer_id":55181826425209,"sku":"NBAILTL0013","price":15.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-phyco-180-comprimes-lt-labo-packshothd.webp?v=1773347910"},{"product_id":"spiruline-bio-phyco-lt-labo-500-comprimes","title":"Spiruline Bio Phyco+ - 500 comprimés - LT Labo","description":"\u003cdiv class=\"spir-premium\"\u003e\n \u003cdiv class=\"spir-hero\"\u003e\n \u003cdiv class=\"spir-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"spir-hero-content\"\u003e\n \u003cdiv class=\"spir-badges-top\"\u003e\n \u003cspan class=\"spir-badge\"\u003e🌱 Certifié AB\u003c\/span\u003e\n \u003cspan class=\"spir-badge\"\u003e🌿 100% Vegan\u003c\/span\u003e\n \u003cspan class=\"spir-badge\"\u003e⚡ Énergie \u0026amp; Vitalité\u003c\/span\u003e\n \u003cspan class=\"spir-badge\"\u003e💊 500 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"spir-hero-title\"\u003eLa micro-algue riche en phycocyanines\u003c\/span\u003e\n \u003cp class=\"spir-subtitle\"\u003eHaute teneur en pigment bleu — cure de 3 mois\u003c\/p\u003e\n \u003cp class=\"spir-description\"\u003eUne spiruline bio sélectionnée pour sa qualité exceptionnelle, en comprimés faciles à avaler, sans goût marqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eUne spiruline sélectionnée pour sa richesse en phycocyanines\u003c\/h2\u003e\n \u003cp class=\"spir-section-intro\"\u003eVous connaissez sans doute la réputation de la spiruline, cette micro-algue bleu-vert consommée depuis des siècles. La \u003cstrong\u003eSpiruline Bio Phyco+ de LT Labo\u003c\/strong\u003e se distingue par sa \u003cstrong\u003ehaute teneur en phycocyanines\u003c\/strong\u003e, le pigment bleu qui fait toute la valeur de l'algue. Certifiée Agriculture Biologique et 100 % vegan, elle se présente en \u003cstrong\u003ecomprimés de 500 mg\u003c\/strong\u003e, sans goût marqué, à avaler simplement avec un verre d'eau.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003ePourquoi la phycocyanine fait la différence\u003c\/h2\u003e\n \u003cp class=\"spir-section-intro\"\u003eToutes les spirulines ne se valent pas. La teneur en phycocyanine dépend de la souche, des conditions de culture et surtout du séchage, car une chaleur excessive dégrade ce pigment fragile. C'est donc l'un des meilleurs indicateurs de qualité d'une spiruline.\u003c\/p\u003e\n \u003cdiv class=\"spir-grid\"\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e💙 Pigment précieux\u003c\/h3\u003e\n \u003cp\u003eLa phycocyanine, pigment bleu fragile, est l'empreinte qualité d'une spiruline bien cultivée et séchée à basse température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🌾 Protéines végétales\u003c\/h3\u003e\n \u003cp\u003eRiche en protéines complètes, idéale pour compléter une alimentation végétarienne ou sportive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🩸 Source de fer\u003c\/h3\u003e\n \u003cp\u003eApporte du fer végétal, du bêta-carotène, de la chlorophylle et de l'acide gamma-linolénique (GLA).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eComposition et dosage\u003c\/h2\u003e\n \u003cdiv class=\"spir-grid-compact\"\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🌿 Ingrédient\u003c\/h3\u003e\n \u003cp\u003eSpiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) issue de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e💊 Par comprimé\u003c\/h3\u003e\n \u003cp\u003e500 mg de spiruline bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e📅 Dose journalière\u003c\/h3\u003e\n \u003cp\u003e6 comprimés = 3 g de spiruline bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e500 comprimés, soit 250 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e✅ Labels\u003c\/h3\u003e\n \u003cp\u003eAB, Eurofeuille, FR-BIO-01, Vegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e⏱️ Durée de cure\u003c\/h3\u003e\n \u003cp\u003eEnviron 83 jours à dose complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eSpiruline bio française ou importée : soyons transparents\u003c\/h2\u003e\n \u003cp class=\"spir-section-intro\"\u003eVous êtes nombreux à rechercher une \u003cstrong\u003espiruline bio française\u003c\/strong\u003e. Cette spiruline est cultivée hors de l'Union européenne, comme l'indique la mention « Agriculture non UE ». Elle est en revanche contrôlée par Ecocert (FR-BIO-01), organisme certificateur français, selon le cahier des charges biologique européen. Si l'origine France est votre priorité absolue, tournez-vous vers une spiruline française bio, souvent plus onéreuse. Si vous recherchez avant tout une spiruline bio riche en phycocyanines dans un grand format, celle-ci répond parfaitement à vos attentes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003eComment prendre vos comprimés de spiruline ?\u003c\/h2\u003e\n \u003cdiv class=\"spir-timeline\"\u003e\n \u003cdiv class=\"spir-timeline-item\"\u003e\n \u003cdiv class=\"spir-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-content\"\u003e\n \u003ch3\u003ePremière semaine\u003c\/h3\u003e\n \u003cp\u003eCommencez par 2 comprimés par jour pour habituer votre organisme en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-item\"\u003e\n \u003cdiv class=\"spir-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-content\"\u003e\n \u003ch3\u003eMontée en dose\u003c\/h3\u003e\n \u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e6 comprimés par jour\u003c\/strong\u003e, répartis sur les repas du matin et du midi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-item\"\u003e\n \u003cdiv class=\"spir-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"spir-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eÀ 6 comprimés par jour, le flacon dure environ \u003cstrong\u003e83 jours\u003c\/strong\u003e, soit une cure de près de 3 mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-tip\"\u003e\n \u003cspan class=\"spir-tip-icon\"\u003e🍊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNotre conseil :\u003c\/strong\u003e associez votre prise à une source de vitamine C (kiwi, orange, jus de citron), qui favorise l'absorption du fer d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"spir-section\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"spir-grid\"\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e⚡ Vies actives\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui souhaitent enrichir leur alimentation lors des périodes chargées ou des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePour les sportifs attentifs à leurs apports en protéines végétales de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e🌱 Végétariens \u0026amp; vegans\u003c\/h3\u003e\n \u003cp\u003ePour diversifier les sources de fer végétal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"spir-card\"\u003e\n \u003ch3\u003e💊 Format pratique\u003c\/h3\u003e\n \u003cp\u003ePour celles et ceux qui n'aiment pas le goût de la spiruline en poudre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003csection class=\"spir-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"spir-accordion\"\u003e\n \u003cdetails class=\"spir-accordion-item\"\u003e\n \u003csummary class=\"spir-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"spir-accordion-content mt-3\"\u003e\n \u003cp\u003eNe dépassez pas la dose journalière recommandée. Déconseillée aux personnes souffrant de phénylcétonurie ou d'hémochromatose. Demandez l'avis de votre médecin si vous êtes enceinte, allaitez ou suivez un traitement. Tenir hors de portée des jeunes enfants et conserver au sec, à l'abri de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"spir-accordion-item\"\u003e\n \u003csummary class=\"spir-accordion-header\"\u003e📋 Mentions légales\u003c\/summary\u003e\n \u003cdiv class=\"spir-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas un traitement médical, ni une alimentation variée et équilibrée associée à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --spir-cream: #f6faf2;\n --spir-white: #ffffff;\n --spir-primary: #8dc63f;\n --spir-primary-dark: #4a7c2a;\n --spir-primary-light: #eaf5db;\n --spir-secondary: #5fa023;\n --spir-accent: #c8e68b;\n --spir-text: #1f2a16;\n --spir-text-light: #5a6b4a;\n --spir-border: #dce7ce;\n --spir-shadow: 0 4px 24px rgba(74,124,42,.08);\n --spir-shadow-lg: 0 12px 48px rgba(74,124,42,.18);\n --spir-radius: 20px;\n --spir-radius-sm: 12px;\n}\n\n.spir-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--spir-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--spir-text);\n line-height: 1.6;\n}\n\n.spir-hero {\n position: relative;\n background: linear-gradient(135deg, #8dc63f 0%, #5fa023 50%, #4a7c2a 100%);\n border-radius: var(--spir-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(--spir-shadow-lg);\n}\n\n.spir-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 40%);\n opacity: .15;\n}\n\n.spir-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.spir-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.spir-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.spir-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n}\n\n.spir-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.spir-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--spir-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.spir-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.spir-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.spir-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--spir-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.spir-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--spir-primary), var(--spir-secondary));\n border-radius: 2px;\n}\n\n.spir-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--spir-text-light);\n margin: 0 auto 1.5rem auto;\n max-width: 760px;\n line-height: 1.7;\n}\n\n.spir-section-intro strong {\n color: var(--spir-primary-dark);\n}\n\n.spir-card {\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--spir-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.spir-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--spir-shadow-lg);\n border-color: var(--spir-primary);\n}\n\n.spir-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--spir-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.spir-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--spir-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.spir-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.spir-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.spir-grid-compact .spir-card {\n padding: 1rem;\n}\n\n.spir-grid-compact .spir-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.spir-grid-compact .spir-card p {\n font-size: 12px;\n}\n\n.spir-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.spir-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.spir-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--spir-primary), var(--spir-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(95,160,35,.3);\n}\n\n.spir-timeline-content {\n flex: 1;\n background: var(--spir-white);\n padding: 1rem 1.25rem;\n border-radius: var(--spir-radius-sm);\n box-shadow: var(--spir-shadow);\n}\n\n.spir-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--spir-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.spir-timeline-content p {\n font-size: 14px;\n color: var(--spir-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.spir-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--spir-primary-light);\n border-radius: var(--spir-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.spir-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.spir-tip p {\n font-size: 14px;\n color: var(--spir-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.spir-accordion {\n background: var(--spir-white);\n border-radius: var(--spir-radius);\n box-shadow: var(--spir-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.spir-accordion-item {\n border-bottom: 1px solid var(--spir-border);\n margin: 0;\n padding: 0;\n}\n\n.spir-accordion-item:last-child {\n border-bottom: none;\n}\n\n.spir-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--spir-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.spir-accordion-header:hover {\n background: var(--spir-primary-light);\n}\n\n.spir-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.spir-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--spir-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.spir-accordion-item[open] .spir-accordion-header::after {\n content: '−';\n}\n\n.spir-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--spir-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.spir-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .spir-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .spir-card { padding: 1.125rem; }\n .spir-section { margin-bottom: 1.75rem; }\n .spir-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--spir-radius-sm);\n }\n .spir-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .spir-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .spir-grid-compact { gap: .625rem; }\n .spir-grid-compact .spir-card { padding: .75rem; }\n .spir-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .spir-timeline-content { padding: .875rem 1rem; }\n .spir-timeline-content h3 { font-size: 14px; }\n .spir-timeline-content p { font-size: 13px; }\n .spir-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .spir-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .spir-card {\n animation: spirFadeInUp .5s ease backwards;\n }\n .spir-card:nth-child(1) { animation-delay: .05s; }\n .spir-card:nth-child(2) { animation-delay: .1s; }\n .spir-card:nth-child(3) { animation-delay: .15s; }\n .spir-card:nth-child(4) { animation-delay: .2s; }\n .spir-card:nth-child(5) { animation-delay: .25s; }\n .spir-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes spirFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .spir-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":55181973979513,"sku":"LT0095","price":39.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-phyco-500-comprimes-lt-labo-packshothd_1b4a2adf-8325-4d69-b2e0-21fd559093a3.webp?v=1791205495"},{"product_id":"spiruline-bio-phyco-lt-labo-300-comprimes","title":"Spiruline Bio Phyco+ - 300 comprimés - LT Labo","description":"\u003cdiv class=\"sp-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sp-hero\"\u003e\n \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sp-hero-content\"\u003e\n \u003cdiv class=\"sp-badges-top\"\u003e\n \u003cspan class=\"sp-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌱 100 % Vegan\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e💊 300 comprimés\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🔬 Haute teneur en phycocyanines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eSpiruline Bio Phyco+\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003eLT Labo — 300 comprimés · 150 g\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003eUne spiruline bio d'exception, enrichie en phycocyanines pour une énergie durable, une vitalité retrouvée et des défenses naturelles renforcées. Format généreux pour vos cures longues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eSpiruline Bio Phyco+ LT Labo : l'énergie au naturel, en format généreux\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio en comprimés\u003c\/strong\u003e à la fois pure, puissante et économique ? La \u003cstrong\u003eSpiruline Bio Phyco+ de LT Labo\u003c\/strong\u003e en format \u003cstrong\u003e300 comprimés\u003c\/strong\u003e est pensée pour accompagner vos cures longues sans compromis sur la qualité.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🔬 Phycocyanines concentrées\u003c\/h3\u003e\n \u003cp\u003eHaute teneur en pigments bleu-vert aux propriétés antioxydantes remarquables, rarement aussi concentrés dans une spiruline classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌾 Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique FR-BIO-01, 100 % vegan. Micro-algue d'eau douce cultivée dans le respect du vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e💪 Protéines végétales\u003c\/h3\u003e\n \u003cp\u003eUn cocktail naturel de protéines complètes, vitamines, minéraux et oligoéléments pour votre équilibre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌟 Superaliment complet\u003c\/h3\u003e\n \u003cp\u003eUn véritable trésor nutritionnel pour retrouver vitalité, énergie et bien-être 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=\"sp-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de la spiruline bio Phyco+\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e⚡ Réduit la fatigue durablement\u003c\/h3\u003e\n \u003cp\u003eSa richesse en fer hautement assimilable et en vitamine B12 favorise le transport de l'oxygène vers vos muscles et votre cerveau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🛡️ Renforce vos défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eLes phycocyanines et le bêta-carotène soutiennent le système immunitaire, notamment lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🏃 Booste les performances sportives\u003c\/h3\u003e\n \u003cp\u003eAvec 60 à 70 % de protéines complètes, elle accompagne la récupération musculaire et l'endurance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🧬 Protège vos cellules\u003c\/h3\u003e\n \u003cp\u003eSes antioxydants puissants aident à lutter contre le stress oxydatif lié au mode de vie moderne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e✨ Beauté de la peau et des cheveux\u003c\/h3\u003e\n \u003cp\u003eVitamines A, chlorophylle et oligoéléments nourrissent de l'intérieur pour un éclat visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 8 comprimés (4 g)\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e spiruline biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) — 100 %, sans excipient, sans additif.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e💎 Phycocyanines\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e800 mg\u003c\/strong\u003e\u003cbr\u003eAntioxydant majeur de la spiruline\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e💪 Protéines\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2,4 à 2,8 g\u003c\/strong\u003e\u003cbr\u003eProtéines complètes végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e🍃 Chlorophylle\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e52,4 mg\u003c\/strong\u003e\u003cbr\u003ePigment vert détoxifiant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e🥕 Vitamine A\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e9,6 mg\u003c\/strong\u003e (bêta-carotène)\u003cbr\u003eVision \u0026amp; immunité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e🧪 Vitamines B\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eB1 :\u003c\/strong\u003e 0,2 mg · \u003cstrong\u003eB2 :\u003c\/strong\u003e 0,16 mg · \u003cstrong\u003eB12 :\u003c\/strong\u003e 1,28 µg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card sp-card-compo\"\u003e\n \u003ch3\u003e⚙️ Minéraux\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eFer :\u003c\/strong\u003e 4 mg · \u003cstrong\u003eSélénium :\u003c\/strong\u003e 3,6 µg · \u003cstrong\u003eChrome :\u003c\/strong\u003e 1,2 µg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eSéchée à \u003cstrong\u003ebasse température\u003c\/strong\u003e pour préserver l'intégralité des nutriments. Poids net : 150 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComment prendre la spiruline en comprimés ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eAdaptez progressivement la posologie à vos besoins :\u003c\/p\u003e\n \u003cdiv class=\"sp-timeline\"\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003ePremière semaine\u003c\/h3\u003e\n \u003cp\u003e2 comprimés par jour pour permettre à votre organisme de s'habituer 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\u003eDose d'entretien\u003c\/h3\u003e\n \u003cp\u003e4 comprimés par jour (2 g), idéale pour une supplémentation quotidienne.\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\u003eCure intensive\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 8 comprimés par jour (4 g) en cas de fatigue marquée, de pratique sportive soutenue ou de carences identifiées.\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\u003ePrenez les comprimés avec un grand verre d'eau, \u003cstrong\u003ede préférence au cours des repas\u003c\/strong\u003e, en répartissant les prises sur la journée. Au format 300 comprimés, votre flacon dure de \u003cstrong\u003e5 semaines à 5 mois\u003c\/strong\u003e selon le dosage choisi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eCombien de temps avant de ressentir les effets ?\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e⚡ Dès la 1re semaine\u003c\/h3\u003e\n \u003cp\u003eRegain d'énergie perceptible dès les premiers jours de prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🛡️ 1 à 3 mois\u003c\/h3\u003e\n \u003cp\u003eMeilleure immunité, récupération optimisée et éclat du teint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003ePour des résultats profonds, prévoyez une \u003cstrong\u003ecure de 1 à 3 mois\u003c\/strong\u003e, renouvelable plusieurs fois par an.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\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🔰 Adaptation digestive\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eDe légers troubles digestifs peuvent survenir les premiers jours : c'est normal et transitoire. Votre organisme s'adapte à la richesse nutritionnelle de la spiruline.\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 enfants de moins de 3 ans. Si vous êtes enceinte, allaitante ou sous traitement médical, demandez conseil à votre professionnel de santé avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-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!-- CTA FINAL --\u003e\n \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sp-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre corps le meilleur de la nature — 300 comprimés de spiruline bio ultra-concentrée en phycocyanines pour une vitalité incomparable, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sp-cream: #f5f8f2;\n --sp-white: #ffffff;\n --sp-primary: #6aab2d;\n --sp-primary-dark: #3a6b18;\n --sp-primary-light: #edf5e4;\n --sp-secondary: #89c44b;\n --sp-accent: #4a8c1c;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #dce8d0;\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.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, #3a6b18 0%, #6aab2d 45%, #89c44b 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(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.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(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.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: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\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-primary-dark);\n font-size: clamp(18px, 3vw, 24px);\n}\n\n\/* === COMPOSITION CARDS === *\/\n.sp-card-compo {\n border-top: 3px solid var(--sp-primary);\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sp-timeline-content {\n flex: 1;\n background: var(--sp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sp-radius-sm);\n box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.sp-testimonial {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sp-shadow);\n border-left: 4px solid var(--sp-primary);\n}\n\n.sp-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n box-shadow: var(--sp-shadow);\n overflow: hidden;\n}\n\n.sp-accordion-item {\n border-bottom: 1px solid var(--sp-border);\n margin: 0;\n padding: 0;\n}\n\n.sp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sp-accordion-header:hover {\n background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n content: '−';\n}\n\n.sp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sp-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sp-tip p {\n font-size: 14px;\n color: var(--sp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sp-tip p strong {\n color: var(--sp-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.sp-cta-box {\n background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n border-radius: var(--sp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n font-size: 12px;\n color: var(--sp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sp-card {\n padding: 1.125rem;\n }\n\n .sp-section {\n margin-bottom: 1.75rem;\n }\n\n .sp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sp-radius-sm);\n }\n\n .sp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sp-grid-compact {\n gap: .625rem;\n }\n\n .sp-grid-compact .sp-card {\n padding: .75rem;\n }\n\n .sp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sp-timeline-content h3 {\n font-size: 14px;\n }\n\n .sp-timeline-content p {\n font-size: 13px;\n }\n\n .sp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sp-testimonial {\n padding: 1.25rem;\n }\n\n .sp-testimonial-text {\n font-size: 14px;\n }\n\n .sp-badges-top {\n gap: 6px;\n }\n\n .sp-badge {\n padding: 6px 12px;\n font-size: 11px;\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":"LT LABO","offers":[{"title":"Default Title","offer_id":55182025064825,"sku":"NBAILTL0014","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-bio-phyco-300-comprimes-lt-labo-packshothd.webp?v=1773347966"},{"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.9,"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":"selecyanine-phycocyanine-concentree-21-ampoules-jade-recherche","title":"Sélecyanine - Phycocyanine concentrée à 20,5 mg - 21 ampoules - Jade Recherche","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sélécyanine - Phycocyanine concentrée\nPalette détectée:\n - Primaire: #6B4FA0 (violet profond dominant du packaging)\n - Secondaire: #4A7BA7 (bleu du logo circulaire)\n - Accent: #2ECC71 (vert présent dans le cercle, symbolisant la nature\/santé)\nAmbiance: Premium scientifique, expertise médicale, naturel technique\nLe packaging bicolore violet\/blanc évoque la précision scientifique et le séroin naturel haut de gamme.\nPréfixe CSS: secy\n--\u003e\n\n\u003cdiv class=\"secy-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"secy-hero\"\u003e\n \u003cdiv class=\"secy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"secy-hero-content\"\u003e\n \u003cdiv class=\"secy-badges-top\"\u003e\n \u003cspan class=\"secy-badge\"\u003e🔬 20,5 mg de phycocyanine\u003c\/span\u003e\n \u003cspan class=\"secy-badge\"\u003e✨ + Sélénium biodisponible\u003c\/span\u003e\n \u003cspan class=\"secy-badge\"\u003e🌿 Formule Jade Recherche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"secy-hero-title\"\u003eSélecyanine\u003c\/span\u003e\n \u003cp class=\"secy-subtitle\"\u003eLa synergie phycocyanine-sélénium pour votre immunité\u003c\/p\u003e\n \u003cp class=\"secy-description\"\u003eUne formule scientifique exclusive qui associe deux actifs d'exception : la phycocyanine hautement concentrée et le sélénium. Pour renforcer naturellement vos défenses, protéger vos cellules du stress oxydatif et soutenir votre vitalité 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=\"secy-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits d'une double action scientifique\u003c\/h2\u003e\n \u003cdiv class=\"secy-grid\"\u003e\n \u003cdiv class=\"secy-card\"\u003e\n \u003cdiv class=\"secy-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"secy-card-title\"\u003eImmunité renforcée\u003c\/div\u003e\n \u003cp\u003eLe sélénium contribue au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-card\"\u003e\n \u003cdiv class=\"secy-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003cdiv class=\"secy-card-title\"\u003eProtection antioxydante\u003c\/div\u003e\n \u003cp\u003eCombat le stress oxydatif grâce à la puissance combinée de la phycocyanine et du sélénium, limitant le vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-card\"\u003e\n \u003cdiv class=\"secy-card-icon\"\u003e🧬\u003c\/div\u003e\n \u003cdiv class=\"secy-card-title\"\u003eRenouvellement cellulaire\u003c\/div\u003e\n \u003cp\u003eFavorise la régénération sanguine et le renouvellement des cellules pour une vitalité durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-card\"\u003e\n \u003cdiv class=\"secy-card-icon\"\u003e💚\u003c\/div\u003e\n \u003cdiv class=\"secy-card-title\"\u003eDétox hépatique\u003c\/div\u003e\n \u003cp\u003eSoutient le foie dans ses fonctions de détoxification et aide à réguler les déséquilibres lipidiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-card\"\u003e\n \u003cdiv class=\"secy-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"secy-card-title\"\u003eSoutien thyroïdien\u003c\/div\u003e\n \u003cp\u003eLe sélénium contribue à une fonction thyroïdienne normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACTIFS PRINCIPAUX --\u003e\n \u003csection class=\"secy-section\"\u003e\n \u003ch2\u003e🧪 Deux actifs d'exception scientifiquement dosés\u003c\/h2\u003e\n \u003cdiv class=\"secy-grid secy-grid-2\"\u003e\n \u003cdiv class=\"secy-ingredient-card secy-ingredient-primary\"\u003e\n \u003cdiv class=\"secy-ingredient-header\"\u003e\n \u003cdiv class=\"secy-ingredient-icon\"\u003e🌀\u003c\/div\u003e\n \u003cdiv class=\"secy-ingredient-info\"\u003e\n \u003cdiv class=\"secy-ingredient-name\"\u003ePhycocyanine concentrée\u003c\/div\u003e\n \u003cdiv class=\"secy-ingredient-dose\"\u003e20,5 mg par ampoule\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-ingredient-benefits\"\u003e\n \u003cdiv class=\"secy-benefit-item\"\u003ePigment rare extrait de la spiruline\u003c\/div\u003e\n \u003cdiv class=\"secy-benefit-item\"\u003eAction anti-inflammatoire puissante\u003c\/div\u003e\n \u003cdiv class=\"secy-benefit-item\"\u003ePropriétés antioxydantes exceptionnelles\u003c\/div\u003e\n \u003cdiv class=\"secy-benefit-item\"\u003eSoutien immunitaire complet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-ingredient-card secy-ingredient-secondary\"\u003e\n \u003cdiv class=\"secy-ingredient-header\"\u003e\n \u003cdiv class=\"secy-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"secy-ingredient-info\"\u003e\n \u003cdiv class=\"secy-ingredient-name\"\u003eSélénium biodisponible\u003c\/div\u003e\n \u003cdiv class=\"secy-ingredient-dose\"\u003e11 µg par ampoule (20 % VNR)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-ingredient-benefits\"\u003e\n \u003cdiv class=\"secy-benefit-item\"\u003eAntioxydant majeur\u003c\/div\u003e\n \u003cdiv class=\"secy-benefit-item\"\u003eProtège cœur, foie et système nerveux\u003c\/div\u003e\n \u003cdiv class=\"secy-benefit-item\"\u003eDétoxification des métaux lourds\u003c\/div\u003e\n \u003cdiv class=\"secy-benefit-item\"\u003eRégénération des vitamines C et E\u003c\/div\u003e\n \u003cdiv class=\"secy-benefit-item\"\u003eSanté oculaire et cognitive\u003c\/div\u003e\n \u003cdiv class=\"secy-benefit-item\"\u003ePrévention du déclin cellulaire\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POURQUOI CHOISIR --\u003e\n \u003csection class=\"secy-section\"\u003e\n \u003ch2\u003e💎 L'excellence Jade Recherche depuis 2004\u003c\/h2\u003e\n \u003cdiv class=\"secy-grid secy-grid-3\"\u003e\n \u003cdiv class=\"secy-feature-card\"\u003e\n \u003cdiv class=\"secy-feature-number\"\u003e20,5 mg\u003c\/div\u003e\n \u003cdiv class=\"secy-feature-label\"\u003eDosage optimal en phycocyanine\u003c\/div\u003e\n \u003cp\u003eConcentration étudiée pour une efficacité maximale à chaque prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-feature-card\"\u003e\n \u003cdiv class=\"secy-feature-number\"\u003e21\u003c\/div\u003e\n \u003cdiv class=\"secy-feature-label\"\u003eAmpoules haute qualité\u003c\/div\u003e\n \u003cp\u003eCure complète de 3 semaines pour des résultats visibles et durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-feature-card\"\u003e\n \u003cdiv class=\"secy-feature-number\"\u003e2x\u003c\/div\u003e\n \u003cdiv class=\"secy-feature-label\"\u003eSynergie d'actifs\u003c\/div\u003e\n \u003cp\u003eAction renforcée par l'association scientifique phycocyanine + sélénium.\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=\"secy-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi et conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"secy-usage-container\"\u003e\n \u003cdiv class=\"secy-usage-card\"\u003e\n \u003cdiv class=\"secy-usage-step\"\u003e\n \u003cdiv class=\"secy-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"secy-step-content\"\u003e\n \u003cdiv class=\"secy-step-title\"\u003ePosologie recommandée\u003c\/div\u003e\n \u003cp\u003e1 ampoule par jour, de préférence le matin à jeun pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-usage-step\"\u003e\n \u003cdiv class=\"secy-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"secy-step-content\"\u003e\n \u003cdiv class=\"secy-step-title\"\u003eMode de prise\u003c\/div\u003e\n \u003cp\u003ePure directement ou diluée dans un grand verre d'eau. Agiter avant ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-usage-step\"\u003e\n \u003cdiv class=\"secy-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"secy-step-content\"\u003e\n \u003cdiv class=\"secy-step-title\"\u003eDurée de cure\u003c\/div\u003e\n \u003cp\u003eCure de 21 jours renouvelable. Idéal en prévention ou lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-timing-box\"\u003e\n \u003cdiv class=\"secy-timing-icon\"\u003e⏰\u003c\/div\u003e\n \u003cdiv class=\"secy-timing-title\"\u003eMoment idéal\u003c\/div\u003e\n \u003cp\u003eLe matin à jeun pour bénéficier pleinement des propriétés détoxifiantes et énergisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"secy-section\"\u003e\n \u003ch2\u003e👥 Pour qui est destiné Sélecyanine ?\u003c\/h2\u003e\n \u003cdiv class=\"secy-grid secy-grid-3\"\u003e\n \u003cdiv class=\"secy-profile-card\"\u003e\n \u003cdiv class=\"secy-profile-icon\"\u003e🏃\u003c\/div\u003e\n \u003cdiv class=\"secy-profile-title\"\u003eSportifs et actifs\u003c\/div\u003e\n \u003cp\u003eRécupération optimisée, protection anti-inflammatoire et soutien de l'immunité lors d'efforts intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-profile-card\"\u003e\n \u003cdiv class=\"secy-profile-icon\"\u003e😴\u003c\/div\u003e\n \u003cdiv class=\"secy-profile-title\"\u003eFatigue et stress\u003c\/div\u003e\n \u003cp\u003eRedonne de l'énergie, combat le stress oxydatif et soutient la vitalité générale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-profile-card\"\u003e\n \u003cdiv class=\"secy-profile-icon\"\u003e🦠\u003c\/div\u003e\n \u003cdiv class=\"secy-profile-title\"\u003eImmunité fragile\u003c\/div\u003e\n \u003cp\u003eRenforce les défenses naturelles, idéal en période hivernale ou lors de fragilités récurrentes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-profile-card\"\u003e\n \u003cdiv class=\"secy-profile-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"secy-profile-title\"\u003eDéséquilibres métaboliques\u003c\/div\u003e\n \u003cp\u003eSoutien du cholestérol, de la fonction hépatique et de la régulation lipidique sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-profile-card\"\u003e\n \u003cdiv class=\"secy-profile-icon\"\u003e🧓\u003c\/div\u003e\n \u003cdiv class=\"secy-profile-title\"\u003ePrévention du vieillissement\u003c\/div\u003e\n \u003cp\u003eAction antioxydante majeure contre le déclin cellulaire et cognitif, protection cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-profile-card\"\u003e\n \u003cdiv class=\"secy-profile-icon\"\u003e🌡️\u003c\/div\u003e\n \u003cdiv class=\"secy-profile-title\"\u003eThyroïde\u003c\/div\u003e\n \u003cp\u003eLe sélénium contribue à une fonction thyroïdienne normale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"secy-section\"\u003e\n \u003cdiv class=\"secy-warning-box\"\u003e\n \u003cdiv class=\"secy-warning-content\"\u003e\n \u003cdiv class=\"secy-warning-title\"\u003ePrécautions d'emploi\u003c\/div\u003e\n \u003cul class=\"secy-warning-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée.\u003c\/li\u003e\n \u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain.\u003c\/li\u003e\n \u003cli\u003eEn cas de pathologie, de grossesse, d'allaitement ou de traitement médical en cours, demander l'avis d'un professionnel de santé.\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des jeunes enfants.\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"secy-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"secy-grid secy-grid-4\"\u003e\n \u003cdiv class=\"secy-info-card\"\u003e\n \u003cdiv class=\"secy-info-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"secy-info-label\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"secy-info-value\"\u003e21 ampoules × 5 ml\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"secy-info-card\"\u003e\n \u003cdiv class=\"secy-info-icon\"\u003e📅\u003c\/div\u003e\n \u003cdiv class=\"secy-info-label\"\u003eDurée\u003c\/div\u003e\n \u003cdiv class=\"secy-info-value\"\u003eCure de 21 jours\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"secy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"secy-cta-box\"\u003e\n \u003cdiv class=\"secy-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"secy-cta-content\"\u003e\n \u003cp class=\"secy-cta-title\"\u003eUne formule scientifique exclusive pour votre bien-être global\u003c\/p\u003e\n \u003cp\u003eFaites confiance à l'expertise Jade Recherche et offrez à votre organisme la protection antioxydante et le soutien immunitaire qu'il mérite. Sélecyanine, c'est la synergie parfaite entre science et nature pour une santé optimale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --secy-cream: #fafafa;\n --secy-white: #ffffff;\n --secy-primary: #6B4FA0;\n --secy-primary-dark: #4A3470;\n --secy-primary-light: #E8E1F2;\n --secy-secondary: #4A7BA7;\n --secy-accent: #2ECC71;\n\n \/* Textes *\/\n --secy-text: #1a1a1a;\n --secy-text-light: #5a5a5a;\n\n \/* Effets *\/\n --secy-border: #e0e0e0;\n --secy-shadow: 0 4px 24px rgba(107, 79, 160, 0.08);\n --secy-shadow-lg: 0 12px 48px rgba(107, 79, 160, 0.15);\n --secy-radius: 20px;\n --secy-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.secy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--secy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--secy-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.secy-hero {\n position: relative;\n background: linear-gradient(135deg, #6B4FA0 0%, #4A7BA7 50%, #2ECC71 100%);\n border-radius: var(--secy-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(--secy-shadow-lg);\n}\n\n.secy-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,.2) 35px, rgba(255,255,255,.2) 70px);\n}\n\n.secy-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.secy-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.secy-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(--secy-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.secy-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n}\n\n.secy-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.secy-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.secy-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 text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.secy-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.secy-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--secy-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.secy-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(--secy-primary), var(--secy-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.secy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.secy-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n}\n\n.secy-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}\n\n.secy-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS === *\/\n.secy-card {\n background: var(--secy-white);\n border-radius: var(--secy-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--secy-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.secy-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--secy-shadow-lg);\n border-color: var(--secy-primary);\n}\n\n.secy-card-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(107, 79, 160, 0.2));\n}\n\n.secy-card-title {\n font-size: clamp(18px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--secy-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.secy-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--secy-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.secy-ingredient-card {\n background: var(--secy-white);\n border-radius: var(--secy-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--secy-shadow);\n border: 3px solid transparent;\n transition: all 0.3s ease;\n}\n\n.secy-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--secy-shadow-lg);\n}\n\n.secy-ingredient-primary {\n border-color: var(--secy-primary-light);\n}\n\n.secy-ingredient-primary:hover {\n border-color: var(--secy-primary);\n}\n\n.secy-ingredient-secondary {\n border-color: #E1ECF4;\n}\n\n.secy-ingredient-secondary:hover {\n border-color: var(--secy-secondary);\n}\n\n.secy-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--secy-border);\n}\n\n.secy-ingredient-icon {\n font-size: clamp(40px, 6vw, 52px);\n flex-shrink: 0;\n filter: drop-shadow(0 2px 12px rgba(107, 79, 160, 0.25));\n}\n\n.secy-ingredient-name {\n font-size: clamp(19px, 3vw, 22px);\n font-weight: 800;\n color: var(--secy-primary-dark);\n margin-bottom: 0.5rem;\n letter-spacing: -0.02em;\n}\n\n.secy-ingredient-dose {\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 700;\n color: var(--secy-accent);\n background: linear-gradient(135deg, rgba(46, 204, 113, 0.15), rgba(74, 123, 167, 0.15));\n padding: 6px 14px;\n border-radius: 999px;\n display: inline-block;\n}\n\n.secy-ingredient-benefits {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.secy-benefit-item {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--secy-text);\n padding-left: 1.5rem;\n position: relative;\n line-height: 1.6;\n}\n\n.secy-benefit-item::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--secy-accent);\n font-weight: 900;\n font-size: 16px;\n}\n\n\/* === FEATURE CARDS === *\/\n.secy-feature-card {\n background: linear-gradient(135deg, var(--secy-primary-light) 0%, rgba(74, 123, 167, 0.1) 100%);\n border-radius: var(--secy-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.secy-feature-card:hover {\n transform: translateY(-6px);\n border-color: var(--secy-primary);\n box-shadow: var(--secy-shadow-lg);\n}\n\n.secy-feature-number {\n font-size: clamp(40px, 7vw, 56px);\n font-weight: 900;\n background: linear-gradient(135deg, var(--secy-primary), var(--secy-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.5rem;\n letter-spacing: -0.04em;\n}\n\n.secy-feature-label {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--secy-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.secy-feature-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--secy-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === USAGE === *\/\n.secy-usage-container {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n}\n\n.secy-usage-card {\n background: var(--secy-white);\n border-radius: var(--secy-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--secy-shadow);\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.secy-usage-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.secy-step-number {\n width: 48px;\n height: 48px;\n flex-shrink: 0;\n background: linear-gradient(135deg, var(--secy-primary), var(--secy-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(107, 79, 160, 0.3);\n}\n\n.secy-step-content {\n flex: 1;\n}\n\n.secy-step-title {\n font-size: clamp(17px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--secy-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.secy-step-content p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--secy-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n.secy-timing-box {\n background: linear-gradient(135deg, var(--secy-accent) 0%, #27AE60 100%);\n border-radius: var(--secy-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n color: white;\n box-shadow: 0 8px 32px rgba(46, 204, 113, 0.3);\n}\n\n.secy-timing-icon {\n font-size: clamp(48px, 8vw, 64px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));\n}\n\n.secy-timing-title {\n font-size: clamp(19px, 3vw, 22px);\n font-weight: 800;\n margin-bottom: 0.75rem;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.secy-timing-box p {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0;\n opacity: 0.95;\n text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\n}\n\n\/* === PROFILE CARDS === *\/\n.secy-profile-card {\n background: var(--secy-white);\n border-radius: var(--secy-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--secy-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.secy-profile-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--secy-shadow-lg);\n border-color: var(--secy-secondary);\n}\n\n.secy-profile-icon {\n font-size: clamp(44px, 7vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 12px rgba(74, 123, 167, 0.25));\n}\n\n.secy-profile-title {\n font-size: clamp(17px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--secy-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.secy-profile-card p {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--secy-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.secy-warning-box {\n background: linear-gradient(135deg, #FFF3CD 0%, #FFF9E6 100%);\n border-radius: var(--secy-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border-left: 6px solid #FFC107;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n box-shadow: 0 4px 20px rgba(255, 193, 7, 0.2);\n}\n\n.secy-warning-icon {\n font-size: clamp(36px, 5vw, 44px);\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(255, 193, 7, 0.3));\n}\n\n.secy-warning-content {\n flex: 1;\n}\n\n.secy-warning-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: #856404;\n margin-bottom: 1rem;\n}\n\n.secy-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.secy-warning-list li {\n font-size: clamp(14px, 2vw, 15px);\n color: #856404;\n padding-left: 1.5rem;\n position: relative;\n line-height: 1.1;\n}\n\n.secy-warning-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n font-weight: 900;\n font-size: 18px;\n}\n\n\/* === INFO CARDS === *\/\n.secy-info-card {\n background: var(--secy-white);\n border-radius: var(--secy-radius-sm);\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n text-align: center;\n box-shadow: var(--secy-shadow);\n border: 2px solid var(--secy-border);\n transition: all 0.3s ease;\n}\n\n.secy-info-card:hover {\n transform: translateY(-4px);\n border-color: var(--secy-primary);\n box-shadow: var(--secy-shadow-lg);\n}\n\n.secy-info-icon {\n font-size: clamp(32px, 5vw, 40px);\n margin-bottom: 0.75rem;\n filter: drop-shadow(0 2px 8px rgba(107, 79, 160, 0.2));\n}\n\n.secy-info-label {\n font-size: clamp(13px, 2vw, 14px);\n font-weight: 700;\n color: var(--secy-text-light);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0.5rem;\n}\n\n.secy-info-value {\n font-size: clamp(15px, 2.5vw, 17px);\n font-weight: 800;\n color: var(--secy-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.secy-cta-box {\n background: linear-gradient(135deg, var(--secy-primary) 0%, var(--secy-primary-dark) 100%);\n border-radius: var(--secy-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 12px 48px rgba(107, 79, 160, 0.35);\n}\n\n.secy-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n 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,.2) 0%, transparent 50%),\n radial-gradient(circle at 40% 20%, rgba(255,255,255,.25) 0%, transparent 50%);\n}\n\n.secy-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.secy-cta-title {\n color: white;\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 900;\n margin: 0 0 1.5rem 0;\n letter-spacing: -0.03em;\n text-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n}\n\n.secy-cta-box p:last-child {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .secy-grid,\n .secy-grid-2,\n .secy-grid-3,\n .secy-grid-4 {\n grid-template-columns: 1fr;\n }\n\n .secy-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .secy-usage-step {\n flex-direction: column;\n text-align: center;\n }\n\n .secy-step-number {\n margin: 0 auto;\n }\n\n .secy-ingredient-header {\n flex-direction: column;\n text-align: center;\n }\n}\n\n@media (min-width: 768px) {\n .secy-usage-container {\n grid-template-columns: 2fr 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .secy-card,\n .secy-ingredient-card,\n .secy-feature-card,\n .secy-profile-card,\n .secy-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .secy-card:nth-child(1),\n .secy-ingredient-card:nth-child(1),\n .secy-feature-card:nth-child(1),\n .secy-profile-card:nth-child(1),\n .secy-info-card:nth-child(1) { animation-delay: 0.1s; }\n \n .secy-card:nth-child(2),\n .secy-ingredient-card:nth-child(2),\n .secy-feature-card:nth-child(2),\n .secy-profile-card:nth-child(2),\n .secy-info-card:nth-child(2) { animation-delay: 0.2s; }\n \n .secy-card:nth-child(3),\n .secy-ingredient-card:nth-child(3),\n .secy-feature-card:nth-child(3),\n .secy-profile-card:nth-child(3),\n .secy-info-card:nth-child(3) { animation-delay: 0.3s; }\n \n .secy-card:nth-child(4),\n .secy-ingredient-card:nth-child(4),\n .secy-feature-card:nth-child(4),\n .secy-profile-card:nth-child(4),\n .secy-info-card:nth-child(4) { animation-delay: 0.4s; }\n \n .secy-card:nth-child(5),\n .secy-profile-card:nth-child(5) { animation-delay: 0.5s; }\n \n .secy-card:nth-child(6),\n .secy-profile-card:nth-child(6) { animation-delay: 0.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 .secy-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .secy-premium {\n --secy-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n --secy-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.4);\n }\n \n .secy-card,\n .secy-ingredient-card,\n .secy-feature-card,\n .secy-profile-card,\n .secy-info-card {\n border-width: 3px;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .secy-premium {\n background: white;\n padding: 1rem;\n }\n \n .secy-hero {\n background: var(--secy-primary-light);\n color: var(--secy-text);\n }\n \n .secy-badge,\n .secy-card:hover,\n .secy-ingredient-card:hover {\n transform: none;\n box-shadow: none;\n }\n}\n\u003c\/style\u003e","brand":"JADE RECHERCHE","offers":[{"title":"Default Title","offer_id":55299492446585,"sku":"SELECYANINE","price":55.24,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/selecyanine-phycocyanine-concentree-a-205-mg-21-ampoules-jad-packshothd.webp?v=1786012006"},{"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":"shilajit-resine-pure-70-acide-fulvique-lt-labo","title":"Shilajit Résine pure – 70% Acide Fulvique – LT Labo","description":"\u003cdiv class=\"sh-premium\"\u003e\n\n\u003c!-- HERO HIMALAYA --\u003e\n\u003cdiv class=\"sh-hero\"\u003e\n \u003cdiv class=\"sh-hero-mountains\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sh-hero-content\"\u003e\n \u003cdiv class=\"sh-brand\"\u003eLT LABO · HIMALAYA\u003c\/div\u003e\n \u003cspan class=\"sh-hero-title\"\u003eShilajit Résine Pure\u003c\/span\u003e\n \u003cdiv class=\"sh-hero-subtitle\"\u003eÉlixir des Sommets · Puissance Naturelle\u003c\/div\u003e\n \n \u003c!-- DESCRIPTION COURTE --\u003e\n \u003cdiv class=\"sh-short-description\"\u003e\n \u003cdiv class=\"sh-short-item\"\u003e\n \u003cstrong\u003e⛰️ Or noir de l'Himalaya\u003c\/strong\u003e\n \u003cspan\u003eRésine pure haute altitude\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sh-short-item\"\u003e\n \u003cstrong\u003e🧪 70% acide fulvique\u003c\/strong\u003e\n \u003cspan\u003eStandardisé · Concentration optimale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sh-short-item\"\u003e\n \u003cstrong\u003e💎 80 minéraux + oligo-éléments\u003c\/strong\u003e\n \u003cspan\u003eComplexe naturel complet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sh-short-item\"\u003e\n \u003cstrong\u003e🇫🇷 Conditionné France\u003c\/strong\u003e\n \u003cspan\u003eSans solvants · Pot verre recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sh-badges-top\"\u003e\n \u003cspan class=\"sh-badge\"\u003e⛰️ Himalaya pur\u003c\/span\u003e\n \u003cspan class=\"sh-badge\"\u003e🧪 70% Acide fulvique\u003c\/span\u003e\n \u003cspan class=\"sh-badge\"\u003e💎 80 minéraux\u003c\/span\u003e\n \u003cspan class=\"sh-badge\"\u003e🌿 60 doses\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sh-description\"\u003eLa \u003cstrong\u003erésine de Shilajit pure\u003c\/strong\u003e de \u003cstrong\u003eLT Labo\u003c\/strong\u003e est un concentré naturel d'exception, surnommé \u003cstrong\u003e« l'or noir de l'Himalaya »\u003c\/strong\u003e. Issue de dépôts végétaux fossilisés formés à haute altitude, cette résine est utilisée depuis des millénaires dans la \u003cstrong\u003emédecine ayurvédique\u003c\/strong\u003e pour ses propriétés revitalisantes et adaptogènes.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"sh-section\"\u003e\n \u003ch2 class=\"sh-title\"\u003e\u003cspan\u003eLes Bienfaits de la Résine de Shilajit\u003c\/span\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"sh-benefits-grid\"\u003e\n \u003carticle class=\"sh-benefit-card\"\u003e\n \u003cdiv class=\"sh-benefit-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eÉnergie \u0026amp; Endurance\u003c\/h3\u003e\n \u003cp\u003eAméliore la \u003cstrong\u003eperformance physique\u003c\/strong\u003e et réduit la fatigue pour un quotidien dynamisé.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-benefit-card\"\u003e\n \u003cdiv class=\"sh-benefit-icon\"\u003e🧠\u003c\/div\u003e\n \u003ch3\u003eClarté Mentale\u003c\/h3\u003e\n \u003cp\u003eFavorise la \u003cstrong\u003econcentration et la mémoire\u003c\/strong\u003e pour une acuité mentale optimale.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-benefit-card\"\u003e\n \u003cdiv class=\"sh-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eSoutien Immunitaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les \u003cstrong\u003edéfenses naturelles\u003c\/strong\u003e de l'organisme contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-benefit-card\"\u003e\n \u003cdiv class=\"sh-benefit-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eLibido \u0026amp; Fertilité\u003c\/h3\u003e\n \u003cp\u003eStimule la \u003cstrong\u003efonction reproductive masculine\u003c\/strong\u003e et augmente la testostérone.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-benefit-card\"\u003e\n \u003cdiv class=\"sh-benefit-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eDétoxification\u003c\/h3\u003e\n \u003cp\u003eAide à l'\u003cstrong\u003eélimination des toxines\u003c\/strong\u003e et des métaux lourds accumulés.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-benefit-card\"\u003e\n \u003cdiv class=\"sh-benefit-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3\u003eDigestion\u003c\/h3\u003e\n \u003cp\u003eAméliore l'\u003cstrong\u003eabsorption des nutriments\u003c\/strong\u003e et équilibre le microbiote intestinal.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- SCIENCE BOX --\u003e\n\u003csection class=\"sh-section\"\u003e\n \u003cdiv class=\"sh-science-box\"\u003e\n \u003cdiv class=\"sh-science-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"sh-science-content\"\u003e\n \u003ch3\u003eLe saviez-vous ?\u003c\/h3\u003e\n \u003cp\u003eDes études ont démontré les effets bénéfiques du Shilajit sur la \u003cstrong\u003eréduction du stress oxydatif\u003c\/strong\u003e, l'\u003cstrong\u003eamélioration du profil lipidique\u003c\/strong\u003e, et l'\u003cstrong\u003eaugmentation de la testostérone totale et libre\u003c\/strong\u003e chez les hommes. Une puissance naturelle validée par la science moderne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"sh-section\"\u003e\n \u003ch2 class=\"sh-title\"\u003e\u003cspan\u003eComposition Exceptionnelle\u003c\/span\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"sh-composition-intro\"\u003e\n \u003cp\u003eRésine de \u003cstrong\u003eShilajit (Asphaltum punjabianum)\u003c\/strong\u003e standardisée à \u003cstrong\u003e70% d'acide fulvique\u003c\/strong\u003e, riche en plus de 80 minéraux et oligo-éléments essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sh-composition-grid\"\u003e\n \u003carticle class=\"sh-compo-card sh-compo-featured\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e🧪\u003c\/div\u003e\n \u003ch3\u003eAcide Fulvique\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003e70%\u003c\/div\u003e\n \u003cp\u003eMolécule transporteuse qui améliore l'absorption des nutriments et facilite la détoxification cellulaire.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-compo-card sh-compo-featured\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003e80+ Minéraux\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003eComplet\u003c\/div\u003e\n \u003cp\u003eComplexe naturel de minéraux et oligo-éléments biodisponibles pour soutenir toutes les fonctions vitales.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-compo-card\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e🟤\u003c\/div\u003e\n \u003ch3\u003eAcides Humiques\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003e12%\u003c\/div\u003e\n \u003cp\u003ePropriétés anti-inflammatoires et antioxydantes puissantes.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-compo-card\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e🔴\u003c\/div\u003e\n \u003ch3\u003eFer\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003e6%\u003c\/div\u003e\n \u003cp\u003eEssentiel pour le transport de l'oxygène et l'énergie.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-compo-card\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e⚪\u003c\/div\u003e\n \u003ch3\u003eCalcium\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003e4%\u003c\/div\u003e\n \u003cp\u003eSoutient la santé osseuse et la fonction musculaire.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-compo-card\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e🟢\u003c\/div\u003e\n \u003ch3\u003eMagnésium\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003e3%\u003c\/div\u003e\n \u003cp\u003eRelaxation musculaire et équilibre nerveux.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-compo-card\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e🟣\u003c\/div\u003e\n \u003ch3\u003eManganèse\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003e3%\u003c\/div\u003e\n \u003cp\u003eAntioxydant et métabolisme énergétique.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-compo-card\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e🔵\u003c\/div\u003e\n \u003ch3\u003eSélénium\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003e1%\u003c\/div\u003e\n \u003cp\u003eProtection cellulaire et fonction thyroïdienne.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-compo-card\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e🟡\u003c\/div\u003e\n \u003ch3\u003ePotassium\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003e1%\u003c\/div\u003e\n \u003cp\u003eÉquilibre hydrique et pression artérielle.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-compo-card\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e🧬\u003c\/div\u003e\n \u003ch3\u003e+ Acides Aminés\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003eEssentiels\u003c\/div\u003e\n \u003cp\u003eConstruction et réparation des tissus corporels.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sh-compo-card\"\u003e\n \u003cdiv class=\"sh-compo-icon\"\u003e💊\u003c\/div\u003e\n \u003ch3\u003e+ Vitamines B\u003c\/h3\u003e\n \u003cdiv class=\"sh-compo-dose\"\u003eComplexe\u003c\/div\u003e\n \u003cp\u003eMétabolisme énergétique et système nerveux.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ORIGINE --\u003e\n\u003csection class=\"sh-section\"\u003e\n \u003ch2 class=\"sh-title\"\u003e\u003cspan\u003eOrigine \u0026amp; Fabrication\u003c\/span\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"sh-origin-container\"\u003e\n \u003cdiv class=\"sh-origin-step\"\u003e\n \u003cdiv class=\"sh-origin-icon\"\u003e⛰️\u003c\/div\u003e\n \u003ch4\u003eRécolte Haute Altitude\u003c\/h4\u003e\n \u003cp\u003eRécoltée à \u003cstrong\u003ehaute altitude dans l'Himalaya\u003c\/strong\u003e, là où les conditions extrêmes créent ce trésor naturel millénaire.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sh-origin-arrow\"\u003e→\u003c\/div\u003e\n\n \u003cdiv class=\"sh-origin-step\"\u003e\n \u003cdiv class=\"sh-origin-icon\"\u003e🧪\u003c\/div\u003e\n \u003ch4\u003ePurification Naturelle\u003c\/h4\u003e\n \u003cp\u003ePurifiée \u003cstrong\u003esans solvants ni additifs\u003c\/strong\u003e, selon des méthodes traditionnelles respectueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sh-origin-arrow\"\u003e→\u003c\/div\u003e\n\n \u003cdiv class=\"sh-origin-step\"\u003e\n \u003cdiv class=\"sh-origin-icon\"\u003e✅\u003c\/div\u003e\n \u003ch4\u003eTests Laboratoire\u003c\/h4\u003e\n \u003cp\u003eTestée en laboratoire pour \u003cstrong\u003egarantir sa qualité\u003c\/strong\u003e et sa concentration en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sh-origin-arrow\"\u003e→\u003c\/div\u003e\n\n \u003cdiv class=\"sh-origin-step\"\u003e\n \u003cdiv class=\"sh-origin-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch4\u003eConditionnement France\u003c\/h4\u003e\n \u003cp\u003eConditionnée en France dans un \u003cstrong\u003epot en verre recyclable\u003c\/strong\u003e pour préserver toute sa puissance.\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=\"sh-section\"\u003e\n \u003ch2 class=\"sh-title\"\u003e\u003cspan\u003eConseils d'Utilisation\u003c\/span\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"sh-usage-container\"\u003e\n \u003cdiv class=\"sh-usage-step\"\u003e\n \u003cdiv class=\"sh-usage-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sh-usage-content\"\u003e\n \u003ch4\u003eDosage\u003c\/h4\u003e\n \u003cp\u003ePrélever \u003cstrong\u003e500 mg\u003c\/strong\u003e (taille d'un petit pois) à l'aide de la cuillère fournie dans le pot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sh-usage-step\"\u003e\n \u003cdiv class=\"sh-usage-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sh-usage-content\"\u003e\n \u003ch4\u003eDissolution\u003c\/h4\u003e\n \u003cp\u003eMélanger dans une \u003cstrong\u003eboisson chaude non bouillante\u003c\/strong\u003e (eau, thé, lait végétal) jusqu'à complète dissolution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"sh-usage-step\"\u003e\n \u003cdiv class=\"sh-usage-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sh-usage-content\"\u003e\n \u003ch4\u003eFréquence\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 fois par jour\u003c\/strong\u003e, de préférence en dehors des repas pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sh-doses-box\"\u003e\n \u003cdiv class=\"sh-doses-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"sh-doses-content\"\u003e\n \u003ch3\u003e60 doses par pot\u003c\/h3\u003e\n \u003cp\u003eUn pot correspond à une \u003cstrong\u003ecure de 1 à 2 mois\u003c\/strong\u003e selon la fréquence d'utilisation. Pour des résultats optimaux, une cure de 3 mois minimum est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"sh-section\"\u003e\n \u003ch2 class=\"sh-title\"\u003e\u003cspan\u003ePrécautions d'Emploi\u003c\/span\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"sh-precautions-grid\"\u003e\n \u003cdiv class=\"sh-precaution-card\"\u003e\n \u003cspan class=\"sh-precaution-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eComplément alimentaire\u003c\/strong\u003e – Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sh-precaution-card\"\u003e\n \u003cspan class=\"sh-precaution-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDose journalière\u003c\/strong\u003e – Ne pas dépasser la dose recommandée (500mg 1-2x\/jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sh-precaution-card\"\u003e\n \u003cspan class=\"sh-precaution-icon\"\u003e🤰\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé\u003c\/strong\u003e aux enfants, femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sh-precaution-card\"\u003e\n \u003cspan class=\"sh-precaution-icon\"\u003e🧒\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eTenir hors de portée\u003c\/strong\u003e des jeunes enfants. Conserver fermé hermétiquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CONSERVATION --\u003e\n\u003csection class=\"sh-section\"\u003e\n \u003cdiv class=\"sh-conservation-box\"\u003e\n \u003cdiv class=\"sh-conservation-icon\"\u003e🌡️\u003c\/div\u003e\n \u003cdiv class=\"sh-conservation-text\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003eConserver à \u003cstrong\u003el'abri de la chaleur et de la lumière\u003c\/strong\u003e, dans un endroit sec. Refermer soigneusement après chaque utilisation pour préserver la fraîcheur et la puissance de la résine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"sh-section\"\u003e\n \u003cdiv class=\"sh-for-who-box\"\u003e\n \u003ch2\u003e👥 Pour Qui ?\u003c\/h2\u003e\n \u003cdiv class=\"sh-for-who-grid\"\u003e\n \u003cdiv class=\"sh-for-who-item\"\u003e\n \u003cdiv class=\"sh-for-who-emoji\"\u003e💪\u003c\/div\u003e\n \u003cstrong\u003eSportifs \u0026amp; Actifs\u003c\/strong\u003e\n \u003cspan\u003ePerformance \u0026amp; récupération\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sh-for-who-item\"\u003e\n \u003cdiv class=\"sh-for-who-emoji\"\u003e🧠\u003c\/div\u003e\n \u003cstrong\u003eFatigue Mentale\u003c\/strong\u003e\n \u003cspan\u003eConcentration \u0026amp; mémoire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sh-for-who-item\"\u003e\n \u003cdiv class=\"sh-for-who-emoji\"\u003e🛡️\u003c\/div\u003e\n \u003cstrong\u003eImmunité Faible\u003c\/strong\u003e\n \u003cspan\u003eRenforcement naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sh-for-who-item\"\u003e\n \u003cdiv class=\"sh-for-who-emoji\"\u003e❤️\u003c\/div\u003e\n \u003cstrong\u003eVitalité Masculine\u003c\/strong\u003e\n \u003cspan\u003eLibido \u0026amp; testostérone\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sh-for-who-item\"\u003e\n \u003cdiv class=\"sh-for-who-emoji\"\u003e🌿\u003c\/div\u003e\n \u003cstrong\u003eDétox \u0026amp; Nettoyage\u003c\/strong\u003e\n \u003cspan\u003eÉlimination toxines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sh-for-who-item\"\u003e\n \u003cdiv class=\"sh-for-who-emoji\"\u003e🧘\u003c\/div\u003e\n \u003cstrong\u003eBien-être Global\u003c\/strong\u003e\n \u003cspan\u003eAdaptogène puissant\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CTA --\u003e\n\u003csection class=\"sh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sh-cta\"\u003e\n \u003ch3\u003eL'or noir de l'Himalaya pour votre vitalité\u003c\/h3\u003e\n \u003cp\u003eDécouvrez la puissance millénaire du Shilajit, trésor des sommets utilisé depuis des siècles par les sages de l'Himalaya. Une résine pure, concentrée, testée : le meilleur de la nature au service de votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ========== STYLE SHILAJIT ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --sh-cream: #fafaf8;\n --sh-white: #ffffff;\n --sh-navy: #1c3659;\n --sh-navy-dark: #152943;\n --sh-navy-light: #2d4a72;\n --sh-gold: #c9a870;\n --sh-gold-dark: #b39460;\n --sh-gold-light: #dfc49a;\n --sh-beige: #e8dcc8;\n --sh-text: #2d2d2d;\n --sh-text-light: #6b6b6b;\n --sh-border: #e0d8c8;\n --sh-shadow: 0 4px 20px rgba(28, 54, 89, .12);\n --sh-shadow-lg: 0 8px 32px rgba(28, 54, 89, .2);\n --sh-radius: 20px;\n}\n\n\/* === CONTENEUR === *\/\n.sh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO HIMALAYA === *\/\n.sh-hero {\n position: relative;\n background: linear-gradient(135deg, #1c3659 0%, #2d4a72 50%, #3d5a8a 100%);\n border-radius: var(--sh-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(--sh-shadow-lg);\n}\n\n.sh-hero-mountains {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n linear-gradient(180deg, transparent 0%, rgba(0,0,0,.3) 100%),\n radial-gradient(circle at 30% 50%, rgba(201, 168, 112, .08) 0%, transparent 50%),\n radial-gradient(circle at 70% 40%, rgba(255,255,255,.05) 0%, transparent 50%);\n opacity: 0.9;\n}\n\n.sh-hero-content {\n position: relative;\n z-index: 1;\n}\n\n.sh-brand {\n font-size: clamp(10px, 1.5vw, 12px);\n font-weight: 700;\n letter-spacing: 2.5px;\n color: var(--sh-gold);\n margin-bottom: 0.75rem;\n text-align: center;\n text-transform: uppercase;\n}\n\n.sh-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 48px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n text-align: center;\n letter-spacing: -.04em;\n text-shadow: 0 3px 15px rgba(0,0,0,.3);\n}\n\n.sh-hero-subtitle {\n color: var(--sh-gold-light);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n text-align: center;\n margin-bottom: 2rem;\n letter-spacing: 1px;\n}\n\n\/* === DESCRIPTION COURTE === *\/\n.sh-short-description {\n background: linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.08) 100%);\n backdrop-filter: blur(15px);\n border: 1px solid rgba(201, 168, 112, .3);\n border-radius: var(--sh-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n box-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sh-short-item {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.sh-short-item strong {\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 800;\n color: white;\n letter-spacing: -.01em;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.sh-short-item span {\n font-size: clamp(12px, 1.8vw, 14px);\n color: rgba(255,255,255,.8);\n line-height: 1.4;\n}\n\n@media (max-width: 720px) {\n .sh-short-description {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n}\n\n.sh-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.sh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(201, 168, 112, .2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(201, 168, 112, .4);\n transition: all .3s ease;\n}\n\n.sh-badge:hover {\n background: rgba(201, 168, 112, .3);\n transform: translateY(-2px);\n}\n\n.sh-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n text-align: center;\n max-width: 900px;\n margin: 0 auto;\n text-shadow: 0 1px 3px rgba(0,0,0,.2);\n}\n\n.sh-description strong {\n font-weight: 700;\n color: var(--sh-gold-light);\n}\n\n\/* === SECTIONS === *\/\n.sh-section {\n margin-bottom: clamp(3.5rem, 6vw, 5rem);\n}\n\n.sh-title {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 800;\n color: var(--sh-text);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n}\n\n.sh-title span {\n position: relative;\n display: inline-block;\n padding: 0 2rem;\n background: var(--sh-cream);\n z-index: 1;\n}\n\n.sh-title::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent 0%, var(--sh-gold) 50%, transparent 100%);\n border-radius: 2px;\n}\n\n\/* === BENEFITS === *\/\n.sh-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.sh-benefit-card {\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--sh-shadow);\n transition: all .3s ease;\n text-align: center;\n border: 2px solid var(--sh-border);\n}\n\n.sh-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sh-shadow-lg);\n border-color: var(--sh-gold);\n}\n\n.sh-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.sh-benefit-card h3 {\n font-size: 19px;\n font-weight: 700;\n color: var(--sh-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.sh-benefit-card p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sh-text-light);\n margin: 0;\n}\n\n.sh-benefit-card strong {\n color: var(--sh-text);\n font-weight: 700;\n}\n\n\/* === SCIENCE BOX === *\/\n.sh-science-box {\n background: linear-gradient(135deg, var(--sh-beige) 0%, #f5ede0 100%);\n border: 3px solid var(--sh-gold);\n border-radius: var(--sh-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n gap: 2rem;\n align-items: center;\n box-shadow: 0 8px 32px rgba(201, 168, 112, .2);\n}\n\n.sh-science-icon {\n font-size: 80px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 16px rgba(201, 168, 112, .4));\n}\n\n.sh-science-content h3 {\n font-size: 24px;\n font-weight: 800;\n color: var(--sh-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.sh-science-content p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--sh-text-light);\n margin: 0;\n}\n\n.sh-science-content strong {\n color: var(--sh-text);\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .sh-science-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === COMPOSITION === *\/\n.sh-composition-intro {\n background: linear-gradient(135deg, rgba(28, 54, 89, .05) 0%, transparent 100%);\n border-left: 4px solid var(--sh-navy);\n border-radius: 12px;\n padding: 1.5rem 2rem;\n margin-bottom: 2rem;\n text-align: center;\n}\n\n.sh-composition-intro p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--sh-text-light);\n margin: 0;\n}\n\n.sh-composition-intro strong {\n color: var(--sh-text);\n font-weight: 700;\n}\n\n.sh-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.sh-compo-card {\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: 1.75rem 1.5rem;\n box-shadow: var(--sh-shadow);\n transition: all .3s ease;\n text-align: center;\n border: 2px solid var(--sh-border);\n position: relative;\n}\n\n.sh-compo-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sh-shadow-lg);\n border-color: var(--sh-gold);\n}\n\n.sh-compo-featured {\n border: 3px solid var(--sh-gold);\n background: linear-gradient(135deg, rgba(201, 168, 112, .05) 0%, var(--sh-white) 100%);\n}\n\n.sh-compo-badge {\n position: absolute;\n top: 16px;\n right: -8px;\n background: linear-gradient(135deg, var(--sh-gold) 0%, var(--sh-gold-dark) 100%);\n color: white;\n padding: 6px 18px;\n border-radius: 999px;\n font-size: 9px;\n font-weight: 900;\n letter-spacing: 1.2px;\n box-shadow: 0 4px 12px rgba(201, 168, 112, .4);\n transform: rotate(8deg);\n}\n\n.sh-compo-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.sh-compo-card h3 {\n font-size: 17px;\n font-weight: 700;\n color: var(--sh-text);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.01em;\n}\n\n.sh-compo-dose {\n font-size: 22px;\n font-weight: 900;\n color: var(--sh-gold-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -.02em;\n}\n\n.sh-compo-card p {\n font-size: 13px;\n line-height: 1.7;\n color: var(--sh-text-light);\n margin: 0;\n}\n\n\/* === ORIGIN === *\/\n.sh-origin-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n flex-wrap: wrap;\n}\n\n.sh-origin-step {\n flex: 1;\n min-width: 200px;\n max-width: 260px;\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--sh-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid var(--sh-border);\n}\n\n.sh-origin-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--sh-shadow-lg);\n border-color: var(--sh-gold);\n}\n\n.sh-origin-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n}\n\n.sh-origin-step h4 {\n font-size: 18px;\n font-weight: 700;\n color: var(--sh-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.sh-origin-step p {\n font-size: 14px;\n line-height: 1.7;\n color: var(--sh-text-light);\n margin: 0;\n}\n\n.sh-origin-step strong {\n color: var(--sh-text);\n font-weight: 700;\n}\n\n.sh-origin-arrow {\n font-size: 32px;\n color: var(--sh-gold);\n font-weight: 900;\n flex-shrink: 0;\n}\n\n@media (max-width: 767px) {\n .sh-origin-container {\n flex-direction: column;\n }\n \n .sh-origin-arrow {\n transform: rotate(90deg);\n }\n}\n\n\/* === USAGE === *\/\n.sh-usage-container {\n display: flex;\n gap: 2rem;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 2rem;\n}\n\n.sh-usage-step {\n flex: 1;\n min-width: 260px;\n max-width: 340px;\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--sh-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid var(--sh-border);\n}\n\n.sh-usage-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--sh-shadow-lg);\n border-color: var(--sh-gold);\n}\n\n.sh-usage-number {\n width: 56px;\n height: 56px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--sh-navy) 0%, var(--sh-navy-light) 100%);\n color: var(--sh-gold);\n font-size: 28px;\n font-weight: 900;\n display: grid;\n place-items: center;\n margin: 0 auto 1.5rem;\n box-shadow: 0 6px 20px rgba(28, 54, 89, .3);\n}\n\n.sh-usage-content h4 {\n font-size: 18px;\n font-weight: 700;\n color: var(--sh-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.sh-usage-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sh-text-light);\n margin: 0;\n}\n\n.sh-usage-content strong {\n color: var(--sh-text);\n font-weight: 700;\n}\n\n\/* === DOSES BOX === *\/\n.sh-doses-box {\n background: linear-gradient(135deg, var(--sh-beige) 0%, #f5ede0 100%);\n border-radius: var(--sh-radius);\n padding: 2rem;\n border: 2px solid var(--sh-gold);\n display: flex;\n gap: 1.5rem;\n align-items: center;\n}\n\n.sh-doses-icon {\n font-size: 64px;\n flex-shrink: 0;\n}\n\n.sh-doses-content h3 {\n font-size: 20px;\n font-weight: 700;\n color: var(--sh-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.sh-doses-content p {\n font-size: 15px;\n line-height: 1.8;\n color: var(--sh-text-light);\n margin: 0;\n}\n\n.sh-doses-content strong {\n color: var(--sh-text);\n font-weight: 700;\n}\n\n@media (max-width: 640px) {\n .sh-doses-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === PRECAUTIONS === *\/\n.sh-precautions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.sh-precaution-card {\n background: var(--sh-white);\n border-radius: 16px;\n padding: 1.5rem;\n box-shadow: var(--sh-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border-left: 3px solid var(--sh-navy);\n}\n\n.sh-precaution-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.sh-precaution-card p {\n font-size: 14px;\n line-height: 1.7;\n color: var(--sh-text-light);\n margin: 0;\n padding-top: 4px;\n}\n\n.sh-precaution-card strong {\n color: var(--sh-text);\n font-weight: 700;\n}\n\n\/* === CONSERVATION === *\/\n.sh-conservation-box {\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: 2rem;\n box-shadow: var(--sh-shadow);\n border: 2px solid var(--sh-border);\n display: flex;\n gap: 1.5rem;\n align-items: center;\n}\n\n.sh-conservation-icon {\n font-size: 64px;\n flex-shrink: 0;\n}\n\n.sh-conservation-text h3 {\n font-size: 20px;\n font-weight: 700;\n color: var(--sh-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.sh-conservation-text p {\n font-size: 15px;\n line-height: 1.8;\n color: var(--sh-text-light);\n margin: 0;\n}\n\n.sh-conservation-text strong {\n color: var(--sh-text);\n font-weight: 700;\n}\n\n@media (max-width: 640px) {\n .sh-conservation-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === POUR QUI === *\/\n.sh-for-who-box {\n background: var(--sh-white);\n border-radius: var(--sh-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--sh-shadow-lg);\n border: 3px solid var(--sh-gold);\n}\n\n.sh-for-who-box h2 {\n font-size: 26px;\n font-weight: 800;\n color: var(--sh-text);\n margin: 0 0 2rem 0;\n text-align: center;\n letter-spacing: -.02em;\n}\n\n.sh-for-who-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.sh-for-who-item {\n background: var(--sh-beige);\n border-radius: 16px;\n padding: 1.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n text-align: center;\n align-items: center;\n}\n\n.sh-for-who-emoji {\n font-size: 48px;\n margin-bottom: 0.5rem;\n}\n\n.sh-for-who-item strong {\n font-size: 17px;\n font-weight: 700;\n color: var(--sh-text);\n letter-spacing: -.01em;\n}\n\n.sh-for-who-item span {\n font-size: 14px;\n color: var(--sh-text-light);\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sh-cta {\n background: linear-gradient(135deg, var(--sh-navy) 0%, var(--sh-navy-light) 100%);\n border-radius: var(--sh-radius);\n padding: clamp(3rem, 5vw, 4rem);\n text-align: center;\n box-shadow: var(--sh-shadow-lg);\n}\n\n.sh-cta h3 {\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 800;\n color: white;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n}\n\n.sh-cta p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n margin: 0;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sh-benefit-card,\n .sh-compo-card,\n .sh-origin-step,\n .sh-usage-step,\n .sh-precaution-card,\n .sh-for-who-item {\n animation: fadeInUp .7s ease backwards;\n }\n \n .sh-benefit-card:nth-child(1),\n .sh-compo-card:nth-child(1),\n .sh-origin-step:nth-child(1),\n .sh-usage-step:nth-child(1),\n .sh-for-who-item:nth-child(1) { animation-delay: .1s; }\n \n .sh-benefit-card:nth-child(2),\n .sh-compo-card:nth-child(2),\n .sh-origin-step:nth-child(2),\n .sh-usage-step:nth-child(2),\n .sh-for-who-item:nth-child(2) { animation-delay: .2s; }\n \n .sh-benefit-card:nth-child(3),\n .sh-compo-card:nth-child(3),\n .sh-origin-step:nth-child(3),\n .sh-usage-step:nth-child(3),\n .sh-for-who-item:nth-child(3) { animation-delay: .3s; }\n \n .sh-benefit-card:nth-child(4),\n .sh-compo-card:nth-child(4),\n .sh-origin-step:nth-child(4),\n .sh-for-who-item:nth-child(4) { animation-delay: .4s; }\n \n .sh-benefit-card:nth-child(5),\n .sh-compo-card:nth-child(5),\n .sh-for-who-item:nth-child(5) { animation-delay: .5s; }\n \n .sh-benefit-card:nth-child(6),\n .sh-compo-card:nth-child(6),\n .sh-for-who-item:nth-child(6) { animation-delay: .6s; }\n \n .sh-compo-card:nth-child(7) { animation-delay: .7s; }\n .sh-compo-card:nth-child(8) { animation-delay: .8s; }\n .sh-compo-card:nth-child(9) { animation-delay: .9s; }\n .sh-compo-card:nth-child(10) { animation-delay: 1s; }\n .sh-compo-card:nth-child(11) { animation-delay: 1.1s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\u003c\/style\u003e\n","brand":"LT LABO","offers":[{"title":"Default Title","offer_id":55449322291577,"sku":"NBAILTL0022","price":27.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shilajit-resine-pure-lt-labo-packshot_11zon.webp?v=1781687449"},{"product_id":"bioligo-solution-precieuse-poe-18","title":"Solution Précieuse - Preparation d'oligoelements n°18 - Bioligo","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Solution Précieuse POE N°18 - Bioligo\nPalette détectée:\n - Primaire: #1a6b9c (bleu profond du packaging, couleur dominante)\n - Secondaire: #3498db (bleu clair de l'eau\/splash)\n - Accent: #c9a227 (doré\/jaune du \"N°18\" et accents)\nAmbiance: Scientifique\/pharmaceutique suisse, fraîcheur aquatique, pureté minérale, expertise médicale\nPréfixe CSS: sp\n--\u003e\n\n\u003cdiv class=\"sp-premium\"\u003e\n\n \u003cdiv class=\"sp-hero\"\u003e\n \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sp-hero-content\"\u003e\n \u003cdiv class=\"sp-badges-top\"\u003e\n \u003cspan class=\"sp-badge\"\u003e🇨🇭 Qualité suisse\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e💧 Formule liquide ionisée\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e⚡ Haute assimilation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eSolution Précieuse N°18\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003eRecharge minérale complète en oligoéléments essentiels\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003e6 oligoéléments ionisés pour combattre la fatigue temporaire et restaurer votre vitalité\u003c\/p\u003e\n \u003cdiv class=\"sp-hero-minerals\"\u003e\n \u003cspan class=\"sp-mineral\"\u003eCu\u003c\/span\u003e\n \u003cspan class=\"sp-mineral\"\u003eI\u003c\/span\u003e\n \u003cspan class=\"sp-mineral\"\u003eSe\u003c\/span\u003e\n \u003cspan class=\"sp-mineral\"\u003eMo\u003c\/span\u003e\n \u003cspan class=\"sp-mineral\"\u003eCr\u003c\/span\u003e\n \u003cspan class=\"sp-mineral\"\u003eMn\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e💎 Pourquoi cette formule est précieuse\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e⚡ Absorption sublinguale\u003c\/h3\u003e\n \u003cp\u003eGardez sous la langue 30 secondes : les oligoéléments passent directement dans le sang, sans perte digestive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🔬 Forme ionisée unique\u003c\/h3\u003e\n \u003cp\u003eProcédé suisse exclusif garantissant une biodisponibilité optimale et une stabilité parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🎯 Synergie complète\u003c\/h3\u003e\n \u003cp\u003e6 oligoéléments essentiels aux actions complémentaires pour une recharge minérale globale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n \u003cp\u003eBase aqueuse avec sirop de maltose et arôme naturel de cassis pour une prise agréable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e🧬 Les 6 oligoéléments et leurs actions\u003c\/h2\u003e\n \u003cdiv class=\"sp-minerals-grid\"\u003e\n \u003cdiv class=\"sp-mineral-card\"\u003e\n \u003cdiv class=\"sp-mineral-symbol\"\u003eCu\u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-info\"\u003e\n \u003ch3\u003eCuivre\u003c\/h3\u003e\n \u003cspan class=\"sp-dosage\"\u003e450 µg · 45% VNR\u003c\/span\u003e\n \u003cp\u003eSoutient le système immunitaire, protège contre le stress oxydatif, participe au métabolisme énergétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-card\"\u003e\n \u003cdiv class=\"sp-mineral-symbol\"\u003eI\u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-info\"\u003e\n \u003ch3\u003eIode\u003c\/h3\u003e\n \u003cspan class=\"sp-dosage\"\u003e54 µg · 36% VNR\u003c\/span\u003e\n \u003cp\u003eIndispensable aux hormones thyroïdiennes, soutient les fonctions cognitives et le métabolisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-card\"\u003e\n \u003cdiv class=\"sp-mineral-symbol\"\u003eSe\u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-info\"\u003e\n \u003ch3\u003eSélénium\u003c\/h3\u003e\n \u003cspan class=\"sp-dosage\"\u003e80 µg · 145% VNR\u003c\/span\u003e\n \u003cp\u003ePuissant antioxydant, protège les cellules, soutient thyroïde et immunité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-card\"\u003e\n \u003cdiv class=\"sp-mineral-symbol\"\u003eMo\u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-info\"\u003e\n \u003ch3\u003eMolybdène\u003c\/h3\u003e\n \u003cspan class=\"sp-dosage\"\u003e49 µg · 98% VNR\u003c\/span\u003e\n \u003cp\u003eMétabolisme des acides aminés soufrés, aide à éliminer les substances indésirables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-card\"\u003e\n \u003cdiv class=\"sp-mineral-symbol\"\u003eCr\u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-info\"\u003e\n \u003ch3\u003eChrome\u003c\/h3\u003e\n \u003cspan class=\"sp-dosage\"\u003e9 µg · 22% VNR\u003c\/span\u003e\n \u003cp\u003eMaintien d'une glycémie normale pour une énergie stable tout au long de la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-card\"\u003e\n \u003cdiv class=\"sp-mineral-symbol\"\u003eMn\u003c\/div\u003e\n \u003cdiv class=\"sp-mineral-info\"\u003e\n \u003ch3\u003eManganèse\u003c\/h3\u003e\n \u003cspan class=\"sp-dosage\"\u003e450 µg · 22% VNR\u003c\/span\u003e\n \u003cp\u003eMétabolisme énergétique, formation osseuse, protection cellulaire antioxydante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e🎯 Pour qui est conçue cette solution ?\u003c\/h2\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003eVous ressentez un manque d'énergie que le repos seul ne résout pas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🏥 Convalescence\u003c\/h3\u003e\n \u003cp\u003eAprès une maladie ou intervention, votre organisme a besoin de se reconstruire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🍂 Changements de saison\u003c\/h3\u003e\n \u003cp\u003ePréparez vos défenses naturelles aux transitions automne\/hiver et hiver\/printemps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🧠 Surmenage\u003c\/h3\u003e\n \u003cp\u003eEffort physique ou intellectuel intense nécessitant une recharge minérale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🥗 Alimentation déséquilibrée\u003c\/h3\u003e\n \u003cp\u003eVos repas ne couvrent pas tous vos besoins en micronutriments essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n \u003cp\u003eRenforcez vos défenses naturelles avec des oligoéléments clés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi optimal\u003c\/h2\u003e\n \u003cdiv class=\"sp-steps\"\u003e\n \u003cdiv class=\"sp-step\"\u003e\n \u003cdiv class=\"sp-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sp-step-content\"\u003e\n \u003ch3\u003eAgiter le flacon\u003c\/h3\u003e\n \u003cp\u003eBien secouer avant chaque utilisation pour homogénéiser la solution\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-step\"\u003e\n \u003cdiv class=\"sp-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sp-step-content\"\u003e\n \u003ch3\u003eDoser précisément\u003c\/h3\u003e\n \u003cp\u003eUtiliser la cuillère doseuse fournie : \u003cstrong\u003e5 ml adultes\u003c\/strong\u003e · \u003cstrong\u003e2,5 ml enfants +35kg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-step\"\u003e\n \u003cdiv class=\"sp-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sp-step-content\"\u003e\n \u003ch3\u003eAbsorption sublinguale\u003c\/h3\u003e\n \u003cp\u003eGarder \u003cstrong\u003e30 secondes sous la langue\u003c\/strong\u003e avant d'avaler pour une efficacité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-step\"\u003e\n \u003cdiv class=\"sp-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sp-step-content\"\u003e\n \u003ch3\u003eTiming idéal\u003c\/h3\u003e\n \u003cp\u003eÀ jeun ou 15-30 min avant les repas, \u003cstrong\u003e1 à 2 fois par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-cure-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eCure recommandée :\u003c\/strong\u003e 4 à 6 semaines, renouvelable aux intersaisons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e🔬 Comprendre les oligoéléments\u003c\/h2\u003e\n \u003cdiv class=\"sp-info-box\"\u003e\n \u003cdiv class=\"sp-info-item\"\u003e\n \u003ch3\u003eQu'est-ce qu'un oligoélément ?\u003c\/h3\u003e\n \u003cp\u003eUn minéral présent en quantité infime (\u0026lt; 1 mg\/kg de poids) mais absolument vital. Ces micronutriments agissent comme \u003cstrong\u003ecatalyseurs enzymatiques\u003c\/strong\u003e : sans eux, des centaines de réactions métaboliques ne peuvent se produire correctement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-info-item\"\u003e\n \u003ch3\u003eOligoéléments vs minéraux vs vitamines\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eVitamines :\u003c\/strong\u003e composés organiques non synthétisés par l'organisme\u003cbr\u003e\n \u003cstrong\u003eMinéraux :\u003c\/strong\u003e calcium, magnésium... nécessaires en centaines de mg\/jour\u003cbr\u003e\n \u003cstrong\u003eOligoéléments :\u003c\/strong\u003e minéraux traces en quantités infimes mais cruciales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-info-item\"\u003e\n \u003ch3\u003ePourquoi la forme liquide ionisée ?\u003c\/h3\u003e\n \u003cp\u003eContrairement aux comprimés qui doivent être digérés, la forme liquide ionisée permet une \u003cstrong\u003eabsorption sublinguale directe\u003c\/strong\u003e dans le sang. Idéal si votre système digestif est fragilisé ou pour des résultats rapides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e📦 Composition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"sp-composition-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Eau (58,09%), sirop de maltose (36,65%), alcool (6% vol.), arôme naturel de cassis (0,72%), acidifiant : acide citrique (0,003%), oligoéléments ionisés (cuivre, iode, sélénium, molybdène, chrome, manganèse)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e📏 150 ml\u003c\/h3\u003e\n \u003cp\u003e≈ 30 doses adultes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e📏 500 ml\u003c\/h3\u003e\n \u003cp\u003e≈ 100 doses adultes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"sp-accordion\"\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Déconseillé aux enfants de moins de 3 ans. Femmes enceintes ou allaitantes : demandez l'avis de votre médecin ou pharmacien avant utilisation. Contient 6% d'alcool.\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\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière. Bien refermer le flacon après 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🇨🇭 Qualité Bioligo\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content\"\u003e\n \u003cp\u003eBioligo est un laboratoire suisse spécialisé dans les préparations d'oligoéléments depuis plusieurs décennies. Leur procédé exclusif d'ionisation garantit des formules stables et parfaitement assimilables. Chaque lot est rigoureusement contrôlé pour offrir une qualité pharmaceutique sans compromis.\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ℹ️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"sp-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. Il ne remplace en aucun cas un traitement médical. En cas de doute ou de symptômes persistants, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sp-cta-box\"\u003e\n \u003cp\u003e💎 Offrez à votre organisme la \u003cstrong\u003erecharge minérale précieuse\u003c\/strong\u003e dont il a besoin.\u003cbr\u003e6 oligoéléments essentiels en formule liquide suisse hautement biodisponible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sp-cream: #f5f8fa;\n --sp-white: #ffffff;\n --sp-primary: #1a6b9c;\n --sp-primary-dark: #0d4a6f;\n --sp-primary-light: #e8f4fa;\n --sp-secondary: #3498db;\n --sp-accent: #c9a227;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(26,107,156,.08);\n --sp-shadow-lg: 0 12px 48px rgba(26,107,156,.15);\n --sp-radius: 20px;\n --sp-radius-sm: 12px;\n}\n\n.sp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--sp-primary-dark) 0%, var(--sp-primary) 50%, var(--sp-secondary) 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.sp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\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.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,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.sp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n.sp-hero-minerals {\n display: flex;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.sp-mineral {\n width: 44px;\n height: 44px;\n background: var(--sp-accent);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(201,162,39,.4);\n transition: transform .3s ease;\n}\n\n.sp-mineral:hover {\n transform: scale(1.15);\n}\n\n.sp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-accent));\n border-radius: 2px;\n}\n\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n}\n\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-minerals-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1rem;\n}\n\n.sp-mineral-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: 1.25rem;\n box-shadow: var(--sp-shadow);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.sp-mineral-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-accent);\n}\n\n.sp-mineral-symbol {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-secondary) 100%);\n color: white;\n border-radius: 12px;\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.sp-mineral-info h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-dosage {\n display: inline-block;\n background: var(--sp-primary-light);\n color: var(--sp-primary);\n font-size: 12px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n margin-bottom: .5rem;\n}\n\n.sp-mineral-info p {\n font-size: 13px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sp-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.sp-step {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: 1.25rem;\n box-shadow: var(--sp-shadow);\n}\n\n.sp-step-number {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sp-accent) 0%, #e0b82d 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n flex-shrink: 0;\n}\n\n.sp-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.sp-step-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sp-cure-box {\n background: linear-gradient(135deg, var(--sp-primary-light) 0%, #d4eaf5 100%);\n border-radius: var(--sp-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n margin-top: 1.5rem;\n border-left: 4px solid var(--sp-primary);\n}\n\n.sp-cure-box p {\n margin: 0;\n color: var(--sp-primary-dark);\n font-size: 15px;\n}\n\n.sp-info-box {\n display: grid;\n gap: 1rem;\n}\n\n.sp-info-item {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: 1.5rem;\n box-shadow: var(--sp-shadow);\n}\n\n.sp-info-item h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.sp-info-item p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.sp-composition-box {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: 1.5rem;\n box-shadow: var(--sp-shadow);\n margin-bottom: 1rem;\n}\n\n.sp-composition-box p {\n margin: 0;\n font-size: 14px;\n color: var(--sp-text-light);\n line-height: 1.7;\n}\n\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}\n\n.sp-accordion-content p {\n margin: 0;\n}\n\n.sp-cta-box {\n background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n border-radius: var(--sp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sp-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n animation: pulse 4s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { transform: scale(1); opacity: .5; }\n 50% { transform: scale(1.1); opacity: .8; }\n}\n\n.sp-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n@media (max-width: 767px) {\n .sp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sp-minerals-grid {\n grid-template-columns: 1fr;\n }\n \n .sp-grid-compact {\n gap: .625rem;\n }\n \n .sp-grid-compact .sp-card {\n padding: .75rem;\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 .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-mineral-card {\n padding: 1rem;\n }\n \n .sp-mineral-symbol {\n width: 44px;\n height: 44px;\n font-size: 16px;\n }\n \n .sp-hero-minerals {\n gap: 8px;\n }\n \n .sp-mineral {\n width: 38px;\n height: 38px;\n font-size: 12px;\n }\n \n .sp-step {\n padding: 1rem;\n }\n \n .sp-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\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\n@media (prefers-reduced-motion: no-preference) {\n .sp-card,\n .sp-mineral-card,\n .sp-step,\n .sp-info-item {\n animation: fadeInUp .5s ease backwards;\n }\n .sp-card:nth-child(1), .sp-mineral-card:nth-child(1), .sp-step:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2), .sp-mineral-card:nth-child(2), .sp-step:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3), .sp-mineral-card:nth-child(3), .sp-step:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4), .sp-mineral-card:nth-child(4), .sp-step:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5), .sp-mineral-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6), .sp-mineral-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BIOLIGO","offers":[{"title":"150 ml","offer_id":55478445932921,"sku":"BY0025","price":18.9,"currency_code":"EUR","in_stock":true},{"title":"500 ml","offer_id":55478445965689,"sku":"BY0030","price":49.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bioligo_poe18_solution_precieuse_150ml.jpg?v=1752743167"},{"product_id":"vitalite-collagene-pomme-citron-humble","title":"Multi-Nutriments Vitalité - 420g (saveur Pomme-Citron) - Humble+","description":"\u003cstyle\u003e.rf-gallery-main,.reelfy-stories{display:none!important;}\u003c\/style\u003e\n\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 hmb-compo\"\u003e\n \u003ch2\u003eComposition détaillée par dose de 14 g\u003c\/h2\u003e\n \u003cp class=\"hmb-section-intro\"\u003eUne dosette de 14 g dans 250 ml d'eau ou de lait végétal. Voici exactement ce qu'elle vous apporte, avec la part des \u003cstrong\u003evaleurs nutritionnelles de référence (VNR)\u003c\/strong\u003e couverte chaque jour.\u003c\/p\u003e\n \u003cdiv class=\"hmb-accordion\"\u003e\n \u003cdetails class=\"hmb-accordion-item\"\u003e\n \u003csummary class=\"hmb-accordion-header\"\u003e💊 Vitamines\u003c\/summary\u003e\n \u003cdiv class=\"hmb-accordion-content mt-3\"\u003e\n \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eVitamine\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine C\u003c\/td\u003e\n\u003ctd\u003e94 mg\u003c\/td\u003e\n\u003ctd\u003e118 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine A\u003c\/td\u003e\n\u003ctd\u003e789 µg\u003c\/td\u003e\n\u003ctd\u003e99 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine D3\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\u003eVitamine E\u003c\/td\u003e\n\u003ctd\u003e12 mg\u003c\/td\u003e\n\u003ctd\u003e98 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine K1\u003c\/td\u003e\n\u003ctd\u003e72 µg\u003c\/td\u003e\n\u003ctd\u003e96 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B1 (thiamine)\u003c\/td\u003e\n\u003ctd\u003e1,2 mg\u003c\/td\u003e\n\u003ctd\u003e107 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B2 (riboflavine)\u003c\/td\u003e\n\u003ctd\u003e1,5 mg\u003c\/td\u003e\n\u003ctd\u003e108 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B3 (niacine)\u003c\/td\u003e\n\u003ctd\u003e14 mg\u003c\/td\u003e\n\u003ctd\u003e86 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B5 (acide pantothénique)\u003c\/td\u003e\n\u003ctd\u003e6,1 mg\u003c\/td\u003e\n\u003ctd\u003e101 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B6 (pyridoxine)\u003c\/td\u003e\n\u003ctd\u003e1,5 mg\u003c\/td\u003e\n\u003ctd\u003e109 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B8 (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\u003eVitamine B9 (acide folique)\u003c\/td\u003e\n\u003ctd\u003e178 µg\u003c\/td\u003e\n\u003ctd\u003e89 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eVitamine B12 (cyanocobalamine)\u003c\/td\u003e\n\u003ctd\u003e2,5 µg\u003c\/td\u003e\n\u003ctd\u003e99 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\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 \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eMinéral\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003cth\u003e% VNR*\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003ePotassium\u003c\/td\u003e\n\u003ctd\u003e409 mg\u003c\/td\u003e\n\u003ctd\u003e20 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMagnésium\u003c\/td\u003e\n\u003ctd\u003e120 mg\u003c\/td\u003e\n\u003ctd\u003e32 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCalcium\u003c\/td\u003e\n\u003ctd\u003e36,5 mg\u003c\/td\u003e\n\u003ctd\u003e5 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eZinc\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\u003eIode\u003c\/td\u003e\n\u003ctd\u003e57,3 µg\u003c\/td\u003e\n\u003ctd\u003e38 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSélénium\u003c\/td\u003e\n\u003ctd\u003e22 µg\u003c\/td\u003e\n\u003ctd\u003e40 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eChrome\u003c\/td\u003e\n\u003ctd\u003e13 µg\u003c\/td\u003e\n\u003ctd\u003e31 %\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\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 \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri hmb-nutri--plain\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eActif\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003ePoudre d'épinard\u003c\/td\u003e\n\u003ctd\u003e363 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSpiruline\u003c\/td\u003e\n\u003ctd\u003e245 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eExtrait de Rhodiola rosea\u003c\/td\u003e\n\u003ctd\u003e200 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eCholine (bitartrate)\u003c\/td\u003e\n\u003ctd\u003e160 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\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 \u003cdiv class=\"hmb-nutri-wrap\"\u003e\n \u003ctable class=\"hmb-nutri hmb-nutri--plain\"\u003e\n \u003cthead\u003e\u003ctr\u003e\n\u003cth\u003eNutriment\u003c\/th\u003e\n\u003cth\u003ePar dose\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003eÉnergie\u003c\/td\u003e\n\u003ctd\u003e48 kcal \/ 204 kJ\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eProtéines\u003c\/td\u003e\n\u003ctd\u003e3,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eGlucides\u003c\/td\u003e\n\u003ctd\u003e6,8 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e  dont sucres\u003c\/td\u003e\n\u003ctd\u003e2,2 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eFibres alimentaires\u003c\/td\u003e\n\u003ctd\u003e2,9 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eMatières grasses\u003c\/td\u003e\n\u003ctd\u003e\u0026lt; 0,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e  dont acides gras saturés\u003c\/td\u003e\n\u003ctd\u003e\u0026lt; 0,1 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003eSel\u003c\/td\u003e\n\u003ctd\u003e0,22 g\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\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 (origine UE), fibre d'acacia (origine non UE), minéraux (12 %) : citrate de potassium, bisglycinate de magnésium, bisglycinate de zinc, picolinate de chrome, iodure de potassium ; sucre blond de canne, arôme naturel de citron et autres arômes naturels, poudre de citron (4,32 %), poudre de pomme (4,32 %), choline L-bitartrate enrobée, vitamines (2,7 %) : vitamine C (acide ascorbique), vitamine K1 (phylloquinone), extrait d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e L., fruit), vitamine E, vitamine B3 (nicotinamide), vitamine A (acétate de rétinol), vitamine B5, vitamine B12, vitamine B6, vitamine D3 (cholécalciférol), vitamine B1, vitamine B2, vitamine B9, vitamine B8 (biotine) ; poudre d'épinard (2,59 %), poudre de microalgues de spiruline (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) (1,75 %), extrait de \u003cem\u003eRhodiola rosea\u003c\/em\u003e (racine) (1,44 %), maltodextrine, basilic, L-sélénométhionine.\u003c\/p\u003e\n \u003cp class=\"hmb-nutri-traces\"\u003ePeut contenir des traces de sulfites, céleri, gluten, lait et moutarde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hmb-disclaimer\"\u003e* VNR : valeurs nutritionnelles de référence pour un adulte.\u003c\/p\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\n \/* Tableaux de composition *\/\n .hmb-nutri-wrap { overflow-x: auto; max-width: 720px; margin: 0 auto; }\n .hmb-premium table.hmb-nutri { width: 100%; table-layout: auto; margin: 0; border: none; border-collapse: collapse; font-size: 14px; color: var(--hmb-text); word-break: normal; }\n .hmb-premium table.hmb-nutri th, .hmb-premium table.hmb-nutri td { border-width: 0 0 1px; border-style: solid; border-color: var(--hmb-border); padding: .55rem .75rem !important; box-shadow: none; background-clip: border-box; }\n .hmb-nutri th { text-align: left; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--hmb-secondary); padding: .5rem .5rem .6rem; border-bottom: 2px solid var(--hmb-primary); }\n .hmb-nutri td { padding: .55rem .5rem; border-bottom: 1px solid var(--hmb-border); }\n .hmb-nutri tbody tr:last-child td { border-bottom: none; }\n .hmb-nutri tbody tr:nth-child(even) td { background: var(--hmb-primary-light); }\n .hmb-nutri th:not(:first-child), .hmb-nutri td:not(:first-child) { text-align: right; white-space: nowrap; width: 1%; }\n .hmb-nutri td:last-child { font-weight: 700; color: var(--hmb-primary-dark); }\n .hmb-nutri--plain td:last-child { font-weight: 600; }\n .hmb-accordion-content .hmb-nutri-traces { margin-top: .75rem; font-style: italic; }\n @media (max-width: 767px) { .hmb-premium table.hmb-nutri { font-size: 13px; } .hmb-premium table.hmb-nutri th, .hmb-premium table.hmb-nutri td { padding: .5rem .4rem !important; } .hmb-premium table.hmb-nutri th { letter-spacing: 0; } }\n\n @media (min-width: 768px) { .hmb-premium .hmb-grid:has(\u003e :nth-child(5):last-child), .hmb-premium .hmb-grid:has(\u003e :nth-child(6):last-child) { grid-template-columns: repeat(3, 1fr); } }\n\n.hmb-premium .hmb-accordion-header { gap: .75rem; } .hmb-premium .hmb-accordion-header::after { flex-shrink: 0; }\n\u003c\/style\u003e","brand":"HUMBLE +","offers":[{"title":"Default Title","offer_id":55692167709049,"sku":"MULTINUTRIMENTSVITALIT","price":50.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":"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"},{"product_id":"klamath-crue-bio-40-gelules-sol-semilla","title":"Klamath Crue Bio - 40 gélules - Sol Semilla","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Klamath Crue Bio - 40 gélules - Sol Semilla\nPalette détectée:\n - Primaire: #1B5E4A (vert profond du packaging\/nature)\n - Secondaire: #0077B6 (bleu intense rappelant la phycocyanine et le lac)\n - Accent: #00CED1 (turquoise vibrant pour l'eau pure)\nAmbiance: Naturel\/bio premium, pureté aquatique, vitalité, lac préservé, micro-algue d'exception\nPréfixe CSS: kla\n--\u003e\n\u003cdiv class=\"kla-premium\"\u003e\n\u003cdiv class=\"kla-hero\"\u003e\n\u003cdiv class=\"kla-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kla-hero-content\"\u003e\n\u003cdiv class=\"kla-badges-top\"\u003e\n\u003cspan class=\"kla-badge\"\u003e🌿 100% Bio certifié\u003c\/span\u003e \u003cspan class=\"kla-badge\"\u003e💎 14% Phycocyanine\u003c\/span\u003e \u003cspan class=\"kla-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kla-hero-title\"\u003eKlamath Crue Bio\u003c\/span\u003e\n\u003cp class=\"kla-subtitle\"\u003eL'algue bleue-verte du lac Klamath pour votre vitalité\u003c\/p\u003e\n\u003cp class=\"kla-description\"\u003eRécoltée dans les eaux cristallines de l'Oregon, cette micro-algue \u003cem\u003eAphanizomenon flos aquae\u003c\/em\u003e concentre une richesse nutritive exceptionnelle, préservée intacte grâce au séchage basse température.\u003c\/p\u003e\n\u003cdiv class=\"kla-hero-stats\"\u003e\n\u003cdiv class=\"kla-stat\"\u003e\n\u003cspan class=\"kla-stat-number\"\u003e40\u003c\/span\u003e \u003cspan class=\"kla-stat-label\"\u003eGélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-stat\"\u003e\n\u003cspan class=\"kla-stat-number\"\u003e500mg\u003c\/span\u003e \u003cspan class=\"kla-stat-label\"\u003ePar gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-stat\"\u003e\n\u003cspan class=\"kla-stat-number\"\u003e21+\u003c\/span\u003e \u003cspan class=\"kla-stat-label\"\u003eJours de cure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e✨ Pourquoi choisir l'algue Klamath ?\u003c\/h2\u003e\n\u003cp class=\"kla-intro-text\"\u003eCette algue se distingue par un profil nutritionnel unique au monde. Découvrez ses bienfaits reconnus :\u003c\/p\u003e\n\u003cdiv class=\"kla-grid\"\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eÉnergie physique et mentale\u003c\/h3\u003e\n\u003cp\u003eIdéale pour les périodes de fatigue ou de surmenage. Retrouvez votre dynamisme naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e🧠\u003c\/div\u003e\n\u003ch3\u003eConcentration et clarté\u003c\/h3\u003e\n\u003cp\u003eUn allié précieux pour le travail intellectuel et la mémorisation au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e😊\u003c\/div\u003e\n\u003ch3\u003eÉquilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eGrâce à sa teneur naturelle en phényléthylamine (PEA), souvent appelée \"molécule du bonheur\".\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e🏃\u003c\/div\u003e\n\u003ch3\u003eRécupération sportive\u003c\/h3\u003e\n\u003cp\u003eAppréciée des sportifs pour ses propriétés régénérantes après l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eEffet adaptogène\u003c\/h3\u003e\n\u003cp\u003eAide votre organisme à mieux gérer le stress quotidien et les défis de la vie moderne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e🌟\u003c\/div\u003e\n\u003ch3\u003eProtection antioxydante\u003c\/h3\u003e\n\u003cp\u003eCombat le stress oxydatif responsable du vieillissement cellulaire prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e🧬 Composition 100% pure et naturelle\u003c\/h2\u003e\n\u003cp class=\"kla-intro-text\"\u003eCe complément contient exclusivement de la Klamath bio (\u003cem\u003eAphanizomenon flos aquae\u003c\/em\u003e), sans aucun excipient ajouté.\u003c\/p\u003e\n\u003cdiv class=\"kla-composition-grid\"\u003e\n\u003cdiv class=\"kla-card kla-composition-card kla-featured\"\u003e\n\u003cdiv class=\"kla-composition-header\"\u003e\n\u003cspan class=\"kla-composition-icon\"\u003e💙\u003c\/span\u003e \u003cspan class=\"kla-composition-badge\"\u003eStar de la formule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch3\u003ePhycocyanine\u003c\/h3\u003e\n\u003cspan class=\"kla-dosage\"\u003e14%\u003c\/span\u003e\n\u003cp\u003eCe pigment bleu puissant est reconnu pour ses propriétés antioxydantes exceptionnelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-composition-card\"\u003e\n\u003cdiv class=\"kla-composition-header\"\u003e\u003cspan class=\"kla-composition-icon\"\u003e🧠\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003ePhényléthylamine (PEA)\u003c\/h3\u003e\n\u003cspan class=\"kla-dosage\"\u003eNaturellement présent\u003c\/span\u003e\n\u003cp\u003eNeurotransmetteur naturel impliqué dans le bien-être émotionnel et la motivation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-composition-card\"\u003e\n\u003cdiv class=\"kla-composition-header\"\u003e\u003cspan class=\"kla-composition-icon\"\u003e🔋\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eVitamines B5, B6, B12 \u0026amp; K1\u003c\/h3\u003e\n\u003cspan class=\"kla-dosage\"\u003eSpectre complet\u003c\/span\u003e\n\u003cp\u003eEssentielles au métabolisme énergétique et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-composition-card\"\u003e\n\u003cdiv class=\"kla-composition-header\"\u003e\u003cspan class=\"kla-composition-icon\"\u003e🩸\u003c\/span\u003e\u003c\/div\u003e\n\u003ch3\u003eFer\u003c\/h3\u003e\n\u003cspan class=\"kla-dosage\"\u003eBiodisponible\u003c\/span\u003e\n\u003cp\u003eContribue à réduire la fatigue et au transport optimal de l'oxygène dans l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e📋 Comment prendre la Klamath crue bio ?\u003c\/h2\u003e\n\u003cdiv class=\"kla-usage-container\"\u003e\n\u003cdiv class=\"kla-timeline\"\u003e\n\u003cdiv class=\"kla-timeline-item\"\u003e\n\u003cdiv class=\"kla-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kla-timeline-content\"\u003e\n\u003ch3\u003eCommencez doucement\u003c\/h3\u003e\n\u003cp\u003eDébutez par \u003cstrong\u003e1 gélule quotidienne\u003c\/strong\u003e pour habituer votre organisme à cette concentration exceptionnelle de nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-timeline-item\"\u003e\n\u003cdiv class=\"kla-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kla-timeline-content\"\u003e\n\u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n\u003cp\u003ePassez à \u003cstrong\u003e2 à 4 gélules par jour\u003c\/strong\u003e (soit 1 à 2 g maximum) selon vos besoins et votre ressenti.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-timeline-item\"\u003e\n\u003cdiv class=\"kla-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kla-timeline-content\"\u003e\n\u003ch3\u003eMoment idéal\u003c\/h3\u003e\n\u003cp\u003eDe préférence \u003cstrong\u003eavant les repas\u003c\/strong\u003e, avec un grand verre d'eau pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-timeline-item\"\u003e\n\u003cdiv class=\"kla-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"kla-timeline-content\"\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eComptez \u003cstrong\u003eminimum 21 jours\u003c\/strong\u003e pour des résultats significatifs et durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-tip-box\"\u003e\n\u003cspan class=\"kla-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConseil d'expert :\u003c\/strong\u003e Cette approche progressive permet à votre corps de s'adapter en douceur à cette concentration exceptionnelle de nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e🏆 Des garanties de qualité irréprochables\u003c\/h2\u003e\n\u003cdiv class=\"kla-quality-grid\"\u003e\n\u003cdiv class=\"kla-quality-card\"\u003e\n\u003cdiv class=\"kla-quality-icon\"\u003e🌍\u003c\/div\u003e\n\u003ch3\u003eOrigine contrôlée\u003c\/h3\u003e\n\u003cp\u003eRécoltée dans le lac Klamath, Oregon (États-Unis), l'un des écosystèmes les plus préservés au monde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-quality-card\"\u003e\n\u003cdiv class=\"kla-quality-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eDouble certification bio\u003c\/h3\u003e\n\u003cp\u003eOTCO (Organic Tilth Certified Oregon) et ECOCERT FR-BIO-01 pour une traçabilité totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-quality-card\"\u003e\n\u003cdiv class=\"kla-quality-icon\"\u003e❄️\u003c\/div\u003e\n\u003ch3\u003eSéchage basse température\u003c\/h3\u003e\n\u003cp\u003ePréserve l'intégrité nutritionnelle et les enzymes vivantes de l'algue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-quality-card\"\u003e\n\u003cdiv class=\"kla-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eConditionné en France\u003c\/h3\u003e\n\u003cp\u003eContrôle et conditionnement en France pour une qualité garantie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-taste-box\"\u003e\n\u003cspan class=\"kla-taste-icon\"\u003e🌊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eLa saveur ?\u003c\/strong\u003e Une fraîcheur légèrement iodée, caractéristique de cette micro-algue d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e👥 Pour qui est destinée la Klamath ?\u003c\/h2\u003e\n\u003cdiv class=\"kla-profiles-grid\"\u003e\n\u003cdiv class=\"kla-profile-card\"\u003e\n\u003cspan class=\"kla-profile-icon\"\u003e💼\u003c\/span\u003e\n\u003ch3\u003eActifs surmenés\u003c\/h3\u003e\n\u003cp\u003ePour retrouver énergie et concentration au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-profile-card\"\u003e\n\u003cspan class=\"kla-profile-icon\"\u003e📚\u003c\/span\u003e\n\u003ch3\u003eÉtudiants\u003c\/h3\u003e\n\u003cp\u003eSoutien cognitif pendant les périodes d'examens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-profile-card\"\u003e\n\u003cspan class=\"kla-profile-icon\"\u003e🏋️\u003c\/span\u003e\n\u003ch3\u003eSportifs\u003c\/h3\u003e\n\u003cp\u003eRécupération optimale et performance durable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-profile-card\"\u003e\n\u003cspan class=\"kla-profile-icon\"\u003e🧘\u003c\/span\u003e\n\u003ch3\u003eEn quête de bien-être\u003c\/h3\u003e\n\u003cp\u003eÉquilibre émotionnel et gestion du stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"kla-warning-box\"\u003e\n\u003cdiv class=\"kla-warning-header\"\u003e\n\u003cspan class=\"kla-warning-icon\"\u003e⚠️\u003c\/span\u003e\n\u003ch3\u003eL'algue Klamath est déconseillée dans les situations suivantes :\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cul class=\"kla-warning-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"kla-warning-bullet\"\u003e•\u003c\/span\u003e Femmes enceintes ou allaitantes\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"kla-warning-bullet\"\u003e•\u003c\/span\u003e Personnes atteintes de phénylcétonurie (PCU) : \u003cstrong\u003estrictement contre-indiqué\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"kla-warning-bullet\"\u003e•\u003c\/span\u003e Troubles bipolaires, schizophrénie ou anxiété généralisée\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"kla-warning-bullet\"\u003e•\u003c\/span\u003e Maladies auto-immunes actives ou greffes d'organes\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"kla-warning-bullet\"\u003e•\u003c\/span\u003e Traitement immunosuppresseur ou anticoagulant (présence de vitamine K)\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"kla-warning-bullet\"\u003e•\u003c\/span\u003e Troubles liés à l'accumulation de fer\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"kla-warning-bullet\"\u003e•\u003c\/span\u003e Enfants de moins de 10 ans\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"kla-warning-footer\"\u003e\n\u003cp\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e ce complément alimentaire ne remplace pas une alimentation variée et équilibrée, ni un suivi médical adapté. En cas de doute, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"kla-info-grid\"\u003e\n\u003cdiv class=\"kla-info-card\"\u003e\n\u003cspan class=\"kla-info-icon\"\u003e📦\u003c\/span\u003e \u003cspan class=\"kla-info-label\"\u003eFormat\u003c\/span\u003e \u003cspan class=\"kla-info-value\"\u003e40 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-info-card\"\u003e\n\u003cspan class=\"kla-info-icon\"\u003e⏱️\u003c\/span\u003e \u003cspan class=\"kla-info-label\"\u003eDurée\u003c\/span\u003e \u003cspan class=\"kla-info-value\"\u003e10 à 20 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-info-card\"\u003e\n\u003cspan class=\"kla-info-icon\"\u003e💊\u003c\/span\u003e \u003cspan class=\"kla-info-label\"\u003ePar gélule\u003c\/span\u003e \u003cspan class=\"kla-info-value\"\u003e500 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-info-card\"\u003e\n\u003cspan class=\"kla-info-icon\"\u003e🌡️\u003c\/span\u003e \u003cspan class=\"kla-info-label\"\u003eConservation\u003c\/span\u003e \u003cspan class=\"kla-info-value\"\u003eFrais et sec\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-info-card\"\u003e\n\u003cspan class=\"kla-info-icon\"\u003e🌿\u003c\/span\u003e \u003cspan class=\"kla-info-label\"\u003eCertification\u003c\/span\u003e \u003cspan class=\"kla-info-value\"\u003eBio ECOCERT\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-info-card\"\u003e\n\u003cspan class=\"kla-info-icon\"\u003e🌍\u003c\/span\u003e \u003cspan class=\"kla-info-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"kla-info-value\"\u003eLac Klamath, Oregon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"kla-section\"\u003e\n\u003cdiv class=\"kla-cta-box\"\u003e\n\u003cdiv class=\"kla-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kla-cta-content\"\u003e\n\u003cspan class=\"kla-cta-icon\"\u003e🌿\u003c\/span\u003e\n\u003ch3\u003eRéveillez votre vitalité naturelle\u003c\/h3\u003e\n\u003cp\u003eOffrez à votre corps ce trésor nutritionnel rare du lac Klamath. 40 gélules de pure énergie, 100% bio, pour retrouver concentration, équilibre émotionnel et dynamisme au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"kla-cta-badges\"\u003e\n\u003cspan class=\"kla-cta-badge\"\u003e✓ Sans excipient\u003c\/span\u003e \u003cspan class=\"kla-cta-badge\"\u003e✓ Crue et vivante\u003c\/span\u003e \u003cspan class=\"kla-cta-badge\"\u003e✓ Double certification bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --kla-cream: #F5F9F7;\n --kla-white: #ffffff;\n --kla-primary: #1B5E4A;\n --kla-primary-dark: #134239;\n --kla-primary-light: #E8F4F0;\n --kla-secondary: #0077B6;\n --kla-secondary-light: #E6F3FA;\n --kla-accent: #00CED1;\n --kla-accent-light: #E0FAFA;\n --kla-text: #1a1a1a;\n --kla-text-light: #5a5a5a;\n --kla-border: #e0e0e0;\n --kla-shadow: 0 4px 24px rgba(27, 94, 74, .08);\n --kla-shadow-lg: 0 12px 48px rgba(27, 94, 74, .15);\n --kla-radius: 20px;\n --kla-radius-sm: 12px;\n --kla-warning: #D97706;\n --kla-warning-bg: #FEF3C7;\n}\n\n.kla-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kla-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kla-text);\n line-height: 1.6;\n}\n\n.kla-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.kla-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-secondary) 50%, var(--kla-accent) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 40% 40%, rgba(0,206,209,.2) 0%, transparent 30%);\n opacity: .6;\n}\n\n.kla-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kla-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.kla-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kla-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kla-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kla-subtitle {\n color: rgba(255,255,255,.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.kla-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.kla-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.kla-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--kla-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.kla-stat-number {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.kla-stat-label {\n font-size: 12px;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.kla-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.kla-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--kla-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.kla-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kla-primary), var(--kla-accent));\n border-radius: 2px;\n}\n\n.kla-intro-text {\n text-align: center;\n font-size: clamp(16px, 2vw, 18px);\n color: var(--kla-text-light);\n max-width: 700px;\n margin: -1rem auto 2rem auto;\n}\n\n\/* === GRILLES === *\/\n.kla-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.kla-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.kla-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--kla-shadow-lg);\n border-color: var(--kla-primary);\n}\n\n\/* === BENEFIT CARDS === *\/\n.kla-benefit-card {\n text-align: center;\n}\n\n.kla-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.kla-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.kla-card p {\n font-size: 15px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION CARDS === *\/\n.kla-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.kla-composition-card {\n text-align: center;\n position: relative;\n}\n\n.kla-composition-card.kla-featured {\n background: linear-gradient(135deg, var(--kla-secondary-light) 0%, var(--kla-accent-light) 100%);\n border-color: var(--kla-secondary);\n}\n\n.kla-composition-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n margin-bottom: 1rem;\n}\n\n.kla-composition-icon {\n font-size: 40px;\n}\n\n.kla-composition-badge {\n background: linear-gradient(135deg, var(--kla-secondary), var(--kla-accent));\n color: white;\n font-size: 11px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.kla-composition-card h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.kla-dosage {\n display: inline-block;\n background: var(--kla-primary-light);\n color: var(--kla-primary-dark);\n font-size: 14px;\n font-weight: 700;\n padding: 6px 14px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.kla-composition-card.kla-featured .kla-dosage {\n background: var(--kla-secondary);\n color: white;\n}\n\n\/* === TIMELINE \/ USAGE === *\/\n.kla-usage-container {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.kla-timeline {\n position: relative;\n padding-left: 60px;\n}\n\n.kla-timeline::before {\n content: '';\n position: absolute;\n left: 24px;\n top: 0;\n bottom: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--kla-primary), var(--kla-accent));\n border-radius: 2px;\n}\n\n.kla-timeline-item {\n position: relative;\n margin-bottom: 2rem;\n}\n\n.kla-timeline-item:last-child {\n margin-bottom: 0;\n}\n\n.kla-timeline-number {\n position: absolute;\n left: -60px;\n top: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-secondary));\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n box-shadow: 0 4px 15px rgba(27, 94, 74, .3);\n}\n\n.kla-timeline-content {\n background: var(--kla-white);\n padding: 1.5rem;\n border-radius: var(--kla-radius-sm);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-timeline-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.kla-timeline-content p {\n font-size: 15px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-timeline-content strong {\n color: var(--kla-primary-dark);\n}\n\n.kla-tip-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--kla-primary-light), var(--kla-accent-light));\n padding: 1.5rem;\n border-radius: var(--kla-radius-sm);\n margin-top: 2rem;\n border-left: 4px solid var(--kla-primary);\n}\n\n.kla-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.kla-tip-box p {\n font-size: 15px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === QUALITY SECTION === *\/\n.kla-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.kla-quality-card {\n background: var(--kla-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--kla-radius);\n text-align: center;\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.kla-quality-card:hover {\n transform: translateY(-6px);\n border-color: var(--kla-accent);\n box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-quality-icon {\n font-size: 42px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.kla-quality-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.kla-quality-card p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.kla-taste-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--kla-secondary-light), var(--kla-white));\n padding: 1.5rem 2rem;\n border-radius: var(--kla-radius-sm);\n border: 2px solid var(--kla-secondary);\n}\n\n.kla-taste-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.kla-taste-box p {\n font-size: 16px;\n color: var(--kla-text);\n margin: 0;\n}\n\n\/* === PROFILES === *\/\n.kla-profiles-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.kla-profile-card {\n background: var(--kla-white);\n padding: 1.5rem;\n border-radius: var(--kla-radius);\n text-align: center;\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.kla-profile-card:hover {\n transform: translateY(-6px);\n border-color: var(--kla-primary);\n}\n\n.kla-profile-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.kla-profile-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.kla-profile-card p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.kla-warning-box {\n background: var(--kla-warning-bg);\n border: 2px solid var(--kla-warning);\n border-radius: var(--kla-radius);\n overflow: hidden;\n}\n\n.kla-warning-header {\n background: var(--kla-warning);\n color: white;\n padding: 1.25rem 1.5rem;\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.kla-warning-icon {\n font-size: 24px;\n}\n\n.kla-warning-header h3 {\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n color: white;\n}\n\n.kla-warning-list {\n list-style: none;\n padding: 1.5rem;\n margin: 0;\n}\n\n.kla-warning-list li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: .5rem 0;\n font-size: 15px;\n color: var(--kla-text);\n border-bottom: 1px solid rgba(217, 119, 6, .2);\n}\n\n.kla-warning-list li:last-child {\n border-bottom: none;\n}\n\n.kla-warning-bullet {\n color: var(--kla-warning);\n font-weight: 700;\n font-size: 18px;\n line-height: 1.4;\n}\n\n.kla-warning-footer {\n background: rgba(217, 119, 6, .1);\n padding: 1.25rem 1.5rem;\n border-top: 1px solid rgba(217, 119, 6, .2);\n}\n\n.kla-warning-footer p {\n font-size: 14px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFO GRID === *\/\n.kla-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1rem;\n}\n\n.kla-info-card {\n background: var(--kla-white);\n padding: 1.25rem;\n border-radius: var(--kla-radius-sm);\n text-align: center;\n box-shadow: var(--kla-shadow);\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n transition: all .3s ease;\n}\n\n.kla-info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-info-icon {\n font-size: 32px;\n}\n\n.kla-info-label {\n font-size: 12px;\n color: var(--kla-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.kla-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.kla-cta-box {\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-secondary) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(0,206,209,.2) 0%, transparent 40%);\n}\n\n.kla-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.kla-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.kla-cta-box h3 {\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 15px rgba(0,0,0,.2);\n}\n\n.kla-cta-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto 1.5rem auto;\n}\n\n.kla-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.kla-cta-badge {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n color: white;\n font-size: 13px;\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 .kla-card,\n .kla-quality-card,\n .kla-profile-card,\n .kla-info-card {\n animation: klaFadeInUp .6s ease backwards;\n }\n .kla-card:nth-child(1), .kla-quality-card:nth-child(1), .kla-profile-card:nth-child(1) { animation-delay: .1s; }\n .kla-card:nth-child(2), .kla-quality-card:nth-child(2), .kla-profile-card:nth-child(2) { animation-delay: .2s; }\n .kla-card:nth-child(3), .kla-quality-card:nth-child(3), .kla-profile-card:nth-child(3) { animation-delay: .3s; }\n .kla-card:nth-child(4), .kla-quality-card:nth-child(4), .kla-profile-card:nth-child(4) { animation-delay: .4s; }\n .kla-card:nth-child(5) { animation-delay: .5s; }\n .kla-card:nth-child(6) { animation-delay: .6s; }\n\n .kla-timeline-item {\n animation: klaFadeInUp .6s ease backwards;\n }\n .kla-timeline-item:nth-child(1) { animation-delay: .15s; }\n .kla-timeline-item:nth-child(2) { animation-delay: .3s; }\n .kla-timeline-item:nth-child(3) { animation-delay: .45s; }\n .kla-timeline-item:nth-child(4) { animation-delay: .6s; }\n}\n\n@keyframes klaFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .kla-grid,\n .kla-composition-grid,\n .kla-quality-grid,\n .kla-profiles-grid {\n grid-template-columns: 1fr;\n }\n\n .kla-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .kla-timeline {\n padding-left: 50px;\n }\n\n .kla-timeline::before {\n left: 19px;\n }\n\n .kla-timeline-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n left: -50px;\n }\n\n .kla-hero-stats {\n gap: 1rem;\n }\n\n .kla-stat {\n padding: .75rem 1rem;\n }\n\n .kla-taste-box {\n flex-direction: column;\n text-align: center;\n }\n\n .kla-warning-header {\n flex-direction: column;\n text-align: center;\n gap: 8px;\n }\n}\n\n@media (max-width: 480px) {\n .kla-info-grid {\n grid-template-columns: 1fr;\n }\n\n .kla-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kla-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .kla-card,\n .kla-quality-card,\n .kla-profile-card {\n border: 2px solid var(--kla-text);\n }\n\n .kla-badge,\n .kla-cta-badge {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":56415664308601,"sku":"KLAMATH40SOLSEMILLA","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-crue-bio-40-gelules-sol-semilla-lifestyle.webp?v=1772707735"},{"product_id":"klamath-crue-bio-120-gelules-sol-semilla","title":"Klamath Crue Bio - 120 gélules - Sol Semilla","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Klamath Crue Bio - 120 gélules - Sol Semilla\nPalette détectée:\n - Primaire: #1B5E4A (vert forêt profond du packaging\/logo)\n - Secondaire: #2E7D6B (vert émeraude\/turquoise de l'algue)\n - Accent: #4ECDC4 (turquoise vif évoquant l'eau pure du lac)\nAmbiance: Naturel\/Bio premium, écologique, pureté aquatique, santé holistique, wilderness américain\nPréfixe CSS: kla\n--\u003e\n\u003cdiv class=\"kla-premium\"\u003e\n\u003cdiv class=\"kla-hero\"\u003e\n\u003cdiv class=\"kla-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kla-hero-content\"\u003e\n\u003cdiv class=\"kla-badges-top\"\u003e\n\u003cspan class=\"kla-badge\"\u003e🌿 100% Bio certifié\u003c\/span\u003e \u003cspan class=\"kla-badge\"\u003e🏔️ Lac Klamath, Oregon\u003c\/span\u003e \u003cspan class=\"kla-badge\"\u003e⚡ 65% protéines\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kla-hero-title\"\u003eKlamath Crue Bio\u003c\/span\u003e\n\u003cp class=\"kla-subtitle\"\u003eL'algue bleu-vert sauvage du lac Klamath\u003c\/p\u003e\n\u003cp class=\"kla-description\"\u003eRécoltée dans l'un des écosystèmes les plus préservés de la planète, cette microalgue d'exception concentre une richesse nutritionnelle rare pour votre vitalité corps et esprit.\u003c\/p\u003e\n\u003cdiv class=\"kla-hero-stats\"\u003e\n\u003cdiv class=\"kla-stat\"\u003e\n\u003cspan class=\"kla-stat-number\"\u003e120\u003c\/span\u003e \u003cspan class=\"kla-stat-label\"\u003eGélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-stat\"\u003e\n\u003cspan class=\"kla-stat-number\"\u003e14%\u003c\/span\u003e \u003cspan class=\"kla-stat-label\"\u003ePhycocyanine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-stat\"\u003e\n\u003cspan class=\"kla-stat-number\"\u003e100%\u003c\/span\u003e \u003cspan class=\"kla-stat-label\"\u003ePure, sans additif\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e🌊 Un trésor unique au monde\u003c\/h2\u003e\n\u003cdiv class=\"kla-intro-box\"\u003e\n\u003cdiv class=\"kla-intro-content\"\u003e\n\u003cp\u003eL'\u003cstrong\u003ealgue Klamath\u003c\/strong\u003e (Aphanizomenon flos aquae) est une cyanobactérie d'eau douce qui pousse \u003cstrong\u003eexclusivement\u003c\/strong\u003e dans le lac Klamath, en Oregon. Ce lac d'altitude, alimenté par des sources volcaniques pures, offre des conditions uniques pour cette microalgue.\u003c\/p\u003e\n\u003cp class=\"kla-highlight\"\u003eContrairement à la spiruline ou à la chlorelle qui peuvent être cultivées, la Klamath ne peut être récoltée qu'à l'état sauvage — un véritable trésor de la nature.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-intro-visual\"\u003e\n\u003cdiv class=\"kla-lake-icon\"\u003e\n\u003cspan\u003e🏔️\u003c\/span\u003e \u003cspan\u003e🌊\u003c\/span\u003e \u003cspan\u003e🌿\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eLac d'altitude\u003cbr\u003e\u003cstrong\u003eOregon, USA\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits de l'algue Klamath\u003c\/h2\u003e\n\u003cdiv class=\"kla-grid\"\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eÉnergie physique et mentale\u003c\/h3\u003e\n\u003cp\u003eGrâce à sa teneur élevée en protéines (60-65%) et vitamines B, elle aide à réduire la fatigue et maintenir votre vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e🧠\u003c\/div\u003e\n\u003ch3\u003eClarté mentale et concentration\u003c\/h3\u003e\n\u003cp\u003eLa phényléthylamine (PEA) naturellement présente favorise la vigilance et la lucidité intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eÉquilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eSensation de bien-être et meilleure gestion du stress au quotidien, comme en témoignent de nombreux utilisateurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3\u003eRégénération optimale\u003c\/h3\u003e\n\u003cp\u003eAprès un effort intense ou une période de travail soutenu, elle accompagne efficacement la récupération.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eAction adaptogène\u003c\/h3\u003e\n\u003cp\u003eElle aide votre organisme à mieux s'adapter aux différentes formes de stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-card kla-benefit-card\"\u003e\n\u003cdiv class=\"kla-card-icon\"\u003e💚\u003c\/div\u003e\n\u003ch3\u003eApproche holistique\u003c\/h3\u003e\n\u003cp\u003eElle ne cible pas un seul aspect mais accompagne l'organisme dans son ensemble pour un bien-être global.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e🔬 Composition nutritionnelle d'exception\u003c\/h2\u003e\n\u003cp class=\"kla-section-intro\"\u003e100% Klamath bio, sans aucun excipient ni additif. Voici ce que cette microalgue vous apporte naturellement :\u003c\/p\u003e\n\u003cdiv class=\"kla-composition-grid\"\u003e\n\u003cdiv class=\"kla-compo-card kla-compo-main\"\u003e\n\u003cdiv class=\"kla-compo-header\"\u003e\n\u003cspan class=\"kla-compo-icon\"\u003e💪\u003c\/span\u003e\n\u003cdiv class=\"kla-compo-value\"\u003e60-65%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003e\u003cspan style=\"color: rgb(230, 230, 230);\"\u003eProtéines complètes\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eTous les acides aminés essentiels présents\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-compo-card kla-compo-main\"\u003e\n\u003cdiv class=\"kla-compo-header\"\u003e\n\u003cspan class=\"kla-compo-icon\"\u003e💎\u003c\/span\u003e\n\u003cdiv class=\"kla-compo-value\"\u003e14%\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003e\u003cspan style=\"color: rgb(230, 230, 230);\"\u003ePhycocyanine\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003ePuissant pigment bleu antioxydant\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-compo-card\"\u003e\n\u003cspan class=\"kla-compo-icon-sm\"\u003e🧬\u003c\/span\u003e\n\u003ch3\u003ePhényléthylamine (PEA)\u003c\/h3\u003e\n\u003cp\u003eMolécule de la bonne humeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-compo-card\"\u003e\n\u003cspan class=\"kla-compo-icon-sm\"\u003e⚡\u003c\/span\u003e\n\u003ch3\u003eVitamines B\u003c\/h3\u003e\n\u003cp\u003eB1, B5, B6, B9 et B12 pour l'énergie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-compo-card\"\u003e\n\u003cspan class=\"kla-compo-icon-sm\"\u003e👁️\u003c\/span\u003e\n\u003ch3\u003eVitamines A, E, K\u003c\/h3\u003e\n\u003cp\u003eVision, protection cellulaire, coagulation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-compo-card\"\u003e\n\u003cspan class=\"kla-compo-icon-sm\"\u003e🩸\u003c\/span\u003e\n\u003ch3\u003eFer\u003c\/h3\u003e\n\u003cp\u003eTransport optimal de l'oxygène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-compo-card\"\u003e\n\u003cspan class=\"kla-compo-icon-sm\"\u003e🐟\u003c\/span\u003e\n\u003ch3\u003eOméga-3 végétaux\u003c\/h3\u003e\n\u003cp\u003eCerveau et système cardiovasculaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"kla-usage-container\"\u003e\n\u003cdiv class=\"kla-usage-steps\"\u003e\n\u003cdiv class=\"kla-step\"\u003e\n\u003cdiv class=\"kla-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kla-step-content\"\u003e\n\u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n\u003cp\u003eCommencez par \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour habituer votre organisme à cette concentration de nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-step\"\u003e\n\u003cdiv class=\"kla-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kla-step-content\"\u003e\n\u003ch3\u003eDosage optimal\u003c\/h3\u003e\n\u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e2 à 4 gélules par jour\u003c\/strong\u003e selon vos besoins personnels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-step\"\u003e\n\u003cdiv class=\"kla-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kla-step-content\"\u003e\n\u003ch3\u003eMoment de prise\u003c\/h3\u003e\n\u003cp\u003eDe préférence \u003cstrong\u003eavant les repas\u003c\/strong\u003e, avec un grand verre d'eau pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-step\"\u003e\n\u003cdiv class=\"kla-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"kla-step-content\"\u003e\n\u003ch3\u003eDurée de cure\u003c\/h3\u003e\n\u003cp\u003eMinimum \u003cstrong\u003e21 jours\u003c\/strong\u003e pour observer des résultats significatifs sur votre vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-usage-tip\"\u003e\n\u003cspan class=\"kla-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCette approche progressive permet à votre corps de s'adapter en douceur à cette concentration exceptionnelle de nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e🏆 Une qualité irréprochable\u003c\/h2\u003e\n\u003cdiv class=\"kla-quality-grid\"\u003e\n\u003cdiv class=\"kla-quality-card\"\u003e\n\u003cdiv class=\"kla-quality-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eDouble certification bio\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eOTCO\u003c\/strong\u003e (Organic Tilth Certified Oregon) et \u003cstrong\u003eECOCERT\u003c\/strong\u003e FR-BIO-01\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-quality-card\"\u003e\n\u003cdiv class=\"kla-quality-icon\"\u003e❄️\u003c\/div\u003e\n\u003ch3\u003eSéchage basse température\u003c\/h3\u003e\n\u003cp\u003ePréserve l'intégrité nutritionnelle, enzymes et vitamines sensibles à la chaleur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-quality-card\"\u003e\n\u003cdiv class=\"kla-quality-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eConditionné en France\u003c\/h3\u003e\n\u003cp\u003eContrôle et conditionnement garantissant traçabilité et qualité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-quality-card\"\u003e\n\u003cdiv class=\"kla-quality-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch3\u003eAnalyses systématiques\u003c\/h3\u003e\n\u003cp\u003eChaque lot contrôlé : analyses nutritionnelles et microbiologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"kla-warning-box\"\u003e\n\u003cdiv class=\"kla-warning-header\"\u003e\n\u003cspan class=\"kla-warning-icon\"\u003e⚠️\u003c\/span\u003e\n\u003ch3\u003eContre-indications\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-warning-grid\"\u003e\n\u003cdiv class=\"kla-warning-item\"\u003e\n\u003cspan\u003e🤰\u003c\/span\u003e\n\u003cp\u003eFemmes enceintes ou allaitantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-warning-item\"\u003e\n\u003cspan\u003e🧬\u003c\/span\u003e\n\u003cp\u003ePersonnes atteintes de phénylcétonurie (PCU)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-warning-item\"\u003e\n\u003cspan\u003e🧠\u003c\/span\u003e\n\u003cp\u003eTroubles psychiatriques ou neurologiques instables\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-warning-item\"\u003e\n\u003cspan\u003e🛡️\u003c\/span\u003e\n\u003cp\u003eImmunodépression ou traitement immunosuppresseur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-warning-item\"\u003e\n\u003cspan\u003e👶\u003c\/span\u003e\n\u003cp\u003eEnfants de moins de 10 ans\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-warning-item\"\u003e\n\u003cspan\u003e💊\u003c\/span\u003e\n\u003cp\u003eTraitement anticoagulant (vitamine K)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-warning-item\"\u003e\n\u003cspan\u003e🩸\u003c\/span\u003e\n\u003cp\u003eAccumulation de fer (hémochromatose)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"kla-warning-note\"\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"kla-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"kla-info-grid\"\u003e\n\u003cdiv class=\"kla-info-item\"\u003e\n\u003cspan class=\"kla-info-icon\"\u003e💊\u003c\/span\u003e\n\u003cdiv class=\"kla-info-text\"\u003e\n\u003cspan class=\"kla-info-label\"\u003eContenance\u003c\/span\u003e \u003cspan class=\"kla-info-value\"\u003e120 gélules\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-info-item\"\u003e\n\u003cspan class=\"kla-info-icon\"\u003e🌍\u003c\/span\u003e\n\u003cdiv class=\"kla-info-text\"\u003e\n\u003cspan class=\"kla-info-label\"\u003eOrigine\u003c\/span\u003e \u003cspan class=\"kla-info-value\"\u003eLac Klamath, Oregon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-info-item\"\u003e\n\u003cspan class=\"kla-info-icon\"\u003e🏷️\u003c\/span\u003e\n\u003cdiv class=\"kla-info-text\"\u003e\n\u003cspan class=\"kla-info-label\"\u003eMarque\u003c\/span\u003e \u003cspan class=\"kla-info-value\"\u003eSol Semilla\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kla-info-item\"\u003e\n\u003cspan class=\"kla-info-icon\"\u003e🌡️\u003c\/span\u003e\n\u003cdiv class=\"kla-info-text\"\u003e\n\u003cspan class=\"kla-info-label\"\u003eConservation\u003c\/span\u003e \u003cspan class=\"kla-info-value\"\u003eFrais, sec, à l'abri de la lumière\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"kla-section\"\u003e\n\u003cdiv class=\"kla-cta-box\"\u003e\n\u003cdiv class=\"kla-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kla-cta-content\"\u003e\n\u003cspan class=\"kla-cta-icon\"\u003e🌿\u003c\/span\u003e\n\u003cp\u003eOffrez à votre corps l'énergie pure d'un écosystème préservé.\u003cbr\u003e\u003cstrong\u003eLa Klamath Bio Sol Semilla\u003c\/strong\u003e — votre alliée naturelle pour une vitalité retrouvée, corps et esprit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --kla-cream: #F7FAF8;\n --kla-white: #ffffff;\n --kla-primary: #1B5E4A;\n --kla-primary-dark: #0D3D30;\n --kla-primary-light: #E8F5F0;\n --kla-secondary: #2E7D6B;\n --kla-accent: #4ECDC4;\n --kla-text: #1a1a1a;\n --kla-text-light: #5a5a5a;\n --kla-border: #e0e0e0;\n --kla-shadow: 0 4px 24px rgba(27, 94, 74, .08);\n --kla-shadow-lg: 0 12px 48px rgba(27, 94, 74, .15);\n --kla-radius: 20px;\n --kla-radius-sm: 12px;\n}\n\n.kla-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kla-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--kla-text);\n line-height: 1.6;\n}\n\n.kla-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.kla-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kla-primary-dark) 0%, var(--kla-primary) 40%, var(--kla-secondary) 100%);\n border-radius: var(--kla-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(--kla-shadow-lg);\n}\n\n.kla-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(78, 205, 196, .15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255, 255, 255, .1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.kla-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kla-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.kla-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.kla-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kla-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 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.kla-subtitle {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.kla-description {\n color: rgba(255, 255, 255, .85);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto 2rem;\n line-height: 1.7;\n}\n\n.kla-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.kla-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(--kla-radius-sm);\n border: 1px solid rgba(255, 255, 255, .2);\n}\n\n.kla-stat-number {\n display: block;\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.kla-stat-label {\n display: block;\n font-size: 13px;\n color: rgba(255, 255, 255, .8);\n margin-top: 4px;\n font-weight: 500;\n}\n\n\/* === SECTIONS === *\/\n.kla-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.kla-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--kla-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.kla-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kla-primary), var(--kla-accent));\n border-radius: 2px;\n}\n\n.kla-section-intro {\n text-align: center;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--kla-text-light);\n max-width: 700px;\n margin: -1rem auto 2rem;\n}\n\n\/* === INTRO BOX === *\/\n.kla-intro-box {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 2rem;\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid var(--kla-primary-light);\n align-items: center;\n}\n\n.kla-intro-content p {\n margin: 0 0 1rem 0;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--kla-text);\n}\n\n.kla-intro-content p:last-child {\n margin-bottom: 0;\n}\n\n.kla-highlight {\n background: linear-gradient(135deg, var(--kla-primary-light) 0%, rgba(78, 205, 196, .15) 100%);\n padding: 1rem 1.25rem;\n border-radius: var(--kla-radius-sm);\n border-left: 4px solid var(--kla-accent);\n font-weight: 600;\n color: var(--kla-primary-dark);\n}\n\n.kla-intro-visual {\n text-align: center;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--kla-primary-light) 0%, rgba(78, 205, 196, .1) 100%);\n border-radius: var(--kla-radius-sm);\n}\n\n.kla-lake-icon {\n display: flex;\n justify-content: center;\n gap: 8px;\n font-size: 2rem;\n margin-bottom: .5rem;\n}\n\n.kla-intro-visual p {\n margin: 0;\n font-size: 14px;\n color: var(--kla-text-light);\n}\n\n\/* === GRIDS === *\/\n.kla-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.kla-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.kla-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--kla-shadow-lg);\n border-color: var(--kla-primary);\n}\n\n.kla-card-icon {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n display: block;\n}\n\n.kla-card h3 {\n font-size: clamp(17px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.kla-card p {\n font-size: 15px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.kla-composition-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.5rem;\n}\n\n.kla-compo-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--kla-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.kla-compo-card:hover {\n transform: translateY(-4px);\n border-color: var(--kla-accent);\n}\n\n.kla-compo-main {\n grid-column: span 1;\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-secondary) 100%);\n color: white;\n}\n\n.kla-compo-main h3,\n.kla-compo-main p {\n color: white;\n}\n\n.kla-compo-main p {\n opacity: .9;\n}\n\n.kla-compo-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.kla-compo-icon {\n font-size: 2rem;\n}\n\n.kla-compo-value {\n font-size: clamp(28px, 4vw, 36px);\n font-weight: 900;\n line-height: 1;\n}\n\n.kla-compo-card h3 {\n font-size: 16px;\n font-weight: 700;\n margin: 0 0 .5rem 0;\n color: var(--kla-primary-dark);\n}\n\n.kla-compo-card p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n}\n\n.kla-compo-icon-sm {\n font-size: 1.5rem;\n display: block;\n margin-bottom: .75rem;\n}\n\n\/* === USAGE STEPS === *\/\n.kla-usage-container {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-usage-steps {\n display: grid;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.kla-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.kla-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-accent) 100%);\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(27, 94, 74, .3);\n}\n\n.kla-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.kla-step-content p {\n font-size: 15px;\n color: var(--kla-text-light);\n margin: 0;\n}\n\n.kla-usage-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--kla-primary-light) 0%, rgba(78, 205, 196, .1) 100%);\n padding: 1.25rem;\n border-radius: var(--kla-radius-sm);\n border-left: 4px solid var(--kla-accent);\n}\n\n.kla-tip-icon {\n font-size: 1.5rem;\n}\n\n.kla-usage-tip p {\n margin: 0;\n font-size: 15px;\n color: var(--kla-primary-dark);\n font-weight: 500;\n}\n\n\/* === QUALITY === *\/\n.kla-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.kla-quality-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.kla-quality-card:hover {\n transform: translateY(-4px);\n border-color: var(--kla-accent);\n}\n\n.kla-quality-icon {\n font-size: 2.5rem;\n display: block;\n margin-bottom: 1rem;\n}\n\n.kla-quality-card h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.kla-quality-card p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n}\n\n\/* === WARNING === *\/\n.kla-warning-box {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid #FFA726;\n}\n\n.kla-warning-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid rgba(255, 167, 38, .2);\n}\n\n.kla-warning-icon {\n font-size: 2rem;\n}\n\n.kla-warning-header h3 {\n font-size: 20px;\n font-weight: 800;\n color: #E65100;\n margin: 0;\n}\n\n.kla-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.kla-warning-item {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: .75rem 1rem;\n background: #FFF8E1;\n border-radius: var(--kla-radius-sm);\n}\n\n.kla-warning-item span {\n font-size: 1.25rem;\n}\n\n.kla-warning-item p {\n font-size: 14px;\n color: var(--kla-text);\n margin: 0;\n}\n\n.kla-warning-note {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n padding: 1rem;\n background: rgba(255, 167, 38, .1);\n border-radius: var(--kla-radius-sm);\n}\n\n\/* === INFO GRID === *\/\n.kla-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.kla-info-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--kla-white);\n padding: 1.25rem;\n border-radius: var(--kla-radius-sm);\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.kla-info-item:hover {\n border-color: var(--kla-accent);\n}\n\n.kla-info-icon {\n font-size: 1.75rem;\n}\n\n.kla-info-text {\n display: flex;\n flex-direction: column;\n}\n\n.kla-info-label {\n font-size: 12px;\n color: var(--kla-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.kla-info-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.kla-cta-box {\n position: relative;\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-primary-dark) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n overflow: hidden;\n box-shadow: var(--kla-shadow-lg);\n}\n\n.kla-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 30% 70%, rgba(78, 205, 196, .2) 0%, transparent 50%);\n}\n\n.kla-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.kla-cta-icon {\n font-size: 3rem;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.kla-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n}\n\n.kla-cta-box strong {\n font-weight: 800;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .kla-grid {\n grid-template-columns: 1fr;\n }\n \n .kla-intro-box {\n grid-template-columns: 1fr;\n }\n \n .kla-intro-visual {\n order: -1;\n }\n \n .kla-composition-grid {\n grid-template-columns: 1fr;\n }\n \n .kla-compo-main {\n grid-column: span 1;\n }\n \n .kla-hero-stats {\n gap: 1rem;\n }\n \n .kla-stat {\n padding: .75rem 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kla-card,\n .kla-compo-card,\n .kla-quality-card,\n .kla-info-item {\n animation: klaFadeInUp .6s ease backwards;\n }\n \n .kla-card:nth-child(1), .kla-compo-card:nth-child(1), .kla-quality-card:nth-child(1) { animation-delay: .1s; }\n .kla-card:nth-child(2), .kla-compo-card:nth-child(2), .kla-quality-card:nth-child(2) { animation-delay: .2s; }\n .kla-card:nth-child(3), .kla-compo-card:nth-child(3), .kla-quality-card:nth-child(3) { animation-delay: .3s; }\n .kla-card:nth-child(4), .kla-compo-card:nth-child(4), .kla-quality-card:nth-child(4) { animation-delay: .4s; }\n .kla-card:nth-child(5) { animation-delay: .5s; }\n .kla-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes klaFadeInUp {\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 .kla-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .kla-card,\n .kla-compo-card,\n .kla-quality-card,\n .kla-info-item {\n border: 2px solid var(--kla-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":56416088588665,"sku":"klamath120solsemilla","price":49.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-crue-bio-120-gelules-sol-semilla-lifestyle_1df427c2-6cf0-4f2e-b08c-a3091d0987fe.webp?v=1772706979"},{"product_id":"phyco-elements-90-gelules-lifes-code","title":"Phyco-éléments - 90 gélules - Life's code","description":"\u003cdiv class=\"pe-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"pe-hero\"\u003e\n\u003cdiv class=\"pe-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pe-hero-content\"\u003e\n\u003cdiv class=\"pe-badges-top\"\u003e\n\u003cspan class=\"pe-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"pe-badge\"\u003eSans additifs\u003c\/span\u003e \u003cspan class=\"pe-badge\"\u003e💧 200mg phycocyanine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"pe-hero-title\"\u003ePhyco-éléments\u003c\/span\u003e\n\u003cp class=\"pe-subtitle\"\u003e90 gélules • Life's Code\u003c\/p\u003e\n\u003cp class=\"pe-description\"\u003eLa puissance de la phycocyanine lyophilisée associée à 7 oligo-éléments essentiels pour une vitalité optimale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003ePhyco-éléments : la puissance de la phycocyanine associée à 7 oligo-éléments essentiels\u003c\/h2\u003e\n\u003cp class=\"pe-section-intro\"\u003eUn complément alimentaire complet capable de soutenir votre vitalité au quotidien grâce à une formule unique et synergique.\u003c\/p\u003e\n\u003cdiv class=\"pe-grid-compact\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e💧 200mg de phycocyanine\u003c\/h3\u003e\n\u003cp\u003eExtrait concentré de spiruline par dose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚡ 7 oligo-éléments\u003c\/h3\u003e\n\u003cp\u003e100% des VNR couverts\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSans additifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabriqué et conditionné en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eQu'est-ce que la phycocyanine et pourquoi est-elle si précieuse ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003ephycocyanine\u003c\/strong\u003e est le pigment bleu naturel présent dans la \u003cstrong\u003espiruline\u003c\/strong\u003e, cette micro-algue d'eau douce reconnue mondialement pour sa richesse nutritionnelle exceptionnelle.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003eContrairement à la spiruline brute qui contient environ 15 à 20% de phycocyanine, notre extrait concentré vous offre directement le \u003cstrong\u003ecœur actif de l'algue\u003c\/strong\u003e, sans les fibres difficiles à digérer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e❄️ Extraction à froid\u003c\/h3\u003e\n\u003cp\u003eProcédé doux préservant l'intégrité moléculaire de l'actif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🧊 Lyophilisation\u003c\/h3\u003e\n\u003cp\u003eConservation optimale de la biodisponibilité sans dégradation thermique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e💎 Pureté maximale\u003c\/h3\u003e\n\u003cp\u003eSpiruline bleue phycocyanine sous sa forme la plus noble\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eLes bienfaits de la phycocyanine et spiruline pour votre organisme\u003c\/h2\u003e\n\u003cdiv class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🛡️ Équilibre cellulaire et protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLe zinc, le sélénium et le cuivre contribuent à protéger les cellules contre le stress oxydatif et participent au maintien des fonctions cellulaires normales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚡ Métabolisme et vitalité au quotidien\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments sélectionnés interviennent dans le métabolisme énergétique normal, aidant l’organisme à fonctionner de manière efficace jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌟 Soutien des défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eLe zinc et le sélénium contribuent au fonctionnement normal du système immunitaire, en synergie avec la phycocyanine issue de spiruline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🧬 Fonctions métaboliques ciblées\u003c\/h3\u003e\n\u003cp\u003eChrome, molybdène et cuivre participent respectivement au maintien d’une glycémie normale, au métabolisme des acides aminés et au transport du fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🦴 Tissus et structures de l’organisme\u003c\/h3\u003e\n\u003cp\u003eLe silicium d’origine végétale et le soufre sous forme de MSM sont naturellement présents dans de nombreuses structures biologiques, notamment les tissus conjonctifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-tip\"\u003e\n\u003cspan class=\"pe-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePhycocyanine ou spiruline ?\u003c\/strong\u003e Si vous recherchez une action ciblée et concentrée, la phycocyanine extraite représente le choix le plus pertinent. Phyco-éléments vous offre le meilleur des deux mondes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003e7 oligo-éléments pour une action synergique complète\u003c\/h2\u003e\n\u003cp class=\"pe-section-intro\"\u003eChaque minéral a été soigneusement sélectionné pour jouer un rôle spécifique dans le bon fonctionnement de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🔵 Zinc (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eFonctionnement normal du système immunitaire et métabolisme des macronutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟠 Sélénium (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eProtection des cellules contre le stress oxydatif et fonctionnement thyroïdien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟤 Cuivre (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eMétabolisme énergétique normal et transport du fer dans l'organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚪ Chrome (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eMaintien d'une glycémie normale, idéal pour surveiller son alimentation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟣 Molybdène (100% VNR)\u003c\/h3\u003e\n\u003cp\u003eMétabolisme normal des acides aminés soufrés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟢 Silicium organique\u003c\/h3\u003e\n\u003cp\u003eExtrait de bambou pour les tissus conjonctifs, la peau et les articulations\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🟡 Soufre (MSM)\u003c\/h3\u003e\n\u003cp\u003eStructure des protéines et santé des tissus\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eComposition complète pour 1 gélule (dose journalière recommandée)\u003c\/h2\u003e\n\u003cdiv class=\"pe-composition-table\"\u003e\n\u003cdiv class=\"pe-composition-row pe-composition-header\"\u003e\n\u003cspan\u003eIngrédient\u003c\/span\u003e \u003cspan\u003eDosage\u003c\/span\u003e \u003cspan\u003e% VNR\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003ePhycocyanine lyophilisée\u003c\/span\u003e \u003cspan\u003e200 mg\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eZinc\u003c\/span\u003e \u003cspan\u003e10 mg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eSélénium\u003c\/span\u003e \u003cspan\u003e55 µg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eCuivre\u003c\/span\u003e \u003cspan\u003e1 mg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eChrome\u003c\/span\u003e \u003cspan\u003e40 µg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eMolybdène\u003c\/span\u003e \u003cspan\u003e50 µg\u003c\/span\u003e \u003cspan\u003e100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eMagnésium (bisglycinate)\u003c\/span\u003e \u003cspan\u003e56,25 mg\u003c\/span\u003e \u003cspan\u003e15%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eSilicium organique\u003c\/span\u003e \u003cspan\u003eExtrait de bambou titré\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-composition-row\"\u003e\n\u003cspan\u003eSoufre (MSM)\u003c\/span\u003e \u003cspan\u003eMéthylsulfonylméthane\u003c\/span\u003e \u003cspan\u003e—\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.5rem;\" class=\"pe-grid-compact\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e💊 Gélule en pullulan\u003c\/h3\u003e\n\u003cp\u003eFibre naturelle 100% végétale et végane\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🚫 Sans excipients\u003c\/h3\u003e\n\u003cp\u003eAucun agent de charge ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eComment prendre Phyco-éléments pour des résultats optimaux ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-timeline\"\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003eDose standard : 2 gélules\/jour\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, de préférence avant le petit-déjeuner ou le déjeuner pour bénéficier de l'effet énergisant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003eSi vous débutez : 1 gélule\/jour\u003c\/h3\u003e\n\u003cp\u003ePendant la première semaine pour habituer votre organisme progressivement, puis passez à 2 gélules quotidiennes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003ePériode d'effort intense : jusqu'à 4 gélules\/jour\u003c\/h3\u003e\n\u003cp\u003eRépartir les prises matin et midi en cas d'entraînement sportif, stress ou changement de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-item\"\u003e\n\u003cdiv class=\"pe-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"pe-timeline-content\"\u003e\n\u003ch3\u003eCure de 3 mois minimum\u003c\/h3\u003e\n\u003cp\u003eLes oligo-éléments agissent en profondeur et leurs effets se construisent progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-tip\"\u003e\n\u003cspan class=\"pe-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, ouvrez-les simplement et versez le contenu dans un verre d'eau ou un smoothie. La poudre bleue se mélange facilement !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 7 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-grid\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs et actifs\u003c\/h3\u003e\n\u003cp\u003eSoutien de la récupération musculaire et du métabolisme énergétique normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n\u003cp\u003eZinc, cuivre et magnésium contribuent à réduire la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌱 Végans et végétariens\u003c\/h3\u003e\n\u003cp\u003eFormule 100% végétale avec des minéraux parfois difficiles à obtenir\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🛡️ Soucieux de l'immunité\u003c\/h3\u003e\n\u003cp\u003eZinc et sélénium pour un système immunitaire normal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e👨💼 Quadragénaires et plus\u003c\/h3\u003e\n\u003cp\u003eComble les carences potentielles liées à l'âge\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n\u003cp\u003eSoutien du fonctionnement normal du système nerveux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 8 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003ePourquoi choisir Phyco-éléments plutôt qu'une spiruline classique ?\u003c\/h2\u003e\n\u003cdiv class=\"pe-comparison\"\u003e\n\u003cdiv class=\"pe-comparison-item pe-comparison-better\"\u003e\n\u003ch3\u003e✅ Phyco-éléments\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e200 mg\u003c\/strong\u003e de phycocyanine pure par dose\u003c\/li\u003e\n\u003cli\u003eLyophilisation préservant la structure moléculaire\u003c\/li\u003e\n\u003cli\u003e7 oligo-éléments ajoutés (100% VNR)\u003c\/li\u003e\n\u003cli\u003eContrôles rigoureux sans métaux lourds\u003c\/li\u003e\n\u003cli\u003eGélules faciles à doser et sans goût\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-comparison-item pe-comparison-standard\"\u003e\n\u003ch3\u003eSpiruline classique\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSeulement \u003cstrong\u003e30-40 mg\u003c\/strong\u003e de phycocyanine\u003c\/li\u003e\n\u003cli\u003eSéchage à haute température dégradant\u003c\/li\u003e\n\u003cli\u003eAucun oligo-élément supplémentaire\u003c\/li\u003e\n\u003cli\u003eRisque de contamination variable\u003c\/li\u003e\n\u003cli\u003eGoût prononcé difficile à consommer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 9 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003eEngagements qualité Life's Code\u003c\/h2\u003e\n\u003cdiv class=\"pe-grid-compact\"\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eConçu et conditionné en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌿 100% végan\u003c\/h3\u003e\n\u003cp\u003eGélules en pullulan végétal\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🚫 Sans OGM\u003c\/h3\u003e\n\u003cp\u003eNi ionisation des matières premières\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient aux intolérants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e⚗️ Sans métaux lourds\u003c\/h3\u003e\n\u003cp\u003eContrôles stricts sur chaque lot\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pe-card\"\u003e\n\u003ch3\u003e🎨 Sans colorant\u003c\/h3\u003e\n\u003cp\u003eBleu 100% naturel de la phycocyanine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 10 --\u003e\n\u003csection class=\"pe-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"pe-accordion\"\u003e\n\u003cdetails class=\"pe-accordion-item\"\u003e\n\u003csummary class=\"pe-accordion-header\"\u003e⚠️ Dosage et conservation\u003c\/summary\u003e\n\u003cdiv class=\"pe-accordion-content\"\u003e\n\u003cp\u003eNe dépassez pas la dose journalière recommandée de 4 gélules. Conservez le flacon à l'abri de la lumière et de l'humidité, à température ambiante. Tenez hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pe-accordion-item\"\u003e\n\u003csummary class=\"pe-accordion-header\"\u003e👩⚕️ Consultation médicale recommandée\u003c\/summary\u003e\n\u003cdiv class=\"pe-accordion-content\"\u003e\n\u003cp\u003eConsultez votre médecin ou pharmacien avant de commencer cette supplémentation si vous êtes enceinte, allaitez, suivez un traitement médical (notamment anticoagulant) ou souffrez d'une pathologie chronique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"pe-accordion-item\"\u003e\n\u003csummary class=\"pe-accordion-header\"\u003e📋 Avertissement légal\u003c\/summary\u003e\n\u003cdiv class=\"pe-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Ce produit ne constitue pas un traitement médical et ne doit pas être utilisé pour diagnostiquer, traiter ou prévenir une maladie.\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=\"pe-section\"\u003e\n\u003cdiv class=\"pe-cta-box\"\u003e\n\u003cp\u003eOffrez à votre organisme la puissance de la \u003cstrong\u003ephycocyanine spiruline\u003c\/strong\u003e la plus pure, associée à une sélection d'oligo-éléments essentiels parfaitement dosés.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003ePhyco-éléments\u003c\/strong\u003e représente le choix idéal pour soutenir votre vitalité au quotidien, naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"pe-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --pe-cream: #f7f4ef;\n --pe-white: #ffffff;\n --pe-primary: #1a6b8a;\n --pe-primary-dark: #0d4a61;\n --pe-primary-light: #e8f4f8;\n --pe-secondary: #d4a853;\n --pe-accent: #2d9bb5;\n\n \/* Textes *\/\n --pe-text: #1a1a1a;\n --pe-text-light: #5a5a5a;\n\n \/* Effets *\/\n --pe-border: #e0e0e0;\n --pe-shadow: 0 4px 24px rgba(26,107,138,.08);\n --pe-shadow-lg: 0 12px 48px rgba(26,107,138,.15);\n --pe-radius: 20px;\n --pe-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pe-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pe-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pe-hero {\n position: relative;\n background: linear-gradient(135deg, #0d4a61 0%, #1a6b8a 40%, #2d9bb5 100%);\n border-radius: var(--pe-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(--pe-shadow-lg);\n}\n\n.pe-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,168,83,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(45,155,181,.2) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.pe-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pe-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.pe-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.pe-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\/* === BADGES === *\/\n.pe-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pe-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(--pe-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pe-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pe-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pe-premium h2 {\n font-size: clamp(22px, 5vw, 32px);\n font-weight: 900;\n color: var(--pe-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.pe-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(--pe-primary), var(--pe-secondary));\n border-radius: 2px;\n}\n\n.pe-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pe-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.pe-card {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pe-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pe-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pe-shadow-lg);\n border-color: var(--pe-primary);\n}\n\n.pe-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pe-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pe-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pe-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pe-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pe-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pe-grid-compact .pe-card {\n padding: 1rem;\n}\n\n.pe-grid-compact .pe-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pe-grid-compact .pe-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pe-highlight-box {\n background: linear-gradient(135deg, var(--pe-primary-light) 0%, #f0f8fa 100%);\n border-radius: var(--pe-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-left: 4px solid var(--pe-primary);\n}\n\n.pe-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--pe-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.pe-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pe-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pe-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--pe-primary), var(--pe-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(26,107,138,.3);\n}\n\n.pe-timeline-content {\n flex: 1;\n background: var(--pe-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--pe-radius-sm);\n box-shadow: var(--pe-shadow);\n}\n\n.pe-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pe-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.pe-timeline-content p {\n font-size: 14px;\n color: var(--pe-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.pe-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, #fef9e7 0%, #fdf3d7 100%);\n border-radius: var(--pe-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--pe-secondary);\n}\n\n.pe-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pe-tip p {\n font-size: 14px;\n color: var(--pe-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.pe-composition-table {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n box-shadow: var(--pe-shadow);\n overflow: hidden;\n}\n\n.pe-composition-row {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n padding: 1rem 1.25rem;\n border-bottom: 1px solid var(--pe-border);\n font-size: 14px;\n align-items: center;\n}\n\n.pe-composition-row:last-child {\n border-bottom: none;\n}\n\n.pe-composition-header {\n background: linear-gradient(135deg, var(--pe-primary), var(--pe-primary-dark));\n color: white;\n font-weight: 700;\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.pe-composition-row span:first-child {\n font-weight: 600;\n color: var(--pe-text);\n}\n\n.pe-composition-row span:nth-child(2),\n.pe-composition-row span:nth-child(3) {\n text-align: center;\n color: var(--pe-text-light);\n}\n\n.pe-composition-header span {\n color: white !important;\n}\n\n\/* === COMPARISON === *\/\n.pe-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.pe-comparison-item {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n padding: 1.5rem;\n box-shadow: var(--pe-shadow);\n}\n\n.pe-comparison-better {\n border: 3px solid var(--pe-primary);\n position: relative;\n}\n\n.pe-comparison-better::before {\n content: 'RECOMMANDÉ';\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--pe-primary), var(--pe-accent));\n color: white;\n padding: 4px 16px;\n border-radius: 20px;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: .05em;\n}\n\n.pe-comparison-standard {\n border: 2px solid var(--pe-border);\n opacity: .85;\n}\n\n.pe-comparison-item h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--pe-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.pe-comparison-item ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.pe-comparison-item li {\n font-size: 14px;\n color: var(--pe-text-light);\n padding: .5rem 0;\n border-bottom: 1px solid var(--pe-border);\n line-height: 1.5;\n}\n\n.pe-comparison-item li:last-child {\n border-bottom: none;\n}\n\n\/* === ACCORDÉON === *\/\n.pe-accordion {\n background: var(--pe-white);\n border-radius: var(--pe-radius);\n box-shadow: var(--pe-shadow);\n overflow: hidden;\n}\n\n.pe-accordion-item {\n border-bottom: 1px solid var(--pe-border);\n margin: 0;\n padding: 0;\n}\n\n.pe-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pe-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pe-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.pe-accordion-header:hover {\n background: var(--pe-primary-light);\n}\n\n.pe-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pe-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pe-primary);\n transition: transform .2s ease;\n}\n\n.pe-accordion-item[open] .pe-accordion-header::after {\n content: '−';\n}\n\n.pe-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pe-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 0;\n}\n\n.pe-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pe-cta-box {\n background: linear-gradient(135deg, var(--pe-primary) 0%, var(--pe-primary-dark) 100%);\n border-radius: var(--pe-radius);\n padding: clamp(2rem, 5vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pe-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(212,168,83,.2) 0%, transparent 50%);\n}\n\n.pe-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pe-disclaimer {\n font-size: 12px;\n color: var(--pe-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pe-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .pe-card {\n padding: 1.125rem;\n }\n \n .pe-section {\n margin-bottom: 1.75rem;\n }\n \n .pe-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pe-radius-sm);\n }\n \n .pe-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n font-size: clamp(18px, 5vw, 24px);\n }\n \n .pe-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .pe-grid-compact {\n gap: .625rem;\n }\n \n .pe-grid-compact .pe-card {\n padding: .75rem;\n }\n \n .pe-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .pe-timeline-content {\n padding: 1rem;\n }\n \n .pe-timeline-content h3 {\n font-size: 14px;\n }\n \n .pe-timeline-content p {\n font-size: 13px;\n }\n \n .pe-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .pe-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .pe-highlight-box {\n padding: 1.25rem;\n }\n \n .pe-highlight-box p {\n font-size: 14px;\n }\n \n .pe-tip {\n padding: 1rem;\n }\n \n .pe-composition-row {\n grid-template-columns: 1.5fr 1fr .75fr;\n padding: .75rem 1rem;\n font-size: 12px;\n }\n \n .pe-comparison {\n grid-template-columns: 1fr;\n }\n \n .pe-comparison-item {\n padding: 1.25rem;\n }\n \n .pe-badges-top {\n gap: 6px;\n }\n \n .pe-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pe-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pe-card:nth-child(1) { animation-delay: .05s; }\n .pe-card:nth-child(2) { animation-delay: .1s; }\n .pe-card:nth-child(3) { animation-delay: .15s; }\n .pe-card:nth-child(4) { animation-delay: .2s; }\n .pe-card:nth-child(5) { animation-delay: .25s; }\n .pe-card:nth-child(6) { animation-delay: .3s; }\n .pe-card:nth-child(7) { animation-delay: .35s; }\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 .pe-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":56574250025337,"sku":"PHYCOELEMENT90","price":119.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/phyco-elements-90-gelules-lifes-code-packshothd.webp?v=1790451157"},{"product_id":"selenium-ace-120-gelules-sfb","title":"Selenium + Vitamines A C \u0026 E - 120 gélules - SFB","description":"\u003cdiv class=\"sel-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sel-hero\"\u003e\n \u003cdiv class=\"sel-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sel-hero-content\"\u003e\n \u003cdiv class=\"sel-badges-top\"\u003e\n \u003cspan class=\"sel-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sel-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"sel-badge\"\u003e💊 120 gélules végétales\u003c\/span\u003e\n \u003cspan class=\"sel-badge\"\u003e🛡️ 4 mois de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sel-hero-title\"\u003eSélénium + ACE\u003c\/span\u003e\n \u003cp class=\"sel-subtitle\"\u003eLe bouclier antioxydant complet par SFB Laboratoires\u003c\/p\u003e\n \u003cp class=\"sel-description\"\u003e4 nutriments essentiels réunis en une seule gélule végétale pour protéger vos cellules, soutenir votre immunité et lutter contre le vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eSélénium + ACE : le bouclier antioxydant complet en gélules végétales\u003c\/h2\u003e\n \u003cp class=\"sel-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire sélénium\u003c\/strong\u003e vraiment complet pour protéger vos cellules au quotidien ? Le \u003cstrong\u003eSélénium + ACE de SFB Laboratoires\u003c\/strong\u003e réunit en une seule gélule végétale quatre nutriments essentiels — \u003cstrong\u003esélénium, vitamine A (bêta-carotène), vitamine C et vitamine E\u003c\/strong\u003e — reconnus pour leur action antioxydante synergique. Avec 120 gélules par pilulier, vous disposez d'une cure longue durée de 4 mois, fabriquée en France et 100 % vegan.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003ePourquoi associer le sélénium aux vitamines A, C et E ?\u003c\/h2\u003e\n \u003cdiv class=\"sel-synergy-box\"\u003e\n \u003cp\u003ePris isolément, chacun de ces nutriments contribue déjà à la protection cellulaire. Mais c'est leur \u003cstrong\u003ecombinaison ACE sélénium\u003c\/strong\u003e qui fait toute la différence :\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-grid-compact\"\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003eRégénère la vitamine E pour prolonger son action protectrice dans l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🥕 Bêta-carotène\u003c\/h3\u003e\n \u003cp\u003eComplète l'action antioxydante au niveau des membranes cellulaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🌻 Vitamine E\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant liposoluble qui protège les lipides du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e⚙️ Sélénium\u003c\/h3\u003e\n \u003cp\u003eActive les enzymes antioxydantes de l'organisme pour un bouclier complet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-tip\"\u003e\n \u003cspan class=\"sel-tip-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cp\u003eEnsemble, ces 4 nutriments forment un véritable bouclier contre le \u003cstrong\u003estress oxydatif\u003c\/strong\u003e et les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets de cette formule\u003c\/h2\u003e\n \u003cdiv class=\"sel-grid\"\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eLe sélénium et la vitamine C contribuent au fonctionnement normal de vos défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eLes quatre nutriments participent à protéger les cellules contre le stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLa vitamine C contribue à diminuer la fatigue et soutient le métabolisme énergétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e✨ Peau, cheveux et ongles\u003c\/h3\u003e\n \u003cp\u003eLe sélénium contribue au maintien d'une chevelure et d'ongles normaux, tandis que la vitamine A soutient la santé de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e👁️ Vision normale\u003c\/h3\u003e\n \u003cp\u003eLa vitamine A (sous forme de bêta-carotène) contribue au maintien d'une vision normale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🦋 Fonction thyroïdienne\u003c\/h3\u003e\n \u003cp\u003eLe sélénium participe à la production normale des hormones thyroïdiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"sel-compo-grid\"\u003e\n \u003cdiv class=\"sel-compo-card\"\u003e\n \u003cdiv class=\"sel-compo-header\"\u003e\n \u003cspan class=\"sel-compo-name\"\u003e🍊 Vitamine C\u003c\/span\u003e\n \u003cspan class=\"sel-compo-vnr\"\u003e150 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-compo-detail\"\u003eAcérola + acide L-ascorbique\u003c\/p\u003e\n \u003cspan class=\"sel-compo-dose\"\u003e120 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-compo-card\"\u003e\n \u003cdiv class=\"sel-compo-header\"\u003e\n \u003cspan class=\"sel-compo-name\"\u003e🌻 Vitamine E\u003c\/span\u003e\n \u003cspan class=\"sel-compo-vnr\"\u003e100 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-compo-detail\"\u003eD-alpha-tocophérol naturel\u003c\/p\u003e\n \u003cspan class=\"sel-compo-dose\"\u003e12 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-compo-card\"\u003e\n \u003cdiv class=\"sel-compo-header\"\u003e\n \u003cspan class=\"sel-compo-name\"\u003e🥕 Caroténoïdes\u003c\/span\u003e\n \u003cspan class=\"sel-compo-vnr\"\u003e64 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-compo-detail\"\u003eAlgue \u003cem\u003eDunaliella salina\u003c\/em\u003e — bêta-carotène 2,8 mg (518 µg éq. rétinol)\u003c\/p\u003e\n \u003cspan class=\"sel-compo-dose\"\u003e3 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-compo-card\"\u003e\n \u003cdiv class=\"sel-compo-header\"\u003e\n \u003cspan class=\"sel-compo-name\"\u003e⚙️ Sélénium\u003c\/span\u003e\n \u003cspan class=\"sel-compo-vnr\"\u003e90 % VNR\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-compo-detail\"\u003eLevure \u003cem\u003eSaccharomyces cerevisiae\u003c\/em\u003e\u003c\/p\u003e\n \u003cspan class=\"sel-compo-dose\"\u003e50 µg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-tip\"\u003e\n \u003cspan class=\"sel-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eTunique : gélule végétale en cellulose (HPMC). Formule \u003cstrong\u003esans OGM\u003c\/strong\u003e, \u003cstrong\u003evegan\u003c\/strong\u003e et fabriquée en France par SFB Laboratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eComment prendre le Sélénium + ACE ?\u003c\/h2\u003e\n \u003cdiv class=\"sel-timeline\"\u003e\n \u003cdiv class=\"sel-timeline-item\"\u003e\n \u003cdiv class=\"sel-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e, le matin ou le midi, au cours du repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-item\"\u003e\n \u003cdiv class=\"sel-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eLa cure recommandée est de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-item\"\u003e\n \u003cdiv class=\"sel-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-content\"\u003e\n \u003ch3\u003eFormat économique\u003c\/h3\u003e\n \u003cp\u003eGrâce au format de 120 gélules, un seul pilulier couvre jusqu'à \u003cstrong\u003e4 mois\u003c\/strong\u003e de supplémentation — un excellent rapport durée\/prix comparé aux formats 30 ou 60 gélules proposés par d'autres marques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sel-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sel-accordion\"\u003e\n \u003cdetails class=\"sel-accordion-item\"\u003e\n \u003csummary class=\"sel-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux enfants de moins de 12 ans. Demandez conseil à votre médecin si vous êtes enceinte, allaitante ou sous antidépresseurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sel-accordion-item\"\u003e\n \u003csummary class=\"sel-accordion-header\"\u003e💊 Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée d'1 gélule par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sel-accordion-item\"\u003e\n \u003csummary class=\"sel-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la chaleur, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sel-accordion-item\"\u003e\n \u003csummary class=\"sel-accordion-header\"\u003e📋 Avertissement général\u003c\/summary\u003e\n \u003cdiv class=\"sel-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas\u003c\/strong\u003e à un régime alimentaire varié et équilibré ni à un mode de vie sain. En cas de doute ou de traitement médical en cours, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-disclaimer\"\u003eComplément alimentaire — Ne pas dépasser la dose recommandée. Les allégations de santé sont conformes au règlement CE n°1924\/2006.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sel-cream: #f5f7fa;\n --sel-white: #ffffff;\n --sel-primary: #4a7a9b;\n --sel-primary-dark: #2c5570;\n --sel-primary-light: #e8f1f7;\n --sel-secondary: #5a9bb5;\n --sel-accent: #3d8b6e;\n --sel-text: #1a1a1a;\n --sel-text-light: #5a5a5a;\n --sel-border: #dfe6ec;\n --sel-shadow: 0 4px 24px rgba(44,85,112,.08);\n --sel-shadow-lg: 0 12px 48px rgba(44,85,112,.15);\n --sel-radius: 20px;\n --sel-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sel-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sel-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sel-hero {\n position: relative;\n background: linear-gradient(135deg, #2c5570 0%, #4a7a9b 45%, #5a9bb5 100%);\n border-radius: var(--sel-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(--sel-shadow-lg);\n}\n\n.sel-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.sel-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sel-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.sel-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.sel-description {\n color: rgba(255,255,255,.8);\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.sel-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sel-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(--sel-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sel-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sel-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sel-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sel-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.sel-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(--sel-primary), var(--sel-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sel-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sel-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.sel-section-intro strong {\n color: var(--sel-text);\n}\n\n\/* === CARDS === *\/\n.sel-card {\n background: var(--sel-white);\n border-radius: var(--sel-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sel-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sel-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sel-shadow-lg);\n border-color: var(--sel-primary);\n}\n\n.sel-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sel-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sel-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sel-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sel-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sel-grid-compact .sel-card {\n padding: 1rem;\n}\n\n.sel-grid-compact .sel-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sel-grid-compact .sel-card p {\n font-size: 12px;\n}\n\n\/* === SYNERGY BOX === *\/\n.sel-synergy-box {\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.sel-synergy-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sel-text-light);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.sel-synergy-box p strong {\n color: var(--sel-text);\n}\n\n\/* === COMPOSITION GRID === *\/\n.sel-compo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.sel-compo-card {\n background: var(--sel-white);\n border-radius: var(--sel-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--sel-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sel-compo-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(--sel-primary), var(--sel-secondary));\n}\n\n.sel-compo-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--sel-shadow-lg);\n border-color: var(--sel-primary);\n}\n\n.sel-compo-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: .5rem;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.sel-compo-name {\n font-size: 16px;\n font-weight: 800;\n color: var(--sel-primary-dark);\n}\n\n.sel-compo-vnr {\n font-size: 12px;\n font-weight: 700;\n color: var(--sel-white);\n background: var(--sel-accent);\n padding: 3px 10px;\n border-radius: 999px;\n}\n\n.sel-compo-detail {\n font-size: 13px;\n color: var(--sel-text-light);\n margin: 0 0 .75rem 0;\n line-height: 1.5;\n}\n\n.sel-compo-dose {\n font-size: 28px;\n font-weight: 900;\n color: var(--sel-primary);\n letter-spacing: -.02em;\n}\n\n\/* === TIMELINE === *\/\n.sel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sel-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sel-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sel-primary), var(--sel-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.sel-timeline-content {\n flex: 1;\n background: var(--sel-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sel-radius-sm);\n box-shadow: var(--sel-shadow);\n}\n\n.sel-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sel-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sel-timeline-content p {\n font-size: 14px;\n color: var(--sel-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sel-timeline-content p strong {\n color: var(--sel-text);\n}\n\n\/* === TIP BOX === *\/\n.sel-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sel-primary-light);\n border-radius: var(--sel-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sel-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sel-tip p {\n font-size: 14px;\n color: var(--sel-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sel-tip p strong {\n color: var(--sel-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.sel-accordion {\n background: var(--sel-white);\n border-radius: var(--sel-radius);\n box-shadow: var(--sel-shadow);\n overflow: hidden;\n}\n\n.sel-accordion-item {\n border-bottom: 1px solid var(--sel-border);\n margin: 0;\n padding: 0;\n}\n\n.sel-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sel-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sel-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.sel-accordion-header:hover {\n background: var(--sel-primary-light);\n}\n\n.sel-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sel-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sel-primary);\n transition: transform .2s ease;\n}\n\n.sel-accordion-item[open] .sel-accordion-header::after {\n content: '−';\n}\n\n.sel-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sel-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sel-accordion-content p {\n margin: 0;\n}\n\n.sel-accordion-content p strong {\n color: var(--sel-text);\n}\n\n\/* === DISCLAIMER === *\/\n.sel-disclaimer {\n font-size: 12px;\n color: var(--sel-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 .sel-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sel-compo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sel-card {\n padding: 1.125rem;\n }\n\n .sel-section {\n margin-bottom: 1.75rem;\n }\n\n .sel-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sel-radius-sm);\n }\n\n .sel-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sel-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sel-grid-compact {\n gap: .625rem;\n }\n\n .sel-grid-compact .sel-card {\n padding: .75rem;\n }\n\n .sel-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sel-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sel-timeline-content h3 {\n font-size: 14px;\n }\n\n .sel-timeline-content p {\n font-size: 13px;\n }\n\n .sel-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sel-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sel-compo-dose {\n font-size: 22px;\n }\n\n .sel-compo-header {\n justify-content: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sel-card,\n .sel-compo-card {\n animation: selFadeInUp .5s ease backwards;\n }\n .sel-card:nth-child(1),\n .sel-compo-card:nth-child(1) { animation-delay: .05s; }\n .sel-card:nth-child(2),\n .sel-compo-card:nth-child(2) { animation-delay: .1s; }\n .sel-card:nth-child(3),\n .sel-compo-card:nth-child(3) { animation-delay: .15s; }\n .sel-card:nth-child(4),\n .sel-compo-card:nth-child(4) { animation-delay: .2s; }\n .sel-card:nth-child(5) { animation-delay: .25s; }\n .sel-card:nth-child(6) { animation-delay: .3s; }\n\n .sel-timeline-item {\n animation: selFadeInUp .5s ease backwards;\n }\n .sel-timeline-item:nth-child(1) { animation-delay: .05s; }\n .sel-timeline-item:nth-child(2) { animation-delay: .1s; }\n .sel-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes selFadeInUp {\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 .sel-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":57062698418553,"sku":"SF0255","price":20.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/selenium-ace-120-gelules-sfb-packshothd.webp?v=1776157274"},{"product_id":"spirulysat-concentre-recuperation-et-energie-15-x-10-ml-algosource","title":"Spirulysat Concentré - Récupération et Energie - 15x10 ml - AlgoSource","description":"\u003cdiv class=\"sprl-premium\"\u003e\n \u003cdiv class=\"sprl-hero\"\u003e\n \u003cdiv class=\"sprl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sprl-hero-content\"\u003e\n \u003cdiv class=\"sprl-badges-top\"\u003e\n \u003cspan class=\"sprl-badge\"\u003e🔬 Validé cliniquement\u003c\/span\u003e\n \u003cspan class=\"sprl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sprl-badge\"\u003e🌊 Extrait liquide\u003c\/span\u003e\n \u003cspan class=\"sprl-badge\"\u003e⚜️ Origine Bretagne\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sprl-hero-title\"\u003eL'extrait bioactif de spiruline concentré en phycocyanine\u003c\/span\u003e\n \u003cp class=\"sprl-subtitle\"\u003eRécupération \u0026amp; Énergie – 15 ampoules de 10 ml\u003c\/p\u003e\n \u003cp class=\"sprl-description\"\u003eDécouvrez le \u003cstrong\u003eSpirulysat® spiruline liquide crue concentrée en phycocyanine\u003c\/strong\u003e, un extrait bioactif unique pour soutenir votre \u003cstrong\u003eénergie et tonus\u003c\/strong\u003e au quotidien. Une \u003cstrong\u003espiruline concentrée liquide\u003c\/strong\u003e issue d'une extraction brevetée à l'eau et à froid, en Bretagne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sprl-section\"\u003e\n \u003ch2\u003eUne spiruline concentrée pas comme les autres\u003c\/h2\u003e\n \u003cdiv class=\"sprl-grid\"\u003e\n \u003cdiv class=\"sprl-card\"\u003e\n \u003ch3\u003e💧 Format liquide bioactif\u003c\/h3\u003e\n \u003cp\u003eContrairement aux comprimés, la \u003cstrong\u003espiruline concentrée liquide\u003c\/strong\u003e Spirulysat® est directement assimilable, sans arrière-goût amer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sprl-card\"\u003e\n \u003ch3\u003e🔬 Testée cliniquement\u003c\/h3\u003e\n \u003cp\u003eSeul extrait de spiruline évalué chez l'Homme en double aveugle contre placebo : un gage de sérieux rare dans l'univers des compléments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sprl-card\"\u003e\n \u003ch3\u003e⚡ 50 mg de phycocyanine\u003c\/h3\u003e\n \u003cp\u003eUne dose élevée de pigment bleu bioactif par ampoule, au cœur des bienfaits de la \u003cstrong\u003espiruline énergie\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sprl-section\"\u003e\n \u003ch2\u003eComposition transparente par ampoule de 10 ml\u003c\/h2\u003e\n \u003cdiv class=\"sprl-grid\"\u003e\n \u003cdiv class=\"sprl-card\"\u003e\n \u003ch3\u003e🔵 Extrait de spiruline liquide\u003c\/h3\u003e\n \u003cdiv class=\"sprl-dose\"\u003e50 mg de phycocyanine\u003c\/div\u003e\n \u003cp\u003eObtenu par bio-extraction brevetée à l'eau et à froid, sans solvant chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sprl-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée stérilisée\u003c\/h3\u003e\n \u003cdiv class=\"sprl-dose\"\u003eBase d'extraction\u003c\/div\u003e\n \u003cp\u003eVecteur naturel pour préserver la structure native de la phycocyanine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sprl-card\"\u003e\n \u003ch3\u003e⚗️ Acide citrique\u003c\/h3\u003e\n \u003cdiv class=\"sprl-dose\"\u003e\u0026lt; 0,1 %\u003c\/div\u003e\n \u003cp\u003eRégulateur naturel d'acidité pour stabiliser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sprl-section\"\u003e\n \u003ch2\u003eComment prendre Spirulysat® ?\u003c\/h2\u003e\n \u003cdiv class=\"sprl-timeline\"\u003e\n \u003cdiv class=\"sprl-timeline-item\"\u003e\n \u003cdiv class=\"sprl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sprl-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin, pure ou diluée dans un verre d'eau ou de jus. Secouez avant usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sprl-timeline-item\"\u003e\n \u003cdiv class=\"sprl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sprl-timeline-content\"\u003e\n \u003ch3\u003eProgramme de 4 à 12 semaines\u003c\/h3\u003e\n \u003cp\u003e4 semaines minimum, idéalement 12 semaines pour un effet optimal sur la récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sprl-timeline-item\"\u003e\n \u003cdiv class=\"sprl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sprl-timeline-content\"\u003e\n \u003ch3\u003eRenouvelable\u003c\/h3\u003e\n \u003cp\u003eÀ renouveler selon vos besoins, notamment lors des périodes intenses ou saisonnières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sprl-section\"\u003e\n \u003ch2\u003eLes bienfaits ressentis\u003c\/h2\u003e\n \u003cdiv class=\"sprl-grid-compact\"\u003e\n \u003cdiv class=\"sprl-card\"\u003e\n \u003ch3\u003e💪 Énergie \u0026amp; tonus\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003espiruline énergie et tonus\u003c\/strong\u003e pour affronter les journées chargées et les périodes de surmenage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sprl-card\"\u003e\n \u003ch3\u003e🏃 Sport \u0026amp; récupération\u003c\/h3\u003e\n \u003cp\u003eIdéal \u003cstrong\u003esport spiruline récupération\u003c\/strong\u003e : soutient l'oxygénation musculaire et la récupération après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sprl-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eLa phycocyanine aide à lutter contre le stress oxydatif du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sprl-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre métabolique\u003c\/h3\u003e\n \u003cp\u003eEffet mesuré lors de l'essai clinique : régulation des triglycérides et marqueurs hépatiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sprl-section\"\u003e\n \u003cdiv class=\"sprl-origin-box\"\u003e\n \u003cdiv class=\"sprl-origin-icon\"\u003e🏭\u003c\/div\u003e\n \u003ch3\u003eFabriqué en Bretagne par AlgoSource\u003c\/h3\u003e\n \u003cp\u003eSpiruline cultivée sur la presqu'île de Guérande, extraite à froid selon un procédé breveté et double contrôle qualité pour chaque lot. Une \u003cstrong\u003espiruline concentrée\u003c\/strong\u003e française d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sprl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sprl-accordion\"\u003e\n \u003cdetails class=\"sprl-accordion-item\"\u003e\n \u003csummary class=\"sprl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sprl-accordion-content mt-3\"\u003e\n \u003cul\u003e\n \u003cli\u003eNe dépassez pas 1 ampoule par jour.\u003c\/li\u003e\n \u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée, un mode de vie sain, ni un traitement médical.\u003c\/li\u003e\n \u003cli\u003eDemandez l'avis d'un professionnel de santé en cas de grossesse, allaitement ou traitement en cours.\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants. Conserver au frais et à l'abri de la lumière.\u003c\/li\u003e\n \u003c\/ul\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 --sprl-cream: #f5f7fb;\n --sprl-white: #ffffff;\n --sprl-primary: #1a3a6e;\n --sprl-primary-dark: #0d1f42;\n --sprl-primary-light: #e6ecf5;\n --sprl-secondary: #2b5aa8;\n --sprl-accent: #9b1e4f;\n --sprl-text: #1a1a1a;\n --sprl-text-light: #5a5a5a;\n --sprl-border: #e0e0e0;\n --sprl-shadow: 0 4px 24px rgba(13,31,66,.08);\n --sprl-shadow-lg: 0 12px 48px rgba(13,31,66,.18);\n --sprl-radius: 20px;\n --sprl-radius-sm: 12px;\n}\n\n.sprl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sprl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sprl-text);\n}\n\n\/* HERO *\/\n.sprl-hero {\n position: relative;\n background: linear-gradient(135deg, #0d1f42 0%, #1a3a6e 50%, #2b5aa8 100%);\n border-radius: var(--sprl-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(--sprl-shadow-lg);\n}\n\n.sprl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 20%, rgba(155,30,79,.25) 0%, transparent 40%),\n radial-gradient(circle at 80% 80%, rgba(43,90,168,.35) 0%, transparent 45%);\n opacity: .8;\n}\n\n.sprl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sprl-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 6vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n line-height: 1.15;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.sprl-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sprl-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.sprl-description strong {\n color: #fff;\n font-weight: 700;\n}\n\n\/* BADGES *\/\n.sprl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sprl-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(--sprl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sprl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* SECTIONS *\/\n.sprl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sprl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sprl-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.sprl-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(--sprl-primary), var(--sprl-accent));\n border-radius: 2px;\n}\n\n\/* CARDS *\/\n.sprl-card {\n background: var(--sprl-white);\n border-radius: var(--sprl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sprl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sprl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sprl-shadow-lg);\n border-color: var(--sprl-primary);\n}\n\n.sprl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sprl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sprl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sprl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sprl-dose {\n display: inline-block;\n background: var(--sprl-primary-light);\n color: var(--sprl-primary-dark);\n font-weight: 700;\n font-size: 13px;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n\/* GRIDS *\/\n.sprl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sprl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sprl-grid-compact .sprl-card {\n padding: 1rem;\n}\n\n.sprl-grid-compact .sprl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sprl-grid-compact .sprl-card p {\n font-size: 12px;\n}\n\n\/* TIMELINE *\/\n.sprl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.sprl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sprl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sprl-primary), var(--sprl-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(13,31,66,.25);\n}\n\n.sprl-timeline-content {\n flex: 1;\n background: var(--sprl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sprl-radius-sm);\n box-shadow: var(--sprl-shadow);\n}\n\n.sprl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sprl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sprl-timeline-content p {\n font-size: 14px;\n color: var(--sprl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* ORIGIN BOX *\/\n.sprl-origin-box {\n background: linear-gradient(135deg, var(--sprl-primary) 0%, var(--sprl-primary-dark) 100%);\n border-radius: var(--sprl-radius);\n padding: clamp(1.75rem, 4vw, 2.75rem);\n text-align: center;\n color: white;\n box-shadow: var(--sprl-shadow-lg);\n position: relative;\n overflow: hidden;\n}\n\n.sprl-origin-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 60%;\n height: 200%;\n background: radial-gradient(circle, rgba(155,30,79,.2) 0%, transparent 60%);\n}\n\n.sprl-origin-icon {\n font-size: 42px;\n margin-bottom: .75rem;\n position: relative;\n}\n\n.sprl-origin-box h3 {\n color: white;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n margin: 0 0 .75rem 0;\n position: relative;\n}\n\n.sprl-origin-box p {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n margin: 0;\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n}\n\n.sprl-origin-box strong {\n color: #fff;\n font-weight: 700;\n}\n\n\/* ACCORDION *\/\n.sprl-accordion {\n background: var(--sprl-white);\n border-radius: var(--sprl-radius);\n box-shadow: var(--sprl-shadow);\n overflow: hidden;\n}\n\n.sprl-accordion-item {\n border-bottom: 1px solid var(--sprl-border);\n margin: 0;\n padding: 0;\n}\n\n.sprl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sprl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sprl-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.sprl-accordion-header:hover {\n background: var(--sprl-primary-light);\n}\n\n.sprl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sprl-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--sprl-primary);\n transition: transform .2s ease;\n}\n\n.sprl-accordion-item[open] .sprl-accordion-header::after {\n content: '−';\n}\n\n.sprl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sprl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sprl-accordion-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.sprl-accordion-content li {\n margin-bottom: .5rem;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 767px) {\n .sprl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sprl-card {\n padding: 1.125rem;\n }\n \n .sprl-section {\n margin-bottom: 1.75rem;\n }\n \n .sprl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sprl-radius-sm);\n }\n \n .sprl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sprl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sprl-grid-compact {\n gap: .625rem;\n }\n \n .sprl-grid-compact .sprl-card {\n padding: .75rem;\n }\n \n .sprl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sprl-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sprl-timeline-content h3 {\n font-size: 14px;\n }\n \n .sprl-timeline-content p {\n font-size: 13px;\n }\n \n .sprl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sprl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .sprl-card {\n animation: sprlFadeInUp .5s ease backwards;\n }\n .sprl-card:nth-child(1) { animation-delay: .05s; }\n .sprl-card:nth-child(2) { animation-delay: .1s; }\n .sprl-card:nth-child(3) { animation-delay: .15s; }\n .sprl-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes sprlFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sprl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALGOSOURCE","offers":[{"title":"Default Title","offer_id":64243800146297,"sku":"SPIRULYSATCONCENTREAS","price":34.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/algosource_concentre.jpg?v=1786969787"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/selenium.webp?v=1790072677","url":"https:\/\/www.naturellement-bio.com\/collections\/selenium.oembed?page=2","provider":"Naturellement Bio","version":"1.0","type":"link"}