{"title":"Qualidiet","description":"\u003ch2\u003eQualidiet en bref : ce qu'il faut retenir avant de scroller\u003c\/h2\u003e\n\u003cp\u003eQualidiet, c'est une gamme de \u003cstrong\u003ecompléments alimentaires naturels\u003c\/strong\u003e née en France à la fin des années 90, portée par Vital Osmose, une entreprise normande qui a fait le choix de la rigueur plutôt que du volume. Les formules misent sur des dosages précis en principes actifs, des ingrédients souvent issus de l'agriculture biologique, et des gélules végétales. Pas de marketing tape-à-l'œil. Des produits pensés pour être utiles, avec une traçabilité lisible et une fabrication hexagonale. Si vous cherchez des compléments bien dosés sans superflu, vous êtes au bon endroit.\u003c\/p\u003e\n\n\u003ch2\u003eHaussez, 1999 : un village normand et une idée simple\u003c\/h2\u003e\n\u003cp\u003eOn est à la toute fin des années 90. Thierry Benameur lance Vital Osmose depuis Haussez, un petit village de Normandie. Son idée ? Rendre accessibles des compléments alimentaires correctement dosés, formulés à partir d'ingrédients d'origine naturelle. Rien de spectaculaire sur le papier. Mais dans un marché déjà saturé de promesses, cette approche par la substance plutôt que par le discours a fait la différence.\u003c\/p\u003e\n\u003cp\u003eQualidiet devient l'une des gammes phares de Vital Osmose, aux côtés de Neodiet. Plus de vingt-cinq ans plus tard, le catalogue couvre un spectre large : vitalité, digestion, confort articulaire, soutien immunitaire, équilibre nerveux. Chaque référence est pensée comme une réponse ciblée, pas comme un produit fourre-tout. C'est là que ça se joue.\u003c\/p\u003e\n\u003cp\u003eLa marque a aussi une entité en Suisse, Qualidiet SA, basée à Bevaix, qui intervient sur la conception et l'exportation. Cette double implantation franco-suisse permet un sourcing européen rigoureux et une ouverture sur des matières premières de qualité.\u003c\/p\u003e\n\n\u003ch2\u003eGélules végétales, dosages affichés : ce qui se passe vraiment côté labo\u003c\/h2\u003e\n\u003cp\u003eConcrètement, les compléments Qualidiet sont fabriqués en France, dans le respect des cahiers des charges en vigueur pour les compléments alimentaires. Les ingrédients sont sélectionnés individuellement, avec une priorité donnée à ceux certifiés \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003eDeux exemples qui parlent d'eux-mêmes. Le Xylitol Qualidiet est extrait du bois de bouleau finlandais - pas de maïs transgénique, pas de source douteuse, une origine garantie Finlande. La berbérine, elle, provient de la racine de \u003cem\u003eBerberis aristata\u003c\/em\u003e, titrée à 97 % en principe actif, ce qui en fait l'une des concentrations les plus élevées du marché.\u003c\/p\u003e\n\u003cp\u003eLes gélules sont d'origine végétale sur la majorité des références, ce qui les rend compatibles avec un régime végétarien. Chaque lot est contrôlé. On regarde l'étiquette.\u003c\/p\u003e\n\n\u003ch2\u003eCe qu'on a vérifié avant de référencer Qualidiet\u003c\/h2\u003e\n\u003cp\u003eQuand on sélectionne une marque chez Naturellement Bio, on ne se contente pas d'un joli packaging ou d'un discours bien rodé. On ouvre le capot. Et avec Qualidiet, ce qui nous a convaincus, c'est d'abord la lisibilité des compositions. Chaque produit affiche clairement ses dosages, ses titrages, ses origines. Pas besoin de décrypter pendant dix minutes.\u003c\/p\u003e\n\u003cp\u003eD'ailleurs, on a aussi regardé la cohérence globale de la gamme. Ici, pas de produit gadget. Chaque référence répond à un besoin identifié - magnésium sous forme bisglycinate pour la biodisponibilité, héricium bio titré à 60 % de polysaccharides pour la concentration, quercétine extraite sans solvant chimique. En pratique, c'est le genre de détail qui sépare un complément sérieux d'un produit d'appel.\u003c\/p\u003e\n\u003cp\u003eLe fait que la fabrication soit localisée en France, avec des contrôles à chaque étape, a fini de nous rassurer. Ça, c'est rassurant.\u003c\/p\u003e\n\n\u003ch2\u003eBio certifié, gélules végétales, zéro OGM : les preuves plutôt que les mots\u003c\/h2\u003e\n\u003cp\u003eQualidiet ne se contente pas d'écrire « naturel » sur ses flacons. Une grande partie du catalogue porte le label AB, certifié par Ecocert. L'Héricium ? Bio. La Cannelle de Ceylan ? Bio. Le Xylitol ? Certifié bio également. Chaque certification implique des audits réguliers, une traçabilité des matières premières depuis le lieu de culture ou de récolte, et le respect des normes européennes.\u003c\/p\u003e\n\u003cp\u003eLes engagements vont plus loin que le bio. Les gélules végétales remplacent la gélatine animale sur de nombreuses formules. Les produits sont formulés sans OGM, conformément aux réglementations européennes. Et quand la marque utilise de la lécithine marine, les phospholipides proviennent de poissons sauvages issus de zones de pêche certifiées en gestion durable.\u003c\/p\u003e\n\u003cp\u003eRésultat : un catalogue où chaque promesse est adossée à un fait vérifiable. Pas de poudre aux yeux.\u003c\/p\u003e\n\n\u003ch2\u003eQualidiet, c'est pour vous si…\u003c\/h2\u003e\n\u003cp\u003eVous faites partie de ces personnes qui retournent le flacon avant de l'acheter ? Qui vérifient le titrage, la forme du magnésium, l'origine de la plante ? Alors oui, Qualidiet va vous parler. La gamme s'adresse à celles et ceux qui veulent intégrer des actifs naturels dans leur quotidien, sans tomber dans l'excès ni la complexité.\u003c\/p\u003e\n\u003cp\u003eQue vous cherchiez à soutenir votre \u003cstrong\u003evitalité\u003c\/strong\u003e, à accompagner une période de stress, à trouver une alternative naturelle au sucre raffiné ou à prendre soin de vos fonctions cognitives, il y a probablement une référence Qualidiet qui correspond.\u003c\/p\u003e\n\u003cp\u003eEn revanche, si vous cherchez des produits ultra-marketés avec des packagings clinquants et des promesses spectaculaires, ce n'est pas ici que vous les trouverez. Qualidiet mise sur la substance. Concrètement, c'est une marque pour les gens qui lisent les étiquettes - et qui savent ce qu'ils y cherchent.\u003c\/p\u003e\n\n\u003ch2\u003eDes dosages qui tiennent la route, pas des dosages qui font joli\u003c\/h2\u003e\n\u003cp\u003eSur le marché des compléments alimentaires, beaucoup de marques affichent un ingrédient star en gros sur l'emballage… avec un dosage homéopathique à l'intérieur. Qualidiet prend le contrepied. Les formules sont pensées pour apporter des quantités réellement utiles de principes actifs.\u003c\/p\u003e\n\u003cp\u003ePrenons le magnésium bisglycinate : trois gélules apportent 330 mg de magnésium-élément, soit 92 % des valeurs nutritionnelles de référence. C'est un dosage qui a du sens. Le choix de la forme bisglycinate n'est pas anodin non plus - c'est l'une des formes les mieux assimilées par l'organisme, bien loin de l'oxyde de magnésium qu'on retrouve dans les formules bas de gamme.\u003c\/p\u003e\n\u003cp\u003eMême logique pour la berbérine : un titrage à 97 %, une des concentrations les plus élevées disponibles. Pas de remplissage.\u003c\/p\u003e\n\n\u003ch2\u003eChoisir dans la gamme Qualidiet : par où commencer\u003c\/h2\u003e\n\u003cp\u003eVous avez vu les produits juste au-dessus. Voici comment s'y retrouver sans hésiter. Commencez par identifier votre besoin principal. Stress, fatigue, digestion, mémoire, alternative au sucre ? Chaque référence Qualidiet cible un axe précis.\u003c\/p\u003e\n\u003cp\u003eSi vous débutez en complémentation, le magnésium bisglycinate est souvent un excellent point d'entrée - c'est un minéral dont la majorité des Français manquent. Pour un usage plus spécifique, les champignons adaptogènes comme l'héricium ou les extraits de plantes comme la berbérine demandent un peu plus de connaissance de ses propres besoins.\u003c\/p\u003e\n\u003cp\u003eEn pratique, n'hésitez pas à croiser les fiches produits avec les conseils de votre professionnel de santé. Et si vous hésitez entre deux formats, sachez que Qualidiet propose souvent un conditionnement découverte et un format cure longue.\u003c\/p\u003e\n\n\u003ch2\u003eTrois références qu'on recommande les yeux fermés\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas tourner autour du pot : voici les produits Qualidiet qui reviennent le plus souvent dans nos recommandations.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe \u003ca href=\"\/products\/bisglycinate-de-magnesium-vit-b6-180-gelules-qualidiet\"\u003eMagnésium Bisglycinate \u0026amp; B6 en 180 gélules\u003c\/a\u003e\u003c\/strong\u003e - C'est le format cure longue, idéal si vous savez déjà que le magnésium vous fait du bien. Deux mois de prise avec un dosage optimisé, une forme hautement biodisponible, et la vitamine B6 en complément pour renforcer l'assimilation. Les gélules sont faciles à avaler, sans arrière-goût. On le conseille en priorité aux personnes sujettes aux tensions musculaires ou aux périodes de stress prolongé.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eL'\u003ca href=\"\/products\/hericium-500-mg-bio-60-gelules-qualidiet\"\u003eHéricium bio 500 mg\u003c\/a\u003e\u003c\/strong\u003e - Ce champignon, aussi appelé Lion's Mane, est traditionnellement utilisé pour soutenir les fonctions cognitives. La version Qualidiet affiche 60 % de polysaccharides et 20 % de bêta-glucanes, ce qui est nettement au-dessus de la moyenne du marché. En cure de deux à trois mois, c'est le genre de produit qu'on prend le matin avec son café, sans y penser. Souvent choisi par ceux qui veulent garder un esprit vif au quotidien.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eLe \u003ca href=\"\/products\/xylitol-bio-500g-qualidiet\"\u003eXylitol Bio 500g\u003c\/a\u003e\u003c\/strong\u003e - On change de registre ici. Ce sucre de bouleau finlandais est une alternative concrète au sucre blanc, avec 40 % de calories en moins. Sa texture ressemble à du sucre classique, son goût est légèrement frais. Il s'utilise aussi bien dans un yaourt que dans une pâtisserie, même si les quantités à la cuisson diffèrent un peu. Bon à savoir : il est apprécié pour son faible index glycémique.\u003c\/p\u003e\n\n\u003ch2\u003eCe qu'on observe après plusieurs mois de vente\u003c\/h2\u003e\n\u003cp\u003eAprès avoir proposé Qualidiet à nos clients pendant un bon moment, quelques constantes se dégagent. Le magnésium bisglycinate est de loin la référence la plus rachetée - signe que les utilisateurs y trouvent un vrai bénéfice au quotidien. Les retours mentionnent souvent une sensation de détente musculaire et un \u003cstrong\u003esommeil\u003c\/strong\u003e plus apaisé.\u003c\/p\u003e\n\u003cp\u003eLe xylitol, lui, séduit les personnes en quête d'un substitut au sucre qui ne dénature pas le goût des préparations. Plusieurs clients l'utilisent au quotidien dans leur thé ou leur café sans ressentir de différence gustative majeure.\u003c\/p\u003e\n\u003cp\u003eCôté héricium, les retours sont plus progressifs - c'est normal, les champignons adaptogènes demandent du temps. Mais ceux qui tiennent la cure de deux mois rapportent souvent une meilleure clarté mentale en fin de journée. Concrètement, c'est le type de produit qu'on ne remarque vraiment que quand on arrête de le prendre.\u003c\/p\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eVos questions sur Qualidiet, nos réponses franches\u003c\/h2\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eLes produits Qualidiet sont-ils fabriqués en France ?\u003c\/summary\u003e\n \u003cp\u003eOui. Les compléments alimentaires Qualidiet sont fabriqués en France, dans le respect des normes européennes en vigueur. Les ingrédients sont sélectionnés avec soin, et une grande partie provient de l'agriculture biologique certifiée.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eLes gélules Qualidiet conviennent-elles aux végétariens ?\u003c\/summary\u003e\n \u003cp\u003eSur la majorité des références, les gélules sont d'origine végétale (cellulose). Quelques exceptions existent, notamment pour les produits contenant des actifs d'origine marine comme la lécithine. Vérifiez la fiche produit pour chaque référence.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eComment conserver les compléments Qualidiet ?\u003c\/summary\u003e\n \u003cp\u003eConservez vos flacons dans un endroit frais et sec, à l'abri de la lumière directe et de l'humidité. Refermez bien le pilulier après chaque utilisation. Ces conditions permettent de préserver l'intégrité des principes actifs jusqu'à la date de péremption indiquée.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003ePeut-on associer plusieurs produits Qualidiet en même temps ?\u003c\/summary\u003e\n \u003cp\u003eC'est possible dans la plupart des cas, mais cela dépend des actifs concernés. Par exemple, associer magnésium et héricium ne pose généralement pas de souci. En revanche, pour des actifs plus spécifiques comme la berbérine, il est préférable de demander l'avis de votre professionnel de santé, surtout si vous suivez un traitement.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n \u003csummary\u003eLe Xylitol Qualidiet peut-il remplacer le sucre dans toutes les recettes ?\u003c\/summary\u003e\n \u003cp\u003eÀ froid, le xylitol s'utilise quasiment comme du sucre classique, avec des quantités légèrement inférieures (10 à 20 % de moins). À la cuisson, comptez environ 40 à 50 % de la quantité habituelle de sucre. Le goût reste proche, avec une légère fraîcheur en bouche. Attention toutefois : le xylitol est dangereux pour les chiens, conservez-le hors de leur portée.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"glycine-cristallisee-300-g-qualidiet","title":"Glycine Cristallisée en poudre - 300 g - Qualidiet","description":"\u003cdiv class=\"gly-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"gly-hero\"\u003e\n\u003cdiv class=\"gly-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gly-hero-content\"\u003e\n\u003cdiv class=\"gly-badges-top\"\u003e\n\u003cspan class=\"gly-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e🧪 100 % pure\u003c\/span\u003e \u003cspan class=\"gly-badge\"\u003e📦 Format 300 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gly-hero-title\"\u003eGlycine cristallisée en poudre\u003c\/span\u003e\n\u003cp class=\"gly-subtitle\"\u003eQualidiet - 300 g de pureté absolue\u003c\/p\u003e\n\u003cp class=\"gly-description\"\u003eL'acide aminé indispensable pour vos articulations, votre peau et un sommeil réparateur. Saveur douce et naturellement sucrée, sans aucun additif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée en poudre : l'acide aminé essentiel à votre bien-être quotidien\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eVous cherchez un complément simple, pur et efficace pour prendre soin de vos articulations, de votre peau et de votre sommeil ? La \u003cstrong\u003eglycine cristallisée en poudre\u003c\/strong\u003e de Qualidiet est exactement ce qu'il vous faut.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid-compact\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 300 g généreux\u003c\/h3\u003e\n\u003cp\u003ePlusieurs semaines d'utilisation grâce à un format économique et pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧬 Acide aminé clé\u003c\/h3\u003e\n\u003cp\u003eNaturellement présent dans l'organisme, mais souvent insuffisant via l'alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur douce\u003c\/h3\u003e\n\u003cp\u003eLégèrement sucrée, agréable dans un verre d'eau, une tisane ou un smoothie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🚫 Zéro additif\u003c\/h3\u003e\n\u003cp\u003eFormule sans aucun conservateur, colorant ni excipient. Pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eLes bienfaits de la glycine cristallisée\u003c\/h2\u003e\n\u003cp class=\"gly-section-intro\"\u003eLes bienfaits de la glycine sont aujourd'hui largement documentés. Cet acide aminé intervient dans de nombreuses fonctions essentielles de votre organisme.\u003c\/p\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🦴 Synthèse du collagène\u003c\/h3\u003e\n\u003cp\u003ePrincipal composant du collagène, la glycine est indispensable à la \u003cstrong\u003esouplesse des articulations\u003c\/strong\u003e, à la solidité des tendons et à l'élasticité de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003ePrise le soir, la glycine favorise un \u003cstrong\u003eendormissement plus rapide\u003c\/strong\u003e et un sommeil réparateur, sans effet de somnolence au réveil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e💪 Soutien articulaire\u003c\/h3\u003e\n\u003cp\u003eEn stimulant la production de collagène, elle contribue à \u003cstrong\u003eréduire les inconforts articulaires\u003c\/strong\u003e liés à l'âge ou à l'activité physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eLa glycine participe à la production de \u003cstrong\u003eglutathion\u003c\/strong\u003e, l'un des antioxydants les plus puissants du corps, contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🫁 Fonction digestive\u003c\/h3\u003e\n\u003cp\u003eElle contribue à la \u003cstrong\u003ebonne santé de la muqueuse intestinale\u003c\/strong\u003e, soutenant ainsi une digestion confortable au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"gly-composition-highlight\"\u003e\n\u003cdiv class=\"gly-composition-badge\"\u003e100 %\u003c\/div\u003e\n\u003cdiv class=\"gly-composition-text\"\u003e\n\u003ch3\u003eGlycine pure cristallisée\u003c\/h3\u003e\n\u003cp\u003eIngrédient unique. Aucun conservateur, aucun colorant, aucun excipient. Un produit d'une \u003cstrong\u003epureté maximale\u003c\/strong\u003e, totalement hydrosoluble et hautement biodisponible. C'est cette transparence qui fait la différence par rapport à ce que vous pourriez trouver en pharmacie ou ailleurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"gly-timeline\"\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDosez 3 à 5 g par jour\u003c\/h3\u003e\n\u003cp\u003ePrélevez la quantité souhaitée à l'aide d'une cuillère doseuse ou d'une cuillère à café rase (environ 3 g).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans une boisson\u003c\/h3\u003e\n\u003cp\u003eLa poudre se dissout facilement grâce à sa forme cristallisée : eau, tisane, smoothie, jus de fruit ou même un yaourt ou une compote.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-item\"\u003e\n\u003cdiv class=\"gly-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gly-timeline-content\"\u003e\n\u003ch3\u003eRépartissez en 2 à 3 prises\u003c\/h3\u003e\n\u003cp\u003eRépartissez la dose sur la journée. Pour favoriser le sommeil, privilégiez une prise \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-tip\"\u003e\n\u003cspan class=\"gly-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e N'hésitez pas à varier les plaisirs en l'incorporant dans vos recettes du quotidien. Sa saveur douce et sucrée se marie à tout !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003eGlycine cristallisée : danger ou sans risque ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-testimonial\"\u003e\n\u003cp class=\"gly-testimonial-text\"\u003e\"Beaucoup d'entre vous se demandent si la glycine cristallisée présente un danger. Rassurez-vous : aux doses recommandées, la glycine est très bien tolérée par la grande majorité des personnes. Cependant, si vous suivez un traitement médical, si vous êtes enceinte ou allaitante, demandez l'avis de votre médecin avant toute supplémentation. Ce complément alimentaire ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003ch2\u003ePourquoi choisir la glycine Qualidiet ?\u003c\/h2\u003e\n\u003cdiv class=\"gly-grid\"\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eProduite dans une usine certifiée \u003cstrong\u003eISO 22000\u003c\/strong\u003e, garantissant les plus hauts standards de qualité et de sécurité alimentaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🧪 Formule 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur, colorant ni excipient. La pureté à l'état brut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e📦 Format économique 300 g\u003c\/h3\u003e\n\u003cp\u003eUn grand format pensé pour une \u003cstrong\u003ecure prolongée\u003c\/strong\u003e de plusieurs semaines sans interruption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e🍬 Saveur naturellement douce\u003c\/h3\u003e\n\u003cp\u003eAgréable et facile à consommer au quotidien, sans goût désagréable ni arrière-goût chimique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gly-card\"\u003e\n\u003ch3\u003e✅ Traçabilité rigoureuse\u003c\/h3\u003e\n\u003cp\u003eContrôle qualité strict sur chaque lot pour vous garantir un produit irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-section-intro\" style=\"margin-top: 1.5rem;\"\u003eQue vous soyez sportif souhaitant préserver vos articulations, en quête d'un sommeil de meilleure qualité ou simplement désireux de soutenir votre production naturelle de collagène, cette glycine en poudre s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON : Précautions --\u003e\n\u003csection class=\"gly-section\"\u003e\n\u003cdiv class=\"gly-accordion\"\u003e\n\u003cdetails class=\"gly-accordion-item\"\u003e\n\u003csummary class=\"gly-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gly-accordion-content mt-3\"\u003e\n\u003cp\u003eNe pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Conserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"gly-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gly-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre corps l'acide aminé dont il a besoin.\u003cbr\u003e300 g de glycine pure, fabriquée en France, pour des résultats que vous ressentirez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"gly-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gly-cream: #f5f6fa;\n --gly-white: #ffffff;\n --gly-primary: #1a3a6e;\n --gly-primary-dark: #0e2550;\n --gly-primary-light: #e8edf6;\n --gly-secondary: #c8102e;\n --gly-accent: #3b7dd8;\n --gly-text: #1a1a1a;\n --gly-text-light: #5a5a5a;\n --gly-border: #e0e0e0;\n --gly-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gly-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gly-radius: 20px;\n --gly-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gly-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gly-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gly-hero {\n position: relative;\n background: linear-gradient(135deg, #0e2550 0%, #1a3a6e 45%, #3b7dd8 100%);\n border-radius: var(--gly-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gly-shadow-lg);\n}\n\n.gly-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(200,16,46,.12) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(59,125,216,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gly-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gly-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.gly-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.gly-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gly-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gly-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gly-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gly-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gly-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gly-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.gly-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gly-primary), var(--gly-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gly-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gly-card {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gly-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gly-shadow-lg);\n border-color: var(--gly-primary);\n}\n\n.gly-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gly-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gly-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gly-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gly-grid-compact .gly-card {\n padding: 1rem;\n}\n\n.gly-grid-compact .gly-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gly-grid-compact .gly-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION HIGHLIGHT === *\/\n.gly-composition-highlight {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border: 2px solid var(--gly-primary-light);\n}\n\n.gly-composition-badge {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 22px;\n box-shadow: 0 6px 24px rgba(26,58,110,.3);\n}\n\n.gly-composition-text h3 {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--gly-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gly-composition-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.gly-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gly-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gly-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gly-primary), var(--gly-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(26,58,110,.25);\n}\n\n.gly-timeline-content {\n flex: 1;\n background: var(--gly-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gly-radius-sm);\n box-shadow: var(--gly-shadow);\n}\n\n.gly-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gly-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gly-timeline-content p {\n font-size: 14px;\n color: var(--gly-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gly-testimonial {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gly-shadow);\n border-left: 4px solid var(--gly-secondary);\n}\n\n.gly-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gly-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gly-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gly-primary-light);\n border-radius: var(--gly-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gly-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gly-tip p {\n font-size: 14px;\n color: var(--gly-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gly-accordion {\n background: var(--gly-white);\n border-radius: var(--gly-radius);\n box-shadow: var(--gly-shadow);\n overflow: hidden;\n}\n\n.gly-accordion-item {\n border-bottom: 1px solid var(--gly-border);\n margin: 0;\n padding: 0;\n}\n\n.gly-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gly-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gly-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gly-accordion-header:hover {\n background: var(--gly-primary-light);\n}\n\n.gly-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gly-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gly-primary);\n transition: transform .2s ease;\n}\n\n.gly-accordion-item[open] .gly-accordion-header::after {\n content: '−';\n}\n\n.gly-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gly-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gly-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gly-cta-box {\n background: linear-gradient(135deg, var(--gly-primary) 0%, var(--gly-primary-dark) 100%);\n border-radius: var(--gly-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gly-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(200,16,46,.15) 0%, transparent 50%),\n radial-gradient(circle at 70% 30%, rgba(59,125,216,.1) 0%, transparent 50%);\n}\n\n.gly-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gly-disclaimer {\n font-size: 12px;\n color: var(--gly-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gly-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gly-card {\n padding: 1.125rem;\n }\n\n .gly-section {\n margin-bottom: 1.75rem;\n }\n\n .gly-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gly-radius-sm);\n }\n\n .gly-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gly-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gly-grid-compact {\n gap: .625rem;\n }\n\n .gly-grid-compact .gly-card {\n padding: .75rem;\n }\n\n \/* Composition highlight mobile *\/\n .gly-composition-highlight {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n\n .gly-composition-badge {\n width: 64px;\n height: 64px;\n font-size: 18px;\n }\n\n \/* Timeline mobile *\/\n .gly-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gly-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gly-timeline-content h3 {\n font-size: 14px;\n }\n\n .gly-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .gly-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gly-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .gly-testimonial {\n padding: 1.25rem;\n }\n\n .gly-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gly-card {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-card:nth-child(1) { animation-delay: .05s; }\n .gly-card:nth-child(2) { animation-delay: .1s; }\n .gly-card:nth-child(3) { animation-delay: .15s; }\n .gly-card:nth-child(4) { animation-delay: .2s; }\n .gly-card:nth-child(5) { animation-delay: .25s; }\n .gly-card:nth-child(6) { animation-delay: .3s; }\n\n .gly-timeline-item {\n animation: glyFadeInUp .5s ease backwards;\n }\n .gly-timeline-item:nth-child(1) { animation-delay: .1s; }\n .gly-timeline-item:nth-child(2) { animation-delay: .2s; }\n .gly-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes glyFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gly-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724712605,"sku":"VO4840","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/glycine-cristallisee-en-poudre-300-g-vitalosmose-lifestyle.webp?v=1770887240"},{"product_id":"cannelle-ecorce-350-mg-bio-100-gelules-vegetales-qualidiet","title":"Cannelle de Ceylan Bio - 100 gélules de 350 mg - Qualidiet","description":"\u003cdiv class=\"cn-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"cn-hero\"\u003e\n\u003cdiv class=\"cn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cn-hero-content\"\u003e\n\u003cdiv class=\"cn-badges-top\"\u003e\n\u003cspan class=\"cn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"cn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cn-badge\"\u003e💊 100 gélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cn-hero-title\"\u003eCannelle de Ceylan Bio\u003c\/span\u003e\n\u003cp class=\"cn-subtitle\"\u003eL'épice millénaire au service de votre bien-être\u003c\/p\u003e\n\u003cp class=\"cn-description\"\u003eDécouvrez les vertus exceptionnelles de la cannelle de Ceylan avec ces gélules végétales biologiques. Ce complément alimentaire naturel contribue à réguler la glycémie, soutient la digestion, et aide à réduire l'inflammation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POINTS CLÉS --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003cdiv class=\"cn-grid-compact\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🩸 Glycémie\u003c\/h3\u003e\n\u003cp\u003eAide à réguler naturellement le taux de sucre sanguin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🫀 Cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eSoutient la santé du cœur et de la circulation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🦠 Immunité\u003c\/h3\u003e\n\u003cp\u003eRenforce les défenses grâce à ses propriétés antimicrobiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant\u003c\/h3\u003e\n\u003cp\u003eProtège les cellules contre le stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEIL D'UTILISATION --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cn-timeline\"\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrendre 3 à 6 gélules de cannelle de Ceylan par jour, selon votre besoin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, de préférence au moment des repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eCadre d'utilisation\u003c\/h3\u003e\n\u003cp\u003eDans le cadre d'une alimentation équilibrée pour bénéficier pleinement des bienfaits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INGRÉDIENTS CLÉS ET LEURS BIENFAITS --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eIngrédients clés et leurs bienfaits\u003c\/h2\u003e\n\u003cdiv class=\"cn-ingredient-hero\"\u003e\n\u003cdiv class=\"cn-ingredient-badge\"\u003e350 mg\u003c\/div\u003e\n\u003ch3\u003ePoudre d'écorce de cannelle de Ceylan bio\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-grid\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e💓 Fonctions vitales\u003c\/h3\u003e\n\u003cp\u003eStimule les fonctions circulatoire, cardiaque et respiratoire grâce à ses propriétés toniques naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🍽️ Digestion harmonieuse\u003c\/h3\u003e\n\u003cp\u003eSoutient les sécrétions digestives et aide à réduire les inconforts comme les ballonnements et coliques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003eRiche en polyphénols antioxydants, elle neutralise les radicaux libres et protège vos cellules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🦠 Bouclier naturel\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes et antifongiques, alliée contre les infections et états grippaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-tip\"\u003e\n\u003cspan class=\"cn-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eGélule d'origine végétale :\u003c\/strong\u003e adaptée aux végétariens et vegans, elle garantit une absorption rapide et un dosage pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ORIGINE ET FABRICATION --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cdiv class=\"cn-grid-compact\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française avec respect des normes bio et écologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🏝️ Origine Ceylan\u003c\/h3\u003e\n\u003cp\u003eCannelle de la région de Ceylan, qualité supérieure reconnue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🔬 Tests qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot minutieusement testé pour pureté et efficacité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n\u003cp\u003eStrict respect des normes de production biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGAGEMENTS DE VITALOSMOSE --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eEngagements de Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"cn-commitment-box\"\u003e\n\u003cdiv class=\"cn-commitment-grid\"\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🌿\u003c\/span\u003e \u003cspan\u003e100% biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🚫\u003c\/span\u003e \u003cspan\u003eSans OGM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🇪🇺\u003c\/span\u003e \u003cspan\u003eConforme normes UE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003eÉco-responsable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cn-commitment-text\"\u003eNotre approche est guidée par une responsabilité environnementale et sociale, visant à soutenir votre santé tout en préservant la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"cn-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"cn-accordion\"\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire à la cannelle de Ceylan ne doit pas remplacer une alimentation diversifiée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e👶 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eIl est important de le conserver hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e💊 Traitement médical\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant de commencer la supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cn-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cn-cream: #FDF8F3;\n --cn-white: #ffffff;\n --cn-primary: #D2691E;\n --cn-primary-dark: #8B4513;\n --cn-primary-light: #FFF5EB;\n --cn-secondary: #228B22;\n --cn-accent: #CD853F;\n --cn-text: #1a1a1a;\n --cn-text-light: #5a5a5a;\n --cn-border: #e8ddd4;\n --cn-shadow: 0 4px 24px rgba(139,69,19,.08);\n --cn-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n --cn-radius: 20px;\n --cn-radius-sm: 12px;\n}\n\n.cn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cn-hero {\n position: relative;\n background: linear-gradient(135deg, #D2691E 0%, #CD853F 50%, #8B4513 100%);\n border-radius: var(--cn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cn-shadow-lg);\n}\n\n.cn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.cn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n}\n\n.cn-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cn-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cn-primary), var(--cn-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cn-card {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cn-shadow-lg);\n border-color: var(--cn-primary);\n}\n\n.cn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cn-grid-compact .cn-card {\n padding: 1rem;\n}\n\n.cn-grid-compact .cn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cn-grid-compact .cn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cn-primary), var(--cn-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cn-timeline-content {\n flex: 1;\n background: var(--cn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cn-radius-sm);\n box-shadow: var(--cn-shadow);\n}\n\n.cn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cn-timeline-content p {\n font-size: 14px;\n color: var(--cn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INGREDIENT HERO === *\/\n.cn-ingredient-hero {\n background: linear-gradient(135deg, var(--cn-primary-light) 0%, #fff 100%);\n border-radius: var(--cn-radius);\n padding: 1.5rem 2rem;\n text-align: center;\n margin-bottom: 1.5rem;\n border: 2px solid var(--cn-primary);\n position: relative;\n}\n\n.cn-ingredient-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--cn-primary), var(--cn-primary-dark));\n color: white;\n padding: 6px 20px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(210,105,30,.3);\n}\n\n.cn-ingredient-hero h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n color: var(--cn-primary-dark);\n margin: .5rem 0 0 0;\n}\n\n\/* === TIP BOX === *\/\n.cn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cn-primary-light);\n border-radius: var(--cn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cn-secondary);\n}\n\n.cn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cn-tip p {\n font-size: 14px;\n color: var(--cn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMMITMENT BOX === *\/\n.cn-commitment-box {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cn-shadow);\n text-align: center;\n}\n\n.cn-commitment-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.cn-commitment-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n}\n\n.cn-commitment-icon {\n font-size: 28px;\n}\n\n.cn-commitment-item span:last-child {\n font-size: 13px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n}\n\n.cn-commitment-text {\n font-size: 15px;\n color: var(--cn-text-light);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === ACCORDÉON === *\/\n.cn-accordion {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n box-shadow: var(--cn-shadow);\n overflow: hidden;\n}\n\n.cn-accordion-item {\n border-bottom: 1px solid var(--cn-border);\n margin: 0;\n padding: 0;\n}\n\n.cn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cn-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cn-accordion-header:hover {\n background: var(--cn-primary-light);\n}\n\n.cn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cn-primary);\n transition: transform .2s ease;\n}\n\n.cn-accordion-item[open] .cn-accordion-header::after {\n content: '−';\n}\n\n.cn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cn-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cn-disclaimer {\n font-size: 12px;\n color: var(--cn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cn-card {\n padding: 1.125rem;\n }\n \n .cn-section {\n margin-bottom: 1.75rem;\n }\n \n .cn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cn-radius-sm);\n }\n \n .cn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cn-grid-compact {\n gap: .625rem;\n }\n \n .cn-grid-compact .cn-card {\n padding: .75rem;\n }\n \n .cn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .cn-timeline-content {\n padding: .875rem 1rem;\n }\n \n .cn-timeline-content h3 {\n font-size: 14px;\n }\n \n .cn-timeline-content p {\n font-size: 13px;\n }\n \n .cn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cn-commitment-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .cn-commitment-icon {\n font-size: 24px;\n }\n \n .cn-commitment-item span:last-child {\n font-size: 11px;\n }\n \n .cn-ingredient-hero {\n padding: 1.25rem 1rem;\n }\n \n .cn-ingredient-badge {\n font-size: 12px;\n padding: 5px 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cn-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cn-card:nth-child(1) { animation-delay: .05s; }\n .cn-card:nth-child(2) { animation-delay: .1s; }\n .cn-card:nth-child(3) { animation-delay: .15s; }\n .cn-card:nth-child(4) { animation-delay: .2s; }\n .cn-card:nth-child(5) { animation-delay: .25s; }\n .cn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754727399581,"sku":"VO4765","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Cannelle_de_Ceylan_Bio__100_glules_de_350_mg_Qualidiet.jpg?v=1782295681"},{"product_id":"lecithine-dorigine-marine-90-gelules-qualidiet","title":"Lécithine d'Origine Marine - 90 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Lécithine d'Origine Marine - 90 Gélules\nPalette détectée:\n - Primaire: #1e5a8a (bleu marine profond du texte principal)\n - Secondaire: #4a9cc7 (bleu clair des vagues\/eau)\n - Accent: #c41e3a (rouge du logo Qualidiet)\nAmbiance: Marine, fraîcheur océanique, santé naturelle, produit pharmaceutique\/bien-être avec une touche aquatique et apaisante\nPréfixe CSS: lm\n--\u003e\n\n\u003cdiv class=\"lm-premium\"\u003e\n \n \u003cdiv class=\"lm-hero\"\u003e\n \u003cdiv class=\"lm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lm-hero-content\"\u003e\n \u003cdiv class=\"lm-badges-top\"\u003e\n \u003cspan class=\"lm-badge\"\u003e🐟 Origine marine\u003c\/span\u003e\n \u003cspan class=\"lm-badge\"\u003e🧠 Santé cognitive\u003c\/span\u003e\n \u003cspan class=\"lm-badge\"\u003e💊 90 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lm-hero-title\"\u003eLécithine d'origine marine\u003c\/span\u003e\n \u003cp class=\"lm-subtitle\"\u003e17% de phospholipides marins hautement concentrés\u003c\/p\u003e\n \u003cp class=\"lm-description\"\u003eRedécouvrez le pouvoir naturel de la lécithine marine pour soutenir votre circulation cérébrale et renforcer votre santé cognitive au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🌊 Bienfaits de la lécithine marine\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🧠 Fonction cérébrale\u003c\/h3\u003e\n \u003cp\u003eSoutient efficacement les capacités cognitives et la mémoire grâce aux phospholipides essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir l'équilibre des lipides dans le sang pour une meilleure santé du cœur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🩸 Circulation sanguine\u003c\/h3\u003e\n \u003cp\u003eFavorise une circulation optimale du sang, notamment au niveau cérébral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e⚡ Acides gras essentiels\u003c\/h3\u003e\n \u003cp\u003eApport en Omega-3 et acides gras indispensables au bon fonctionnement de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid\"\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🐠 Phospholipides marins\u003c\/h3\u003e\n \u003cp\u003eIssus de poissons sauvages, hautement concentrés à \u003cstrong\u003e17%\u003c\/strong\u003e pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🌿 Omega-3\u003c\/h3\u003e\n \u003cp\u003eAcides gras essentiels reconnus pour leurs bienfaits sur le cerveau et le système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card lm-card-highlight\"\u003e\n \u003ch3\u003e🌱 Gélules végétales\u003c\/h3\u003e\n \u003cp\u003eEnveloppe 100% d'origine végétale pour une meilleure tolérance digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lm-usage-box\"\u003e\n \u003cdiv class=\"lm-usage-step\"\u003e\n \u003cspan class=\"lm-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch4\u003eDosage quotidien\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-usage-step\"\u003e\n \u003cspan class=\"lm-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch4\u003eMoment idéal\u003c\/h4\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003edurant les repas\u003c\/strong\u003e pour une absorption optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-usage-step\"\u003e\n \u003cspan class=\"lm-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"lm-step-content\"\u003e\n \u003ch4\u003eDurée de cure\u003c\/h4\u003e\n \u003cp\u003eFlacon de 90 gélules = \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"lm-grid-compact\"\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n \u003cp\u003eConcentration et mémoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n \u003cp\u003ePerformance cognitive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eMaintien des fonctions cérébrales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lm-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eRécupération et vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"lm-accordion\"\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e🌍 Origine et fabrication\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eLes phospholipides de poissons proviennent de zones de pêche certifiées en gestion durable, reflétant notre engagement pour la préservation de l'environnement marin. Chaque étape de fabrication suit strictement les normes européennes, assurant un produit final pur, efficace et sécurisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne doit pas se substituer à une alimentation diversifiée et équilibrée et à un mode de vie sain. Veuillez consulter un professionnel de santé avant utilisation, en cas de grossesse, allaitement ou prise de médication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lm-accordion-item\"\u003e\n \u003csummary class=\"lm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lm-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"lm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lm-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre cerveau le meilleur de l'océan avec la lécithine marine hautement concentrée en phospholipides !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lm-cream: #f5f9fc;\n --lm-white: #ffffff;\n --lm-primary: #1e5a8a;\n --lm-primary-dark: #0d3a5c;\n --lm-primary-light: #e8f4fc;\n --lm-secondary: #4a9cc7;\n --lm-accent: #c41e3a;\n --lm-text: #1a1a1a;\n --lm-text-light: #5a6a7a;\n --lm-border: #d8e8f0;\n --lm-shadow: 0 4px 24px rgba(30,90,138,.08);\n --lm-shadow-lg: 0 12px 48px rgba(30,90,138,.15);\n --lm-radius: 20px;\n --lm-radius-sm: 12px;\n}\n\n.lm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.lm-hero {\n position: relative;\n background: linear-gradient(135deg, #0d3a5c 0%, #1e5a8a 40%, #4a9cc7 100%);\n border-radius: var(--lm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lm-shadow-lg);\n}\n\n.lm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M0 45 Q15 35 30 45 T60 45' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .08;\n}\n\n.lm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .625rem;\n margin-bottom: 1.5rem;\n}\n\n.lm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--lm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.lm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.lm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.lm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.lm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--lm-primary), var(--lm-secondary));\n border-radius: 2px;\n}\n\n.lm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.lm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lm-card {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lm-shadow-lg);\n border-color: var(--lm-primary);\n}\n\n.lm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.lm-card-highlight {\n background: linear-gradient(145deg, var(--lm-white) 0%, var(--lm-primary-light) 100%);\n border: 2px solid var(--lm-border);\n}\n\n.lm-grid-compact .lm-card {\n padding: 1rem;\n}\n\n.lm-grid-compact .lm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lm-grid-compact .lm-card p {\n font-size: 12px;\n}\n\n.lm-usage-box {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lm-shadow);\n}\n\n.lm-usage-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1rem 0;\n border-bottom: 1px solid var(--lm-border);\n}\n\n.lm-usage-step:last-child {\n border-bottom: none;\n padding-bottom: 0;\n}\n\n.lm-usage-step:first-child {\n padding-top: 0;\n}\n\n.lm-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-secondary) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.lm-step-content h4 {\n font-size: 15px;\n font-weight: 700;\n color: var(--lm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lm-step-content p {\n font-size: 14px;\n color: var(--lm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.lm-accordion {\n background: var(--lm-white);\n border-radius: var(--lm-radius);\n box-shadow: var(--lm-shadow);\n overflow: hidden;\n}\n\n.lm-accordion-item {\n border-bottom: 1px solid var(--lm-border);\n margin: 0;\n padding: 0;\n}\n\n.lm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.lm-accordion-header:hover {\n background: var(--lm-primary-light);\n}\n\n.lm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lm-primary);\n transition: transform .2s ease;\n}\n\n.lm-accordion-item[open] .lm-accordion-header::after {\n content: '−';\n}\n\n.lm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.lm-accordion-content p {\n margin: 0;\n}\n\n.lm-cta-box {\n background: linear-gradient(135deg, var(--lm-primary) 0%, var(--lm-primary-dark) 100%);\n border-radius: var(--lm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 30 Q15 20 30 30 T60 30' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .1;\n}\n\n.lm-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .lm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .lm-card {\n padding: 1.125rem;\n }\n \n .lm-section {\n margin-bottom: 1.75rem;\n }\n \n .lm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lm-radius-sm);\n }\n \n .lm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .lm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .lm-grid-compact {\n gap: .625rem;\n }\n \n .lm-grid-compact .lm-card {\n padding: .75rem;\n }\n \n .lm-badges-top {\n gap: .5rem;\n }\n \n .lm-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .lm-usage-box {\n padding: 1rem;\n }\n \n .lm-usage-step {\n gap: .75rem;\n padding: .75rem 0;\n }\n \n .lm-step-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .lm-step-content h4 {\n font-size: 14px;\n }\n \n .lm-step-content p {\n font-size: 13px;\n }\n \n .lm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .lm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .lm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .lm-card:nth-child(1) { animation-delay: .05s; }\n .lm-card:nth-child(2) { animation-delay: .1s; }\n .lm-card:nth-child(3) { animation-delay: .15s; }\n .lm-card:nth-child(4) { animation-delay: .2s; }\n .lm-card:nth-child(5) { animation-delay: .25s; }\n .lm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754729332893,"sku":"VO4535","price":16.19,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lecithine-dorigine-marine-90-gelules-vitalosmose-packshothd.webp?v=1774289804"},{"product_id":"vitamine-c-liposomale-525-mg-60-gelules-qualidiet","title":"Vitamine C Liposomale 525 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"vc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"vc-hero\"\u003e\n\u003cdiv class=\"vc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vc-hero-content\"\u003e\n\u003cdiv class=\"vc-badges-top\"\u003e\n\u003cspan class=\"vc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e🔬 Technologie liposomale\u003c\/span\u003e \u003cspan class=\"vc-badge\"\u003e💊 500 mg \/ gélule\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"vc-hero-title\"\u003eVitamine C Liposomale 525 mg\u003c\/span\u003e\n\u003cp class=\"vc-subtitle\"\u003eQualidiet - 60 gélules végétales\u003c\/p\u003e\n\u003cp class=\"vc-description\"\u003eUne absorption jusqu'à 10× supérieure grâce à l'encapsulation liposomale. Directement au cœur de vos cellules, là où la vitamine C agit vraiment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eVitamine C Liposomale 525 mg – Une absorption supérieure pour votre vitalité\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eVous cherchez une \u003cstrong\u003evitamine C liposomale\u003c\/strong\u003e réellement efficace, bien tolérée et fabriquée en France ?\u003c\/p\u003e\n\u003cdiv class=\"vc-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003eVitamine C Liposomale 525 mg de Qualidiet\u003c\/strong\u003e vous offre une formule pensée pour maximiser l'assimilation de la vitamine C par votre organisme. Grâce à la technologie liposomale, chaque gélule délivre ses actifs \u003cstrong\u003edirectement au cœur de vos cellules\u003c\/strong\u003e, là où ils sont vraiment utiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003ePourquoi choisir une vitamine C sous forme liposomale ?\u003c\/h2\u003e\n\u003cdiv class=\"vc-comparison\"\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-bad\"\u003e\n\u003ch3\u003e❌ Vitamine C classique\u003c\/h3\u003e\n\u003cp\u003eSous forme d'acide ascorbique, elle est souvent \u003cstrong\u003emal absorbée\u003c\/strong\u003e par l'intestin. Une grande partie est éliminée avant même d'avoir agi. Troubles gastriques fréquents chez les personnes sensibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-compare-card vc-compare-good\"\u003e\n\u003ch3\u003e✅ Vitamine C liposomale\u003c\/h3\u003e\n\u003cp\u003eEncapsulée dans des \u003cstrong\u003eliposomes\u003c\/strong\u003e (sphères lipidiques), elle est protégée tout au long du transit digestif. Résultat : une \u003cstrong\u003ebiodisponibilité nettement supérieure\u003c\/strong\u003e et une excellente tolérance intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eC'est cette différence qui explique les nombreux \u003cstrong\u003eavis positifs sur la vitamine C liposomale\u003c\/strong\u003e : moins de troubles gastriques, plus d'effets ressentis, une diffusion progressive dans l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eLes bienfaits concrets de cette vitamine C liposomale\u003c\/h2\u003e\n\u003cp class=\"vc-section-intro\"\u003eEn intégrant ce complément à votre routine quotidienne, vous soutenez activement votre organisme sur plusieurs fronts :\u003c\/p\u003e\n\u003cdiv class=\"vc-grid\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal de vos défenses naturelles, particulièrement en période hivernale ou lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e⚡ Énergie au quotidien\u003c\/h3\u003e\n\u003cp\u003eElle participe à un métabolisme énergétique normal et aide à \u003cstrong\u003eréduire la fatigue\u003c\/strong\u003e physique comme nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003ePuissant antioxydant, elle contribue à protéger vos cellules contre le stress oxydatif et le vieillissement prématuré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n\u003cp\u003eEssentiel pour la peau, les os, les cartilages et les gencives. Un allié beauté et santé structurelle au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eComposition détaillée – par gélule de 525 mg\u003c\/h2\u003e\n\u003cdiv class=\"vc-grid-compact\"\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e d'acide ascorbique par gélule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🫘 Lécithine de soja\u003c\/h3\u003e\n\u003cp\u003eSource naturelle de phospholipides formant les liposomes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eHPMC, convient aux régimes végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorant artificiel, sans conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003e\u003cem\u003eContient du soja.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"vc-timeline\"\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure intensive (1000 mg)\u003c\/h3\u003e\n\u003cp\u003ePour un apport proche de \u003cstrong\u003e1000 mg de vitamine C liposomale\u003c\/strong\u003e, deux gélules quotidiennes suffisent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-item\"\u003e\n\u003cdiv class=\"vc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"vc-timeline-content\"\u003e\n\u003ch3\u003eCure d'entretien\u003c\/h3\u003e\n\u003cp\u003eUne seule gélule par jour convient parfaitement pour maintenir un bon niveau de vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe flacon de \u003cstrong\u003e60 gélules\u003c\/strong\u003e vous accompagne pendant \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e selon votre dosage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"vc-section\"\u003e\n\u003ch2\u003eEffets secondaires et précautions\u003c\/h2\u003e\n\u003cdiv class=\"vc-accordion\"\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e🩺 Effets secondaires\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eLes \u003cstrong\u003eeffets secondaires de la vitamine C liposomale\u003c\/strong\u003e sont rares grâce à l'encapsulation liposomale qui épargne le système digestif. Toutefois, un dosage excessif peut entraîner de légers inconforts intestinaux. Respectez la posologie recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"vc-accordion-item\"\u003e\n\u003csummary class=\"vc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"vc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément est réservé à l'adulte. Il ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"vc-section\"\u003e\n\u003ch2\u003eFabrication française – Qualité Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"vc-testimonial\"\u003e\n\u003cp class=\"vc-testimonial-text\"\u003eFormulée et fabriquée en France par \u003cstrong\u003eQualidiet\u003c\/strong\u003e, cette vitamine C liposomale en gélules bénéficie d'un contrôle qualité rigoureux à chaque étape de production. Les matières premières sont soigneusement sélectionnées pour vous garantir un complément alimentaire fiable, efficace et traçable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-tip\"\u003e\n\u003cspan class=\"vc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eQue vous recherchiez une \u003cstrong\u003evitamine C liposomale en parapharmacie\u003c\/strong\u003e ou en boutique spécialisée, ce format en gélules offre un avantage pratique par rapport à la \u003cstrong\u003evitamine C liposomale liquide\u003c\/strong\u003e : pas de goût, un dosage précis et une conservation simplifiée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vc-cta-box\"\u003e\n\u003cp\u003e🍊 Offrez à votre corps une vitamine C qui arrive vraiment à destination.\u003cbr\u003e60 gélules liposomales — 500 mg par gélule — Fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"vc-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants. Contient du soja.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --vc-cream: #faf7f4;\n --vc-white: #ffffff;\n --vc-primary: #E85B20;\n --vc-primary-dark: #B8420F;\n --vc-primary-light: #FFF3EC;\n --vc-secondary: #5B3A8C;\n --vc-accent: #D94520;\n --vc-text: #1a1a1a;\n --vc-text-light: #5a5a5a;\n --vc-border: #e8e0d8;\n --vc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --vc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --vc-radius: 20px;\n --vc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.vc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--vc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.vc-premium *, .vc-premium *::before, .vc-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.vc-hero {\n position: relative;\n background: linear-gradient(135deg, #E85B20 0%, #D94520 40%, #5B3A8C 100%);\n border-radius: var(--vc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.vc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.vc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.vc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--vc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.vc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.vc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.vc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.vc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.vc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.vc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--vc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.vc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--vc-primary), var(--vc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.vc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.vc-highlight-box {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vc-shadow);\n border-left: 4px solid var(--vc-primary);\n}\n\n.vc-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === COMPARISON CARDS === *\/\n.vc-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n}\n\n.vc-compare-card {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vc-shadow);\n transition: all .3s ease;\n}\n\n.vc-compare-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--vc-shadow-lg);\n}\n\n.vc-compare-bad {\n border-top: 4px solid #dc3545;\n}\n\n.vc-compare-good {\n border-top: 4px solid #28a745;\n}\n\n.vc-compare-card h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n margin: 0 0 .75rem 0;\n line-height: 1.3;\n}\n\n.vc-compare-bad h3 {\n color: #dc3545;\n}\n\n.vc-compare-good h3 {\n color: #28a745;\n}\n\n.vc-compare-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.vc-card {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--vc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.vc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--vc-shadow-lg);\n border-color: var(--vc-primary);\n}\n\n.vc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--vc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.vc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.vc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.vc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.vc-grid-compact .vc-card {\n padding: 1rem;\n}\n\n.vc-grid-compact .vc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.vc-grid-compact .vc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.vc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.vc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.vc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--vc-primary), var(--vc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.vc-timeline-content {\n flex: 1;\n background: var(--vc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--vc-radius-sm);\n box-shadow: var(--vc-shadow);\n}\n\n.vc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--vc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.vc-timeline-content p {\n font-size: 14px;\n color: var(--vc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.vc-testimonial {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--vc-shadow);\n border-left: 4px solid var(--vc-secondary);\n}\n\n.vc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--vc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.vc-accordion {\n background: var(--vc-white);\n border-radius: var(--vc-radius);\n box-shadow: var(--vc-shadow);\n overflow: hidden;\n}\n\n.vc-accordion-item {\n border-bottom: 1px solid var(--vc-border);\n margin: 0;\n padding: 0;\n}\n\n.vc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.vc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--vc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.vc-accordion-header:hover {\n background: var(--vc-primary-light);\n}\n\n.vc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.vc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--vc-primary);\n transition: transform .2s ease;\n}\n\n.vc-accordion-item[open] .vc-accordion-header::after {\n content: '−';\n}\n\n.vc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--vc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.vc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.vc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--vc-primary-light);\n border-radius: var(--vc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.vc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.vc-tip p {\n font-size: 14px;\n color: var(--vc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.vc-cta-box {\n background: linear-gradient(135deg, var(--vc-primary) 0%, var(--vc-primary-dark) 50%, var(--vc-secondary) 100%);\n border-radius: var(--vc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.vc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.vc-disclaimer {\n font-size: 12px;\n color: var(--vc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .vc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vc-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .vc-card {\n padding: 1.125rem;\n }\n\n .vc-section {\n margin-bottom: 1.75rem;\n }\n\n .vc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--vc-radius-sm);\n }\n\n .vc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .vc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .vc-grid-compact {\n gap: .625rem;\n }\n\n .vc-grid-compact .vc-card {\n padding: .75rem;\n }\n\n .vc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .vc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .vc-timeline-content h3 {\n font-size: 14px;\n }\n\n .vc-timeline-content p {\n font-size: 13px;\n }\n\n .vc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .vc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .vc-testimonial {\n padding: 1.25rem;\n }\n\n .vc-testimonial-text {\n font-size: 14px;\n }\n\n .vc-highlight-box {\n padding: 1.25rem;\n }\n\n .vc-highlight-box p {\n font-size: 14px;\n }\n\n .vc-compare-card {\n padding: 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .vc-card,\n .vc-compare-card {\n animation: vcFadeInUp .5s ease backwards;\n }\n .vc-card:nth-child(1),\n .vc-compare-card:nth-child(1) { animation-delay: .05s; }\n .vc-card:nth-child(2),\n .vc-compare-card:nth-child(2) { animation-delay: .1s; }\n .vc-card:nth-child(3) { animation-delay: .15s; }\n .vc-card:nth-child(4) { animation-delay: .2s; }\n .vc-card:nth-child(5) { animation-delay: .25s; }\n .vc-card:nth-child(6) { animation-delay: .3s; }\n\n .vc-timeline-item {\n animation: vcFadeInUp .5s ease backwards;\n }\n .vc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .vc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .vc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes vcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .vc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754730709149,"sku":"VO4850","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitamine-c-liposomale-525-mg-60-gelules-vitalosmose-lifestyle.webp?v=1770883998"},{"product_id":"quercetine-anhydre-vegetale-60-gelules-qualidiet","title":"Quercétine Anhydre Végétale - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"qc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"qc-hero\"\u003e\n \u003cdiv class=\"qc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qc-hero-content\"\u003e\n \u003cdiv class=\"qc-badges-top\"\u003e\n \u003cspan class=\"qc-badge\"\u003e🌿 Origine végétale\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e💊 300 mg \/ gélule\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🧪 Forme anhydre pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qc-hero-title\"\u003eQuercétine anhydre végétale\u003c\/span\u003e\n \u003cp class=\"qc-subtitle\"\u003e60 gélules dosées à 300 mg — Qualidiet\u003c\/p\u003e\n \u003cp class=\"qc-description\"\u003eUn flavonoïde puissant extrait du Sophora Japonica pour soutenir vos défenses, lutter contre le stress oxydatif et retrouver un confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eQuercétine anhydre d'origine végétale : un flavonoïde puissant au quotidien\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour soutenir vos défenses et lutter contre le stress oxydatif ?\u003c\/p\u003e\n \u003cdiv class=\"qc-highlight-box\"\u003e\n \u003cp\u003eLa \u003cstrong\u003eQuercétine Anhydre Végétale de Qualidiet\u003c\/strong\u003e vous apporte \u003cstrong\u003e300 mg de quercétine pure par gélule\u003c\/strong\u003e, extraite du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, un arbre reconnu pour sa richesse exceptionnelle en flavonoïdes. Ce polyphénol, largement étudié par la recherche scientifique, fait partie des antioxydants les plus prometteurs du règne végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eLes bienfaits de la quercétine pour votre organisme\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eLa quercétine est un flavonol naturellement présent dans certains fruits et légumes (oignons, câpres, myrtilles), mais souvent en quantités insuffisantes pour en ressentir les effets. La supplémentation permet d'atteindre des dosages réellement utiles.\u003c\/p\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌸 Action antihistaminique naturelle\u003c\/h3\u003e\n \u003cp\u003eLa quercétine est reconnue pour aider à stabiliser les mastocytes, ces cellules impliquées dans les réactions allergiques. Si vous souffrez d'allergies saisonnières, elle peut contribuer à réduire l'inconfort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle neutralise les radicaux libres responsables du vieillissement cellulaire prématuré et des dommages oxydatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003ePlusieurs études suggèrent un rôle favorable de la quercétine sur la santé des vaisseaux sanguins et la tension artérielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🫁 Quercétine et intestin\u003c\/h3\u003e\n \u003cp\u003eCe flavonoïde contribue à maintenir l'intégrité de la barrière intestinale et à moduler la réponse inflammatoire au niveau digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eEn aidant à réguler la réponse immunitaire, elle participe au bon fonctionnement de vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid-compact\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌿 Quercétine anhydre\u003c\/h3\u003e\n \u003cp\u003e300 mg — Extraite du Sophora Japonica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eHPMC — 100 % d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans gluten, sans OGM, sans conservateur, sans colorant ni arôme artificiel.\u003c\/strong\u003e Convient aux personnes suivant un régime végétarien ou végétalien. Poids net du flacon : 23,40 g pour 60 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"qc-timeline\"\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence pendant un repas pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour une protection antioxydante de fond et un soutien immunitaire régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003ePériode d'allergie ou de sollicitation\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e en période d'allergie saisonnière ou de sollicitation immunitaire accrue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eQuercétine : danger ou précautions ?\u003c\/h2\u003e\n \u003cdiv class=\"qc-accordion\"\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eAux dosages recommandés, la quercétine ne présente pas de danger particulier pour les adultes en bonne santé. Toutefois, elle est \u003cstrong\u003edéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement anticoagulant, en raison d'interactions possibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la quercétine Qualidiet ?\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e⚗️ Forme anhydre concentrée\u003c\/h3\u003e\n \u003cp\u003eSans molécule d'eau liée, garantissant une \u003cstrong\u003econcentration maximale en principe actif\u003c\/strong\u003e dans chaque gélule — un avantage rare face aux produits classiques en pharmacie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌳 Source végétale de référence\u003c\/h3\u003e\n \u003cp\u003eL'extraction est réalisée à partir du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, une source naturelle reconnue pour sa richesse exceptionnelle en quercétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit selon des \u003cstrong\u003enormes de qualité strictes\u003c\/strong\u003e, assurant une traçabilité complète du début à la fin de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-cta-box\"\u003e\n \u003cp\u003eSi vous recherchez un allié naturel pour vos allergies, votre confort intestinal ou simplement pour renforcer votre protection antioxydante, la \u003cstrong\u003eQuercétine Anhydre Végétale Qualidiet\u003c\/strong\u003e est un choix fiable et bien dosé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"qc-disclaimer\"\u003eComplément alimentaire — Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qc-cream: #f4f5f8;\n --qc-white: #ffffff;\n --qc-primary: #1e3a6e;\n --qc-primary-dark: #122550;\n --qc-primary-light: #e8edf5;\n --qc-secondary: #4a6fa5;\n --qc-accent: #8ba3cc;\n --qc-text: #1a1a1a;\n --qc-text-light: #5a5a5a;\n --qc-border: #dde2ea;\n --qc-shadow: 0 4px 24px rgba(30,58,110,.08);\n --qc-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n --qc-radius: 20px;\n --qc-radius-sm: 12px;\n}\n\n.qc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qc-hero {\n position: relative;\n background: linear-gradient(135deg, #122550 0%, #1e3a6e 40%, #4a6fa5 100%);\n border-radius: var(--qc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--qc-shadow-lg);\n}\n\n.qc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,163,204,.08) 0%, transparent 70%);\n opacity: 1;\n}\n\n.qc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.qc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.qc-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.qc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--qc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.qc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--qc-primary), var(--qc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.qc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qc-highlight-box {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qc-shadow);\n border-left: 4px solid var(--qc-primary);\n}\n\n.qc-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--qc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.qc-card {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qc-shadow-lg);\n border-color: var(--qc-primary);\n}\n\n.qc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.qc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qc-grid-compact .qc-card {\n padding: 1rem;\n}\n\n.qc-grid-compact .qc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qc-grid-compact .qc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qc-primary), var(--qc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.qc-timeline-content {\n flex: 1;\n background: var(--qc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qc-radius-sm);\n box-shadow: var(--qc-shadow);\n}\n\n.qc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qc-timeline-content p {\n font-size: 14px;\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.qc-testimonial {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qc-shadow);\n border-left: 4px solid var(--qc-primary);\n}\n\n.qc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.qc-accordion {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n box-shadow: var(--qc-shadow);\n overflow: hidden;\n}\n\n.qc-accordion-item {\n border-bottom: 1px solid var(--qc-border);\n margin: 0;\n padding: 0;\n}\n\n.qc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.qc-accordion-header:hover {\n background: var(--qc-primary-light);\n}\n\n.qc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qc-primary);\n transition: transform .2s ease;\n}\n\n.qc-accordion-item[open] .qc-accordion-header::after {\n content: '−';\n}\n\n.qc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.qc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qc-primary-light);\n border-radius: var(--qc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qc-tip p {\n font-size: 14px;\n color: var(--qc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.qc-cta-box {\n background: linear-gradient(135deg, var(--qc-primary) 0%, var(--qc-primary-dark) 100%);\n border-radius: var(--qc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.qc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qc-disclaimer {\n font-size: 12px;\n color: var(--qc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .qc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qc-card {\n padding: 1.125rem;\n }\n\n .qc-section {\n margin-bottom: 1.75rem;\n }\n\n .qc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qc-radius-sm);\n }\n\n .qc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qc-grid-compact {\n gap: .625rem;\n }\n\n .qc-grid-compact .qc-card {\n padding: .75rem;\n }\n\n .qc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qc-timeline-content h3 {\n font-size: 14px;\n }\n\n .qc-timeline-content p {\n font-size: 13px;\n }\n\n .qc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .qc-highlight-box {\n padding: 1.25rem;\n }\n\n .qc-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qc-card {\n animation: qcFadeInUp .5s ease backwards;\n }\n .qc-card:nth-child(1) { animation-delay: .05s; }\n .qc-card:nth-child(2) { animation-delay: .1s; }\n .qc-card:nth-child(3) { animation-delay: .15s; }\n .qc-card:nth-child(4) { animation-delay: .2s; }\n .qc-card:nth-child(5) { animation-delay: .25s; }\n .qc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .qc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754731102365,"sku":"VO4616","price":16.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quercetine-anhydre-vegetale-60-gelules-qualidiet-packshothd_a56ab40a-84e3-480b-ad0b-e2f9a250241c.webp?v=1775222391"},{"product_id":"bisglycinate-de-magnesium-vit-b6-90-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamine B6 - 90 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mg-hero\"\u003e\n \u003cdiv class=\"mg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mg-hero-content\"\u003e\n \u003cdiv class=\"mg-badges-top\"\u003e\n \u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e⚡ Haute absorption\u003c\/span\u003e\n \u003cspan class=\"mg-badge\"\u003e🌿 Sans gluten · Sans lactose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n \u003cp class=\"mg-subtitle\"\u003eMagnésium chélaté hautement assimilable — 90 gélules\u003c\/p\u003e\n \u003cp class=\"mg-description\"\u003eLa synergie optimale pour réduire la fatigue, apaiser le stress et soutenir vos muscles au quotidien, sans inconfort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la synergie haute absorption\u003c\/h2\u003e\n \u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, irritabilité ou sommeil perturbé ? Votre corps vous envoie peut-être un signal clair : \u003cstrong\u003eun manque de magnésium\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧬 Forme chélatée\u003c\/h3\u003e\n \u003cp\u003eBisglycinate de magnésium lié à deux molécules de glycine pour une biodisponibilité supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🛡️ Tolérance digestive\u003c\/h3\u003e\n \u003cp\u003eFini les inconforts gastriques souvent associés aux compléments de magnésium classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔬 Vitamine B6 intégrée\u003c\/h3\u003e\n \u003cp\u003eLa pyridoxine améliore l'absorption cellulaire du magnésium et la synthèse de neurotransmetteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France selon des standards de qualité rigoureux. Convient aux végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003ePourquoi choisir le magnésium bisglycinate plutôt qu'une autre forme ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-comparison\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔗 Absorption optimale\u003c\/h3\u003e\n \u003cp\u003eLe bisglycinate de magnésium est lié à deux molécules de \u003cstrong\u003eglycine\u003c\/strong\u003e, un acide aminé qui facilite son passage à travers la barrière intestinale. Votre organisme absorbe une plus grande quantité de magnésium, sans provoquer de gêne digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e⚡ Le rôle clé de la vitamine B6\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B6 (pyridoxine hydrochloride) agit comme un véritable facilitateur : elle \u003cstrong\u003eaméliore l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de sérotonine et de GABA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏆 Duo complémentaire\u003c\/h3\u003e\n \u003cp\u003eL'association \u003cstrong\u003emagnésium et vitamine B6\u003c\/strong\u003e forme un duo particulièrement efficace, bien supérieur à une supplémentation en magnésium seul (oxyde ou citrate).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eLes bienfaits concrets au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eLe magnésium intervient dans plus de \u003cstrong\u003e300 réactions enzymatiques\u003c\/strong\u003e liées à la production d'énergie. Retrouvez votre vitalité dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧘 Équilibre nerveux et gestion du stress\u003c\/h3\u003e\n \u003cp\u003eLa combinaison vitamine B6 et magnésium soutient le système nerveux et aide à \u003cstrong\u003eapaiser les tensions\u003c\/strong\u003e accumulées au fil de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n \u003cp\u003eIdéal après une journée intense ou une séance de sport, le magnésium contribue au \u003cstrong\u003erelâchement musculaire\u003c\/strong\u003e et réduit les crampes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🌙 Soutien de l'humeur et du sommeil\u003c\/h3\u003e\n \u003cp\u003eEn favorisant la synthèse de sérotonine, cette formule vous aide à retrouver un \u003cstrong\u003eétat d'esprit apaisé\u003c\/strong\u003e, notamment le soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🦴 Santé osseuse\u003c\/h3\u003e\n \u003cp\u003eLe magnésium participe à la \u003cstrong\u003esolidité des os et des dents\u003c\/strong\u003e, un atout essentiel à tout âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eComposition pour 3 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"mg-composition-box\"\u003e\n \u003cdiv class=\"mg-grid-compact\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n \u003cp\u003eMagnésium chélaté hautement assimilable — forme premium pour une absorption maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🟡 Vitamine B6\u003c\/h3\u003e\n \u003cp\u003ePyridoxine hydrochloride — facilite l'absorption cellulaire du magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-tip\"\u003e\n \u003cspan class=\"mg-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose\u003c\/strong\u003e, convient aux végétariens. Gélules de 550 mg — flacon de 90 gélules (cure de 30 jours). Poids net : 58 g. Fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mg-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mg-timeline\"\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eAstuce détente du soir\u003c\/h3\u003e\n \u003cp\u003eSi vous ressentez des tensions nerveuses en fin de journée, privilégiez la prise le soir au dîner : le bisglycinate de magnésium favorise la détente et prépare votre organisme au repos.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-item\"\u003e\n \u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mg-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure recommandée\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e est généralement recommandée, renouvelable selon vos besoins. Vous pouvez fractionner la prise (1 gélule à chaque repas) pour un apport régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est conçu ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"mg-grid\"\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eSujettes au stress chronique, à l'irritabilité ou à la nervosité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e😴 Fatigués et insomniaques\u003c\/h3\u003e\n \u003cp\u003eFatigue persistante, troubles du sommeil ou difficultés à récupérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eCrampes musculaires, récupération difficile après l'effort, besoin accru en magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-card\"\u003e\n \u003ch3\u003e📚 Étudiants en période d'examens\u003c\/h3\u003e\n \u003cp\u003eConcentration, mémoire et gestion de la pression intellectuelle intensive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mg-cta-box\"\u003e\n \u003cp\u003e✨ Offrez à votre corps le magnésium qu'il mérite — haute absorption, zéro inconfort digestif, résultats concrets dès les premières semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mg-disclaimer\"\u003e⚠️ Ce complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Consultez un professionnel de santé avant toute prise, en particulier si vous êtes enceinte, allaitante ou sous traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mg-cream: #f4f6fb;\n --mg-white: #ffffff;\n --mg-primary: #1a4f9c;\n --mg-primary-dark: #0d2f66;\n --mg-primary-light: #e8eff9;\n --mg-secondary: #2b7de9;\n --mg-accent: #c9a226;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a6270;\n --mg-border: #dde3ed;\n --mg-shadow: 0 4px 24px rgba(13, 47, 102, .07);\n --mg-shadow-lg: 0 12px 48px rgba(13, 47, 102, .13);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,162,38,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.mg-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.mg-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-accent));\n border-radius: 2px;\n}\n\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.mg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-tip {\n padding: .875rem 1rem;\n }\n\n .mg-tip-icon {\n font-size: 20px;\n }\n\n .mg-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506749661561,"sku":"VO4601","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamine-b6-90-gelules-vitalosmose-packshothd.webp?v=1774698776"},{"product_id":"bisglycinate-de-magnesium-vit-b6-180-gelules-qualidiet","title":"Bisglycinate de Magnésium \u0026 Vitamines B6 - 180 Gélules - Qualidiet","description":"\u003cdiv class=\"mg-premium\"\u003e\n\u003cdiv class=\"mg-hero\"\u003e\n\u003cdiv class=\"mg-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mg-hero-content\"\u003e\n\u003cdiv class=\"mg-badges-top\"\u003e\n\u003cspan class=\"mg-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e💊 180 gélules\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🧬 Haute absorption\u003c\/span\u003e \u003cspan class=\"mg-badge\"\u003e🌿 Convient aux végétariens\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mg-hero-title\"\u003eBisglycinate de Magnésium \u0026amp; Vitamine B6\u003c\/span\u003e\n\u003cp class=\"mg-subtitle\"\u003eLa forme la plus assimilable pour retrouver énergie, sérénité et équilibre\u003c\/p\u003e\n\u003cp class=\"mg-description\"\u003e180 gélules de 550 mg · Programme complet de 2 mois · Sans gluten, sans lactose, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eBisglycinate de magnésium et vitamine B6 : la forme la mieux assimilée par votre organisme\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eFatigue persistante, tensions musculaires, sommeil perturbé ou irritabilité passagère ? Votre corps vous envoie peut-être un signal clair : il manque de magnésium.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⚡ Haute assimilabilité\u003c\/h3\u003e\n\u003cp\u003eUne forme de magnésium chélaté qui traverse la paroi intestinale avec une efficacité remarquable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤢 Zéro gêne digestive\u003c\/h3\u003e\n\u003cp\u003eDoux pour l'estomac, sans ballonnements ni effet laxatif, même chez les personnes sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📅 Programme de 2 mois\u003c\/h3\u003e\n\u003cp\u003e180 gélules pour une cure complète de 8 semaines afin de restaurer vos réserves en profondeur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧘 Équilibre \u0026amp; sérénité\u003c\/h3\u003e\n\u003cp\u003eRetrouvez calme, énergie et qualité de sommeil grâce au duo magnésium + vitamine B6\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003ePourquoi choisir le bisglycinate de magnésium plutôt qu'une autre forme ?\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eToutes les formes de magnésium ne se valent pas. Le magnésium bisglycinate se distingue nettement grâce à son processus de \u003cstrong\u003echélation\u003c\/strong\u003e : chaque atome de magnésium est lié à deux molécules de glycine, un acide aminé naturellement présent dans l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔬 Une absorption supérieure\u003c\/h3\u003e\n\u003cp\u003eLe magnésium bisglycinate traverse la paroi intestinale plus facilement que l'oxyde ou le citrate de magnésium, pour une biodisponibilité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🛡️ Aucune gêne digestive\u003c\/h3\u003e\n\u003cp\u003eContrairement aux formes classiques, il ne provoque ni ballonnements, ni effet laxatif, même chez les personnes au système digestif sensible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e⏳ Une action prolongée\u003c\/h3\u003e\n\u003cp\u003eLa libération progressive du magnésium permet à votre organisme d'en tirer le meilleur bénéfice tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eLes bienfaits du magnésium bisglycinate associé à la vitamine B6\u003c\/h2\u003e\n\u003cp class=\"mg-section-intro\"\u003eL'association vitamine B6 et magnésium n'est pas un hasard. La vitamine B6 joue un rôle de véritable catalyseur : elle \u003cstrong\u003efavorise l'absorption cellulaire du magnésium\u003c\/strong\u003e et participe activement à la synthèse de neurotransmetteurs comme la sérotonine et le GABA.\u003c\/p\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔋 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eCombattez efficacement la fatigue physique et mentale grâce à un apport optimal en magnésium hautement assimilable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧠 Système nerveux\u003c\/h3\u003e\n\u003cp\u003eSoutenez le bon fonctionnement de votre système nerveux et améliorez votre résistance au stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💪 Détente musculaire\u003c\/h3\u003e\n\u003cp\u003eFavorisez la détente musculaire et accélérez la récupération après l'effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003eAméliorez la qualité de votre sommeil et la gestion du stress au quotidien grâce à la synergie magnésium-B6.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🦴 Ossature solide\u003c\/h3\u003e\n\u003cp\u003eParticipez au maintien d'une ossature solide grâce à l'action complémentaire du magnésium sur le métabolisme osseux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eComposition détaillée pour 3 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🧬 Bisglycinate de magnésium\u003c\/h3\u003e\n\u003cp\u003e450 mg dont magnésium élémentaire hautement biodisponible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💛 Vitamine B6\u003c\/h3\u003e\n\u003cp\u003e2 mg de pyridoxine (143 % des apports de référence)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌾 Agents de charge\u003c\/h3\u003e\n\u003cp\u003eCellulose microcristalline, stéarate de magnésium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🌿 Enveloppe végétale\u003c\/h3\u003e\n\u003cp\u003eGélatine d'origine végétale (HPMC) – convient aux végétariens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-tip\"\u003e\n\u003cspan class=\"mg-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eFormule \u003cstrong\u003esans gluten, sans lactose, sans OGM\u003c\/strong\u003e. Convient aux végétariens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mg-timeline\"\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e, de préférence au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eRépartition optimale\u003c\/h3\u003e\n\u003cp\u003eVous pouvez répartir la prise : \u003cstrong\u003e2 gélules le matin\u003c\/strong\u003e et \u003cstrong\u003e1 gélule le soir\u003c\/strong\u003e pour une assimilation régulière, idéal si vous recherchez un soutien pour le sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-item\"\u003e\n\u003cdiv class=\"mg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mg-timeline-content\"\u003e\n\u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, suivez une cure d'au moins \u003cstrong\u003e8 semaines\u003c\/strong\u003e consécutives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eFabrication française et qualité garantie\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes compléments Qualidiet sont fabriqués en France selon des normes de qualité strictes et rigoureuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🔒 Procédé breveté\u003c\/h3\u003e\n\u003cp\u003eLe bisglycinate de magnésium est obtenu par un procédé de chélation breveté, garantissant pureté et stabilité optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e📋 Contrôle qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot est rigoureusement contrôlé pour vous offrir un produit fiable et traçable en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"mg-grid-compact\"\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n\u003cp\u003eEn phase de récupération après l'effort physique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e💼 Actifs stressés\u003c\/h3\u003e\n\u003cp\u003ePersonnes soumises à un rythme de vie soutenu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e👩 Femmes\u003c\/h3\u003e\n\u003cp\u003eEn période prémenstruelle pour retrouver confort et sérénité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-card\"\u003e\n\u003ch3\u003e🤝 Estomacs sensibles\u003c\/h3\u003e\n\u003cp\u003eIdéal si les autres formes de magnésium vous ont causé des inconforts digestifs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mg-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdetails class=\"mg-accordion-item\"\u003e\n\u003csummary class=\"mg-accordion-header\"\u003e⚠️ Précaution importante\u003c\/summary\u003e\n\u003cdiv class=\"mg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni une alimentation variée et équilibrée, ni un mode de vie sain, ni un traitement médical. En cas de doute, consultez votre professionnel de santé avant toute supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"mg-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mg-cta-box\"\u003e\n\u003cp\u003e🧬 Offrez à votre organisme le magnésium qu'il mérite : hautement assimilable, doux pour l'estomac, renforcé par la vitamine B6. 180 gélules pour 2 mois de bien-être au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mg-disclaimer\"\u003eComplément alimentaire · Ne se substitue pas à une alimentation variée et équilibrée · Tenir hors de portée des enfants · Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mg-cream: #f4f6fb;\n --mg-white: #ffffff;\n --mg-primary: #1a3a7a;\n --mg-primary-dark: #0e2554;\n --mg-primary-light: #e8edf7;\n --mg-secondary: #3b7dd8;\n --mg-accent: #5a9cf5;\n --mg-text: #1a1a1a;\n --mg-text-light: #5a5a5a;\n --mg-border: #dde3ee;\n --mg-shadow: 0 4px 24px rgba(26, 58, 122, .08);\n --mg-shadow-lg: 0 12px 48px rgba(26, 58, 122, .15);\n --mg-radius: 20px;\n --mg-radius-sm: 12px;\n}\n\n.mg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mg-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mg-primary-dark) 0%, var(--mg-primary) 45%, var(--mg-secondary) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mg-shadow-lg);\n}\n\n.mg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(90,156,245,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.mg-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.12);\n}\n\n.mg-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(13px, 2.2vw, 16px);\n margin: 0;\n font-weight: 400;\n}\n\n\/* === BADGES === *\/\n.mg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mg-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.mg-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mg-primary), var(--mg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.mg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mg-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mg-section-intro strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mg-card {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mg-shadow-lg);\n border-color: var(--mg-primary);\n}\n\n.mg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mg-grid-compact .mg-card {\n padding: 1rem;\n}\n\n.mg-grid-compact .mg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mg-grid-compact .mg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mg-primary), var(--mg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mg-timeline-content {\n flex: 1;\n background: var(--mg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mg-radius-sm);\n box-shadow: var(--mg-shadow);\n}\n\n.mg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mg-timeline-content p {\n font-size: 14px;\n color: var(--mg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mg-timeline-content p strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.mg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mg-primary-light);\n border-radius: var(--mg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mg-tip p {\n font-size: 14px;\n color: var(--mg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mg-tip p strong {\n color: var(--mg-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.mg-accordion {\n background: var(--mg-white);\n border-radius: var(--mg-radius);\n box-shadow: var(--mg-shadow);\n overflow: hidden;\n}\n\n.mg-accordion-item {\n border-bottom: 1px solid var(--mg-border);\n margin: 0;\n padding: 0;\n}\n\n.mg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mg-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mg-accordion-header:hover {\n background: var(--mg-primary-light);\n}\n\n.mg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mg-primary);\n transition: transform .2s ease;\n}\n\n.mg-accordion-item[open] .mg-accordion-header::after {\n content: '−';\n}\n\n.mg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mg-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.mg-cta-box {\n background: linear-gradient(135deg, var(--mg-primary) 0%, var(--mg-primary-dark) 100%);\n border-radius: var(--mg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mg-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mg-disclaimer {\n font-size: 12px;\n color: var(--mg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mg-card {\n padding: 1.125rem;\n }\n\n .mg-section {\n margin-bottom: 1.75rem;\n }\n\n .mg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mg-radius-sm);\n }\n\n .mg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mg-grid-compact {\n gap: .625rem;\n }\n\n .mg-grid-compact .mg-card {\n padding: .75rem;\n }\n\n .mg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mg-timeline-content h3 {\n font-size: 14px;\n }\n\n .mg-timeline-content p {\n font-size: 13px;\n }\n\n .mg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mg-badges-top {\n gap: 6px;\n }\n\n .mg-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mg-card {\n animation: mgFadeInUp .5s ease backwards;\n }\n .mg-card:nth-child(1) { animation-delay: .05s; }\n .mg-card:nth-child(2) { animation-delay: .1s; }\n .mg-card:nth-child(3) { animation-delay: .15s; }\n .mg-card:nth-child(4) { animation-delay: .2s; }\n .mg-card:nth-child(5) { animation-delay: .25s; }\n .mg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mgFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":53506751660409,"sku":"MAGNESIUM180","price":25.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bisglycinate-de-magnesium-vitamines-b6-180-gelules-vitalosmo-packshothd.webp?v=1773492134"},{"product_id":"hericium-500-mg-bio-60-gelules-qualidiet","title":"Héricium bio 500 Mg - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Héricium bio 500 mg - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AAF (bleu profond du titre \"HERICIUM\")\n - Secondaire: #4A9B4A (vert bio de \"Issu de l'Agriculture biologique\")\n - Accent: #C8352D (rouge du logo \"QUALIDIET\")\nAmbiance: Pharmaceutique\/médical, naturel\/bio, confiance, simplicité, pureté (fond blanc du packaging)\nPréfixe CSS: hrc\n--\u003e\n\n\u003cdiv class=\"hrc-premium\"\u003e\n \n \u003cdiv class=\"hrc-hero\"\u003e\n \u003cdiv class=\"hrc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hrc-hero-content\"\u003e\n \u003cdiv class=\"hrc-badges-top\"\u003e\n \u003cspan class=\"hrc-badge\"\u003e🍄 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🧠 Lion's Mane\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hrc-hero-title\"\u003eLion's mane Héricium bio 500 mg\u003c\/span\u003e\n \u003cp class=\"hrc-subtitle\"\u003eLe champignon de la mémoire et de la concentration\u003c\/p\u003e\n \u003cp class=\"hrc-description\"\u003eExtrait haute concentration avec \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e pour soutenir vos fonctions cognitives naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir ce lion's mane en gélule ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e⚡ Concentration exceptionnelle\u003c\/h3\u003e\n \u003cp\u003e60% de polysaccharides et 20% de bêta-glucanes, bien au-delà des standards du marché\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n \u003cp\u003e500 mg par gélule, plus généreux que les formules concurrentes à 400 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eCultivé selon les normes bio, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🥬 100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales en hypromellose, adaptées aux régimes végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française avec traçabilité et contrôle qualité rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs artificiels ni additifs controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🍄 Qu'est-ce que le lion's mane (Hericium erinaceus) ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-info-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eHericium erinaceus\u003c\/strong\u003e, surnommé \u003cstrong\u003eLion's Mane\u003c\/strong\u003e (crinière de lion) en raison de son apparence unique, est un champignon médicinal utilisé depuis des siècles en médecine traditionnelle asiatique.\u003c\/p\u003e\n \u003cp\u003eReconnaissable à ses longs filaments blancs, ce champignon fascine la communauté scientifique pour sa richesse en composés bioactifs spécifiques : les \u003cstrong\u003ehéricénones\u003c\/strong\u003e et les \u003cstrong\u003eérinacines\u003c\/strong\u003e. Ces molécules uniques peuvent traverser la barrière hémato-encéphalique et stimuler la production du facteur de croissance nerveux (NGF).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du lion's mane sur votre organisme\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFavorise la clarté mentale\u003c\/li\u003e\n \u003cli\u003eSoutient la mémoire au quotidien\u003c\/li\u003e\n \u003cli\u003eAccompagne la concentration intense\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eAccompagne face au stress\u003c\/li\u003e\n \u003cli\u003eFavorise le bien-être mental\u003c\/li\u003e\n \u003cli\u003eSoutient l'équilibre émotionnel\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003ePropriétés prébiotiques\u003c\/li\u003e\n \u003cli\u003eMuqueuse gastrique saine\u003c\/li\u003e\n \u003cli\u003eÉquilibre du microbiote\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Composition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"hrc-composition-box\"\u003e\n \u003cdiv class=\"hrc-composition-header\"\u003ePour 2 gélules (dose journalière)\u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-grid\"\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eExtrait d'Hericium erinaceus bio\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e1000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont polysaccharides\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e600 mg (60%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont bêta-glucanes\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e200 mg (20%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eEnveloppe gélule végétale\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003eHypromellose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hrc-steps\"\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eLe matin au petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eAdministration\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e2 à 3 mois, renouvelable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-tip\"\u003e\n \u003cstrong\u003e💡 Astuce synergie :\u003c\/strong\u003e Associez ce complément au Reishi ou Cordyceps en alternance pour une action renforcée sur les fonctions cognitives.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément à l'Héricium ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eEn période d'examens ou de révisions intensives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eSoumis à une charge mentale importante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eSouhaitant préserver leurs capacités cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eEn recherche d'un soutien naturel pour le système nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n \u003cp\u003ePour renforcer le confort intestinal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🏆 Qualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid-compact\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🔬 Extraction pure\u003c\/h3\u003e\n \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eBonnes pratiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n \u003cp\u003eAnalyses qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hrc-accordion\"\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e📦 Contenu du flacon\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003e60 gélules végétales de 500 mg, soit \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e à raison de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière indiquée.\u003c\/p\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable. En cas de traitement médical ou de pathologie, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical et n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hrc-cta-box\"\u003e\n \u003cp\u003e🍄 Offrez à votre cerveau le pouvoir ancestral du \u003cstrong\u003eLion's Mane\u003c\/strong\u003e avec une formule bio hautement concentrée. Mémoire, concentration et bien-être digestif réunis dans un seul complément d'excellence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hrc-cream: #f8f9fa;\n --hrc-white: #ffffff;\n --hrc-primary: #1E5AAF;\n --hrc-primary-dark: #14407a;\n --hrc-primary-light: #e8f0fa;\n --hrc-secondary: #4A9B4A;\n --hrc-secondary-light: #e8f5e8;\n --hrc-accent: #C8352D;\n --hrc-text: #1a1a1a;\n --hrc-text-light: #5a5a5a;\n --hrc-border: #e0e0e0;\n --hrc-shadow: 0 4px 24px rgba(30,90,175,.08);\n --hrc-shadow-lg: 0 12px 48px rgba(30,90,175,.15);\n --hrc-radius: 20px;\n --hrc-radius-sm: 12px;\n}\n\n.hrc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hrc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hrc-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AAF 0%, #2d6fc4 40%, #4A9B4A 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.hrc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hrc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.hrc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hrc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hrc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hrc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.hrc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.hrc-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.hrc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hrc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hrc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hrc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hrc-primary), var(--hrc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hrc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hrc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hrc-card {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hrc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hrc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hrc-shadow-lg);\n border-color: var(--hrc-primary);\n}\n\n.hrc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hrc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hrc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hrc-card-benefit {\n text-align: left;\n}\n\n.hrc-card-benefit ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n}\n\n.hrc-card-benefit li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text-light);\n padding: .35rem 0;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.hrc-card-benefit li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--hrc-secondary);\n font-weight: 700;\n}\n\n.hrc-grid-compact .hrc-card {\n padding: 1rem;\n}\n\n.hrc-grid-compact .hrc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hrc-grid-compact .hrc-card p {\n font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.hrc-info-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hrc-shadow);\n border-left: 5px solid var(--hrc-primary);\n}\n\n.hrc-info-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hrc-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.hrc-info-box p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-info-box strong {\n color: var(--hrc-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.hrc-composition-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n overflow: hidden;\n box-shadow: var(--hrc-shadow);\n}\n\n.hrc-composition-header {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-primary-dark) 100%);\n color: white;\n padding: 1rem 1.5rem;\n font-weight: 700;\n font-size: clamp(14px, 2.5vw, 16px);\n text-align: center;\n}\n\n.hrc-composition-grid {\n padding: 1rem;\n}\n\n.hrc-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1rem;\n border-bottom: 1px solid var(--hrc-border);\n}\n\n.hrc-composition-item:last-child {\n border-bottom: none;\n}\n\n.hrc-composition-sub {\n background: var(--hrc-primary-light);\n margin: 0 -1rem;\n padding-left: 2rem;\n}\n\n.hrc-composition-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text);\n}\n\n.hrc-composition-value {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 700;\n color: var(--hrc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.hrc-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.hrc-step {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: 1.5rem;\n box-shadow: var(--hrc-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n transition: all .3s ease;\n}\n\n.hrc-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.hrc-step-content h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hrc-step-content p {\n font-size: 14px;\n color: var(--hrc-text-light);\n margin: 0;\n}\n\n.hrc-tip {\n background: var(--hrc-secondary-light);\n border-radius: var(--hrc-radius-sm);\n padding: 1rem 1.25rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text);\n border-left: 4px solid var(--hrc-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.hrc-accordion {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n box-shadow: var(--hrc-shadow);\n overflow: hidden;\n}\n\n.hrc-accordion-item {\n border-bottom: 1px solid var(--hrc-border);\n margin: 0;\n padding: 0;\n}\n\n.hrc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hrc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hrc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hrc-accordion-header:hover {\n background: var(--hrc-primary-light);\n}\n\n.hrc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hrc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hrc-primary);\n transition: transform .2s ease;\n}\n\n.hrc-accordion-item[open] .hrc-accordion-header::after {\n content: '−';\n}\n\n.hrc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hrc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hrc-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.hrc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-accordion-content em {\n font-size: 13px;\n color: var(--hrc-text-light);\n}\n\n\/* === CTA === *\/\n.hrc-cta-box {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hrc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.hrc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.hrc-cta-box strong {\n color: white;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hrc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hrc-card {\n padding: 1.125rem;\n }\n \n .hrc-section {\n margin-bottom: 1.75rem;\n }\n \n .hrc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hrc-radius-sm);\n }\n \n .hrc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hrc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hrc-badges-top {\n gap: 8px;\n }\n \n .hrc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .hrc-grid-compact {\n gap: .625rem;\n }\n \n .hrc-grid-compact .hrc-card {\n padding: .75rem;\n }\n \n .hrc-steps {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .hrc-step {\n padding: 1rem;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .5rem;\n }\n \n .hrc-step-number {\n width: 36px;\n height: 36px;\n min-width: 36px;\n font-size: 16px;\n }\n \n .hrc-info-box {\n padding: 1.25rem;\n }\n \n .hrc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hrc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hrc-composition-item {\n padding: .75rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n \n .hrc-composition-sub {\n padding-left: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hrc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hrc-card:nth-child(1) { animation-delay: .05s; }\n .hrc-card:nth-child(2) { animation-delay: .1s; }\n .hrc-card:nth-child(3) { animation-delay: .15s; }\n .hrc-card:nth-child(4) { animation-delay: .2s; }\n .hrc-card:nth-child(5) { animation-delay: .25s; }\n .hrc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hrc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732183709,"sku":"VO4612","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hericium-bio-500-mg-60-gelules-vitalosmose-ingredients.jpg?v=1768225119"},{"product_id":"reishi-500-mg-bio-60-gelules-qualidiet","title":"Reishi 500 Mg Bio - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi 500 Mg Bio - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AA8 (bleu du texte \"REISHI\" sur le packaging)\n - Secondaire: #2E7D32 (vert \"Agriculture biologique\")\n - Accent: #C62828 (rouge \"QUALIDIET\")\nAmbiance: Naturel\/Bio, médical, épuré, scientifique avec touches organiques\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"rei-hero\"\u003e\n \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-hero-content\"\u003e\n \u003cdiv class=\"rei-badges-top\"\u003e\n \u003cspan class=\"rei-badge\"\u003e🍄 Ganoderma lucidum\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rei-hero-title\"\u003eReishi 500 mg bio\u003c\/span\u003e\n \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité\u003c\/p\u003e\n \u003cp class=\"rei-description\"\u003eExtrait hautement concentré en polysaccharides et triterpènes pour renforcer naturellement vos défenses et apaiser votre esprit\u003c\/p\u003e\n \u003cdiv class=\"rei-hero-stats\"\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e500 mg\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003epar gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e60%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003epolysaccharides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003ebêta-glucanes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits du reishi\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLes bêta-glucanes stimulent naturellement le système immunitaire et aident l'organisme à mieux se défendre contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eGestion du stress\u003c\/h3\u003e\n \u003cp\u003eChampignon adaptogène par excellence, le reishi aide à réguler la réponse au stress et favorise un état d'équilibre mental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en triterpènes et polysaccharides, il combat le stress oxydatif et protège les cellules du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e😴\u003c\/div\u003e\n \u003ch3\u003eSommeil apaisé\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour favoriser un sommeil réparateur et améliorer la qualité du repos nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eBien-être cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une circulation sanguine normale et soutient la santé du système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3\u003eVitalité durable\u003c\/h3\u003e\n \u003cp\u003eSurnommé \"champignon de l'immortalité\" en Asie, il procure une énergie constante sans stimulation excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"rei-composition-wrapper\"\u003e\n \u003cdiv class=\"rei-composition-main\"\u003e\n \u003cdiv class=\"rei-ingredient-hero\"\u003e\n \u003cdiv class=\"rei-ingredient-content\"\u003e\n \u003ch3\u003e🍄 Extrait de reishi bio\u003c\/h3\u003e\n \u003cspan class=\"rei-ingredient-latin\"\u003eGanoderma lucidum\u003c\/span\u003e\n \u003cdiv class=\"rei-ingredient-dosage\"\u003e500 mg par gélule\u003c\/div\u003e\n \u003cp\u003eExtrait haute concentration certifié biologique, standardisé à 60% de polysaccharides et 20% de bêta-glucanes pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-composition-grid\"\u003e\n \u003cdiv class=\"rei-mini-card\"\u003e\n \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"rei-mini-label\"\u003eCellulose microcristalline bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-mini-card\"\u003e\n \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"rei-mini-label\"\u003eAmidon de riz bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rei-usage-box\"\u003e\n \u003cdiv class=\"rei-usage-steps\"\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003ePosologie\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e par jour selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003eMoment\u003c\/h4\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003eDurée\u003c\/h4\u003e\n \u003cp\u003eCure de \u003cstrong\u003eplusieurs mois\u003c\/strong\u003e recommandée pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-tip\"\u003e\n \u003cspan class=\"rei-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa posologie peut être adaptée selon les recommandations de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid rei-grid-4\"\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eActifs stressés\u003c\/h4\u003e\n \u003cp\u003eRetrouvez calme et sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🤧\u003c\/span\u003e\n \u003ch4\u003eImmunité fragilisée\u003c\/h4\u003e\n \u003cp\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e😓\u003c\/span\u003e\n \u003ch4\u003eFatigue chronique\u003c\/h4\u003e\n \u003cp\u003eRetrouvez votre vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🧓\u003c\/span\u003e\n \u003ch4\u003eSeniors\u003c\/h4\u003e\n \u003cp\u003ePréservez votre bien-être global\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e✨ Nos engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"rei-quality-grid\"\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003e100% biologique\u003c\/h4\u003e\n \u003cp\u003eCertifié ECOCERT, sans pesticides ni agents chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch4\u003eFabriqué en France\u003c\/h4\u003e\n \u003cp\u003eProduction contrôlée selon les normes les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🔍\u003c\/div\u003e\n \u003ch4\u003eTraçabilité totale\u003c\/h4\u003e\n \u003cp\u003eDe la récolte à la production, chaque étape est contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003cdiv class=\"rei-warning-box\"\u003e\n \u003cdiv class=\"rei-warning-header\"\u003e\n \u003cspan class=\"rei-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003cul class=\"rei-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eConsultez votre médecin si vous êtes enceinte, allaitez ou êtes sous traitement médical\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rei-cta-box\"\u003e\n \u003cdiv class=\"rei-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-cta-content\"\u003e\n \u003cspan class=\"rei-cta-emoji\"\u003e🍄\u003c\/span\u003e\n \u003cp\u003eOffrez à votre corps le pouvoir millénaire du reishi, le champignon sacré de la médecine traditionnelle asiatique. Une cure naturelle pour renforcer votre immunité et retrouver sérénité et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"rei-cta-badges\"\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Bio certifié\u003c\/span\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Haute concentration\u003c\/span\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rei-cream: #F8F6F3;\n --rei-white: #ffffff;\n --rei-primary: #1E5AA8;\n --rei-primary-dark: #164785;\n --rei-primary-light: #E8F1FB;\n --rei-secondary: #2E7D32;\n --rei-secondary-light: #E8F5E9;\n --rei-accent: #C62828;\n --rei-text: #1a1a1a;\n --rei-text-light: #5a5a5a;\n --rei-border: #e0e0e0;\n --rei-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rei-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --rei-radius: 20px;\n --rei-radius-sm: 12px;\n}\n\n.rei-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rei-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rei-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AA8 0%, #164785 40%, #2E7D32 100%);\n border-radius: var(--rei-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.rei-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rei-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rei-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rei-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rei-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rei-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rei-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.rei-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.rei-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.rei-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--rei-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.rei-stat-number {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n}\n\n.rei-stat-label {\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rei-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--rei-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rei-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.rei-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS BIENFAITS === *\/\n.rei-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rei-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rei-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rei-shadow-lg);\n border-color: var(--rei-primary);\n}\n\n.rei-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.rei-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.rei-card p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.rei-composition-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.rei-ingredient-hero {\n background: linear-gradient(135deg, var(--rei-primary-light) 0%, var(--rei-secondary-light) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n align-items: center;\n gap: 2rem;\n border: 2px solid var(--rei-primary);\n}\n\n.rei-ingredient-icon {\n font-size: 72px;\n flex-shrink: 0;\n}\n\n.rei-ingredient-content h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.rei-ingredient-latin {\n font-style: italic;\n color: var(--rei-secondary);\n font-size: 14px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.rei-ingredient-dosage {\n display: inline-block;\n background: var(--rei-primary);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.rei-ingredient-content p {\n font-size: 15px;\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.rei-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.rei-mini-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius-sm);\n padding: 1rem;\n display: flex;\n align-items: center;\n gap: 10px;\n box-shadow: var(--rei-shadow);\n}\n\n.rei-mini-icon {\n font-size: 24px;\n}\n\n.rei-mini-label {\n font-size: 13px;\n color: var(--rei-text-light);\n font-weight: 500;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.rei-usage-box {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.rei-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n}\n\n.rei-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.rei-step-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.rei-step-content p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n.rei-tip {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--rei-secondary-light);\n border-radius: var(--rei-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--rei-secondary);\n}\n\n.rei-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rei-tip p {\n font-size: 14px;\n color: var(--rei-text);\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.rei-profile-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n transition: all .3s ease;\n}\n\n.rei-profile-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-profile-icon {\n font-size: 40px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.rei-profile-card h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.rei-profile-card p {\n font-size: 13px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.rei-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.rei-quality-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n transition: all .3s ease;\n border-top: 4px solid var(--rei-secondary);\n}\n\n.rei-quality-card:hover {\n transform: translateY(-5px);\n}\n\n.rei-quality-badge {\n font-size: 40px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.rei-quality-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.rei-quality-card p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.rei-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.rei-info-item {\n background: var(--rei-white);\n border-radius: var(--rei-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.rei-info-icon {\n font-size: 28px;\n}\n\n.rei-info-label {\n font-size: 12px;\n color: var(--rei-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.rei-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.rei-warning-box {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFB300;\n}\n\n.rei-warning-header {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 1rem;\n}\n\n.rei-warning-icon {\n font-size: 28px;\n}\n\n.rei-warning-header h4 {\n font-size: 18px;\n font-weight: 800;\n color: #E65100;\n margin: 0;\n}\n\n.rei-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n}\n\n.rei-warning-list li {\n font-size: 14px;\n color: #5D4037;\n margin-bottom: 0.5rem;\n line-height: 1.6;\n}\n\n.rei-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-secondary) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rei-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.rei-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.rei-cta-emoji {\n font-size: 64px;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.rei-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.rei-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.rei-cta-badge {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.3);\n border-radius: 999px;\n padding: 8px 16px;\n color: white;\n font-size: 13px;\n font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rei-grid,\n .rei-grid-4,\n .rei-quality-grid {\n grid-template-columns: 1fr;\n }\n \n .rei-ingredient-hero {\n flex-direction: column;\n text-align: center;\n }\n \n .rei-hero-stats {\n flex-direction: column;\n align-items: center;\n }\n \n .rei-stat {\n width: 100%;\n max-width: 200px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rei-card,\n .rei-profile-card,\n .rei-quality-card {\n animation: reiFadeInUp .6s ease backwards;\n }\n \n .rei-card:nth-child(1), .rei-profile-card:nth-child(1), .rei-quality-card:nth-child(1) { animation-delay: .1s; }\n .rei-card:nth-child(2), .rei-profile-card:nth-child(2), .rei-quality-card:nth-child(2) { animation-delay: .2s; }\n .rei-card:nth-child(3), .rei-profile-card:nth-child(3), .rei-quality-card:nth-child(3) { animation-delay: .3s; }\n .rei-card:nth-child(4), .rei-profile-card:nth-child(4), .rei-quality-card:nth-child(4) { animation-delay: .4s; }\n .rei-card:nth-child(5) { animation-delay: .5s; }\n .rei-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes reiFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rei-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .rei-card,\n .rei-profile-card,\n .rei-quality-card {\n border: 2px solid var(--rei-text);\n }\n \n .rei-badge {\n border: 2px solid var(--rei-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732576925,"sku":"VO4608","price":22.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi-500-mg-bio-60-gelules-vitalosmose-ingredients.jpg?v=1766695198"},{"product_id":"klamath-bio-100-gelules-qualidiet","title":"Klamath Bio - 100 gélules - Qualidiet","description":"\u003cdiv class=\"klm-premium\"\u003e\n \u003cdiv class=\"klm-hero\"\u003e\n \u003cdiv class=\"klm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"klm-hero-content\"\u003e\n \u003cdiv class=\"klm-badges-top\"\u003e\n \u003cspan class=\"klm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e🏔️ Lac Klamath Oregon\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e💊 100 gélules 500 mg\u003c\/span\u003e\n \u003cspan class=\"klm-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"klm-hero-title\"\u003eKlamath Bio\u003c\/span\u003e\n \u003cp class=\"klm-subtitle\"\u003eAphanizomenon flos-aquae · Qualidiet\u003c\/p\u003e\n \u003cp class=\"klm-description\"\u003eOriginaire des eaux pures d'un lac volcanique de l'Oregon, la \u003cstrong\u003eKlamath bio\u003c\/strong\u003e est une micro-algue bleu-vert sauvage reconnue pour sa densité nutritionnelle exceptionnelle. Ce flacon \u003cstrong\u003eQualidiet de 100 gélules végétales dosées à 500 mg\u003c\/strong\u003e vous offre une algue de Klamath bio récoltée dans son environnement naturel, séchée à basse température afin de préserver l'intégralité de ses nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003ePourquoi choisir l'algue de Klamath bio ?\u003c\/h2\u003e\n \u003cp class=\"klm-section-intro\"\u003eConsidérée comme l'un des super-aliments les plus complets de la planète, l'algue Klamath pousse uniquement dans le lac Upper Klamath, un écosystème volcanique riche en minéraux. Contrairement à la spiruline cultivée, elle se développe à l'état sauvage, ce qui lui confère un profil nutritionnel unique. De nombreux \u003cstrong\u003etémoignages sur l'algue Klamath\u003c\/strong\u003e évoquent un regain de vitalité, une meilleure concentration et un équilibre émotionnel retrouvé.\u003c\/p\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌊 Origine sauvage\u003c\/h3\u003e\n \u003cp\u003eRécoltée dans un lac volcanique pur de l'Oregon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e❄️ Séchage doux\u003c\/h3\u003e\n \u003cp\u003eBasse température pour préserver les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Profil unique\u003c\/h3\u003e\n \u003cp\u003eRiche en minéraux et composés rares\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio\u003c\/h2\u003e\n \u003cdiv class=\"klm-grid\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en vitamines B1, B2 et B12 d'origine végétale, elle soutient le métabolisme énergétique et réduit la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLa vitamine B12 et les antioxydants contribuent au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e😊 Équilibre émotionnel\u003c\/h3\u003e\n \u003cp\u003eLa Klamath contient naturellement de la \u003cstrong\u003ephényléthylamine (PEA)\u003c\/strong\u003e, molécule impliquée dans la sensation de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e✨ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003ePhycocyanine et chlorophylle (7 fois plus concentrée que dans la spiruline) participent à la protection cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e💎 Reminéralisation\u003c\/h3\u003e\n \u003cp\u003eCalcium, magnésium, fer et zinc soutiennent l'organisme au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌱 Protéines complètes\u003c\/h3\u003e\n \u003cp\u003e65 à 70 % de protéines incluant les 20 acides aminés, dont les 8 essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eSpiruline ou Klamath : laquelle choisir ?\u003c\/h2\u003e\n \u003cdiv class=\"klm-testimonial\"\u003e\n \u003cp class=\"klm-testimonial-text\"\u003eLa question \u003cstrong\u003e« spiruline ou Klamath »\u003c\/strong\u003e revient souvent. Les deux algues sont complémentaires : la spiruline est particulièrement riche en fer et en protéines, tandis que la Klamath se distingue par sa teneur exceptionnelle en \u003cstrong\u003evitamine B12 végétale\u003c\/strong\u003e, en chlorophylle et en PEA. Elle est souvent privilégiée pour soutenir le moral, la concentration et la vitalité nerveuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"klm-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 6 gélules\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Poudre d'algue Klamath bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e\u003cbr\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003eHydroxypropyl méthylcellulose\u003cbr\u003e\u003cstrong\u003e540 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-tip\"\u003e\n \u003cspan class=\"klm-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eSans excipient superflu, sans gluten, sans OGM, adaptée aux végétariens et végétaliens. \u003cstrong\u003eCertification biologique FR-BIO-01.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"klm-timeline\"\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003eDémarrage progressif\u003c\/h3\u003e\n \u003cp\u003eCommencez par 2 gélules par jour pour laisser le temps à l'organisme de s'adapter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003ePosologie optimale\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 à 6 gélules par jour\u003c\/strong\u003e, réparties au cours des repas, avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-item\"\u003e\n \u003cdiv class=\"klm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"klm-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, renouvelable aux changements de saison, est idéale pour profiter pleinement des bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"klm-accordion\"\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement anticoagulant sans avis médical. En cas de doute, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"klm-accordion-item\"\u003e\n \u003csummary class=\"klm-accordion-header\"\u003e👶 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"klm-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. À conserver dans un endroit sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"klm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations produit\u003c\/h2\u003e\n \u003cdiv class=\"klm-grid-compact\"\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003e100 gélules végétales de 500 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🏔️ Origine\u003c\/h3\u003e\n \u003cp\u003eLac Klamath, Oregon, États-Unis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eQualidiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"klm-cta-box\" style=\"margin-top: 2rem;\"\u003e\n \u003cp\u003e🌊 Une micro-algue sauvage d'exception, née des eaux pures d'un lac volcanique, pour votre vitalité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"klm-disclaimer\"\u003eLes compléments alimentaires doivent être utilisés dans le cadre d'un mode de vie sain et ne doivent pas se substituer à une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --klm-cream: #f4f7f2;\n --klm-white: #ffffff;\n --klm-primary: #4a8b3d;\n --klm-primary-dark: #2d5a27;\n --klm-primary-light: #e3efdd;\n --klm-secondary: #7ab668;\n --klm-accent: #c4e0b8;\n\n --klm-text: #1a2e18;\n --klm-text-light: #5a6b55;\n\n --klm-border: #d8e5d2;\n --klm-shadow: 0 4px 24px rgba(45,90,39,.08);\n --klm-shadow-lg: 0 12px 48px rgba(45,90,39,.18);\n --klm-radius: 20px;\n --klm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.klm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--klm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--klm-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.klm-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a27 0%, #4a8b3d 50%, #7ab668 100%);\n border-radius: var(--klm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--klm-shadow-lg);\n}\n\n.klm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.klm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.klm-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.klm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-style: italic;\n font-weight: 500;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.klm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 750px;\n margin: 0 auto;\n}\n\n.klm-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === BADGES === *\/\n.klm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.klm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--klm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.klm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.klm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.klm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--klm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.klm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--klm-primary), var(--klm-secondary));\n border-radius: 2px;\n}\n\n.klm-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--klm-text-light);\n margin-bottom: 1.75rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.klm-section-intro strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === CARDS === *\/\n.klm-card {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--klm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.klm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--klm-shadow-lg);\n border-color: var(--klm-primary);\n}\n\n.klm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--klm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.klm-card p {\n font-size: clamp(13px, 2vw, 14.5px);\n color: var(--klm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-card p strong {\n color: var(--klm-primary-dark);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.klm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.klm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.klm-grid-compact .klm-card {\n padding: 1rem;\n}\n\n.klm-grid-compact .klm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.klm-grid-compact .klm-card p {\n font-size: 12.5px;\n}\n\n\/* === TIMELINE === *\/\n.klm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.klm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.klm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--klm-primary), var(--klm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,139,61,.3);\n}\n\n.klm-timeline-content {\n flex: 1;\n background: var(--klm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--klm-radius-sm);\n box-shadow: var(--klm-shadow);\n}\n\n.klm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--klm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.klm-timeline-content p {\n font-size: 14px;\n color: var(--klm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-timeline-content p strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.klm-testimonial {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--klm-shadow);\n border-left: 4px solid var(--klm-primary);\n max-width: 850px;\n margin: 0 auto;\n}\n\n.klm-testimonial-text {\n font-size: clamp(14px, 2.4vw, 16.5px);\n color: var(--klm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.klm-testimonial-text strong {\n color: var(--klm-primary-dark);\n font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.klm-accordion {\n background: var(--klm-white);\n border-radius: var(--klm-radius);\n box-shadow: var(--klm-shadow);\n overflow: hidden;\n max-width: 850px;\n margin: 0 auto;\n}\n\n.klm-accordion-item {\n border-bottom: 1px solid var(--klm-border);\n margin: 0;\n padding: 0;\n}\n\n.klm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.klm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--klm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.klm-accordion-header:hover {\n background: var(--klm-primary-light);\n}\n\n.klm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.klm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--klm-primary);\n transition: transform .2s ease;\n}\n\n.klm-accordion-item[open] .klm-accordion-header::after {\n content: '−';\n}\n\n.klm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--klm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.klm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP === *\/\n.klm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--klm-primary-light);\n border-radius: var(--klm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--klm-primary);\n}\n\n.klm-tip-icon {\n font-size: 22px;\n flex-shrink: 0;\n line-height: 1.3;\n}\n\n.klm-tip p {\n font-size: 14px;\n color: var(--klm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.klm-tip p strong {\n color: var(--klm-primary-dark);\n}\n\n\/* === CTA === *\/\n.klm-cta-box {\n background: linear-gradient(135deg, var(--klm-primary) 0%, var(--klm-primary-dark) 100%);\n border-radius: var(--klm-radius);\n padding: clamp(1.75rem, 4vw, 2.5rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--klm-shadow-lg);\n}\n\n.klm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.klm-disclaimer {\n font-size: 12px;\n color: var(--klm-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .klm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .klm-card {\n padding: 1.125rem;\n }\n \n .klm-section {\n margin-bottom: 1.75rem;\n }\n \n .klm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--klm-radius-sm);\n }\n \n .klm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .klm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .klm-grid-compact {\n gap: .625rem;\n }\n \n .klm-grid-compact .klm-card {\n padding: .75rem;\n }\n \n .klm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .klm-timeline-content {\n padding: .875rem 1rem;\n }\n \n .klm-timeline-content h3 {\n font-size: 14px;\n }\n \n .klm-timeline-content p {\n font-size: 13px;\n }\n \n .klm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .klm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .klm-testimonial {\n padding: 1.25rem;\n }\n \n .klm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .klm-card {\n animation: klmFadeInUp .5s ease backwards;\n }\n .klm-card:nth-child(1) { animation-delay: .05s; }\n .klm-card:nth-child(2) { animation-delay: .1s; }\n .klm-card:nth-child(3) { animation-delay: .15s; }\n .klm-card:nth-child(4) { animation-delay: .2s; }\n .klm-card:nth-child(5) { animation-delay: .25s; }\n .klm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .klm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":54816335757689,"sku":"VO4578","price":28.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-bio-100-gelules-qualidiet-packshothd.webp?v=1776699726"},{"product_id":"cordyceps-bio-extrait-500mg-60-gelules-qualidiet","title":"Cordyceps bio extrait 500mg - 60 gélules - Qualidiet","description":"\u003cp\u003eDécouvrez le \u003cstrong\u003eCordyceps bio extrait 500 mg\u003c\/strong\u003e de Qualidiet, un complément alimentaire haut de gamme dédié à votre bien-être global. Ce champignon adaptogène, utilisé depuis plus de 2000 ans, est idéal pour renforcer la résistance au stress, améliorer la vitalité et soutenir les performances physiques et mentales.\u003c\/p\u003e\n\u003ch2\u003eLes points forts du produit\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cstrong\u003ePuissance naturelle optimisée\u003c\/strong\u003e : Formulé à partir de la souche CS-4, réputée pour sa concentration exceptionnelle en principes actifs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStandardisé et riche en nutriments clés\u003c\/strong\u003e : Contient 60 % de polysaccharides et 20 % de bêta-glucanes pour stimuler l’immunité et les défenses naturelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdapté à un mode de vie sain\u003c\/strong\u003e : Certifié biologique par Ecocert, 100 % vegan et sans additifs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProcédé de fabrication soigné\u003c\/strong\u003e : Cultivé sur sorgho bio, récolté jeune pour une concentration optimale, et séché à basse température pour préserver ses qualités nutritionnelles.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSolution pour les sportifs et actifs\u003c\/strong\u003e : Parfait pour améliorer l’endurance et soutenir la récupération après l’effort.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003ch2\u003ePropriétés et bienfaits\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoutien au système immunitaire\u003c\/strong\u003e grâce aux polysaccharides et bêta-glucanes qui activent les macrophages et cellules immunitaires.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAction tonique et énergisante\u003c\/strong\u003e, idéale pour combattre la fatigue et maintenir une énergie constante.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdaptogène reconnu\u003c\/strong\u003e : Réduit les effets du stress physique et psychique, favorisant un meilleur équilibre mental.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003ePrenez 2 à 3 gélules par jour avec un verre d’eau, idéalement pendant les repas.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003ePar gélule : 500 mg d’extrait concentré de cordyceps biologique (Cordyceps sinensis) standardisé.\u003c\/li\u003e\n\u003cli\u003eGélule végétale HPMC, adaptée aux régimes végétaliens.\u003c\/li\u003e\n\u003cli\u003eApport journalier (3 gélules) : 900 mg de polysaccharides et 300 mg de bêta-glucanes.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eNe pas dépasser la dose recommandée.\u003c\/li\u003e\n\u003cli\u003eComplément alimentaire à utiliser dans le cadre d’un mode de vie sain et d’une alimentation équilibrée.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eAvec ses gélules végétales pratiques et une formulation unique, ce produit est un allié précieux pour retrouver énergie et sérénité au quotidien.\u003c\/p\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":54830435369337,"sku":"VO4610","price":22.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cordyceps-bio-extrait-500mg-60-gelules-vital-osmose-ingredients.jpg?v=1766694328"},{"product_id":"berberine-350-mg-60-gelules-qualidiet","title":"Extrait de Berberis Aristata et Zinc – 60 gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Extrait de Berberis Aristata et Zinc – 60 gélules - Qualidiet\nPalette détectée:\n - Primaire: #1E3A5F (bleu marine profond du texte \"BERBERINE-ZINC\")\n - Secondaire: #8B1538 (bordeaux\/lie de vin du texte \"QUALIDIET\" et lignes)\n - Accent: #F5F5F5 (blanc\/gris clair du flacon)\n - Cream: #FAF9F7 (fond neutre légèrement chaud)\nAmbiance: Pharmaceutique\/médical premium, sobre et scientifique, confiance et efficacité\nPréfixe CSS: bzn\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Les bienfaits reconnus de la Berberis aristata\"\n 2. \"Pourquoi associer la berbérine de Berberis aristata au zinc ?\"\n 3. \"Composition pour une gélule\"\n 4. \"Conseils d'utilisation\"\n 5. \"Précautions\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bzn-premium\"\u003e\n \n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bzn-hero\"\u003e\n \u003cdiv class=\"bzn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bzn-hero-content\"\u003e\n \u003cdiv class=\"bzn-badges-top\"\u003e\n \u003cspan class=\"bzn-badge\"\u003e🧬 Berbérine 97%\u003c\/span\u003e\n \u003cspan class=\"bzn-badge\"\u003e⚡ 340 mg\/gélule\u003c\/span\u003e\n \u003cspan class=\"bzn-badge\"\u003e🛡️ Zinc bisglycinate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bzn-hero-title\"\u003eBerberis Aristata \u0026amp; Zinc\u003c\/span\u003e\n \u003cp class=\"bzn-subtitle\"\u003eExtrait concentré titré à 97% de berbérine pure\u003c\/p\u003e\n \u003cp class=\"bzn-description\"\u003eL'alliance puissante de l'épine-vinette indienne et du zinc pour réguler naturellement votre métabolisme glucidique et soutenir votre équilibre énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION INTRO --\u003e\n \u003csection class=\"bzn-section\"\u003e\n \u003cdiv class=\"bzn-intro-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eBerberis aristata\u003c\/strong\u003e, aussi appelée épine-vinette indienne, est une plante médicinale reconnue depuis des siècles pour ses effets bénéfiques sur le métabolisme. Ce complément alimentaire Qualidiet associe un extrait concentré de \u003cstrong\u003eberbérine titrée à 97%\u003c\/strong\u003e issue de Berberis aristata à du zinc bisglycinate, pour une action synergique sur la glycémie, le poids et le bien-être digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bzn-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus de la Berberis aristata\u003c\/h2\u003e\n \u003cp class=\"bzn-section-intro\"\u003eUtilisée dans les médecines traditionnelles ayurvédique et chinoise, la Berberis aristata est aujourd'hui soutenue par la science moderne.\u003c\/p\u003e\n \u003cdiv class=\"bzn-grid\"\u003e\n \u003cdiv class=\"bzn-card\"\u003e\n \u003ch3\u003e🩸 Régulation glucidique\u003c\/h3\u003e\n \u003cp\u003e340 mg de berbérine par gélule pour réguler naturellement le métabolisme des sucres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-card\"\u003e\n \u003ch3\u003e⚡ Activation AMPK\u003c\/h3\u003e\n \u003cp\u003eActive l'enzyme AMPK, véritable chef d'orchestre de l'équilibre énergétique cellulaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-card\"\u003e\n \u003ch3\u003e⚖️ Poids stable\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir un poids stable en limitant le stockage des graisses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-card\"\u003e\n \u003ch3\u003e🦠 Santé digestive\u003c\/h3\u003e\n \u003cp\u003eSoutient la digestion et la flore intestinale via ses effets sur le microbiote\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eFavorise une bonne santé cardiaque en régulant cholestérol et triglycérides\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bzn-section\"\u003e\n \u003ch2\u003ePourquoi associer la berbérine de Berberis aristata au zinc ?\u003c\/h2\u003e\n \u003cdiv class=\"bzn-synergy-box\"\u003e\n \u003cdiv class=\"bzn-synergy-grid\"\u003e\n \u003cdiv class=\"bzn-synergy-item\"\u003e\n \u003cdiv class=\"bzn-synergy-icon\"\u003e🧬\u003c\/div\u003e\n \u003cdiv class=\"bzn-synergy-content\"\u003e\n \u003ch3\u003eBerbérine 340 mg\u003c\/h3\u003e\n \u003cp\u003eExtrait concentré titré à 97% pour une efficacité maximale sur le métabolisme glucidique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-synergy-plus\"\u003e+\u003c\/div\u003e\n \u003cdiv class=\"bzn-synergy-item\"\u003e\n \u003cdiv class=\"bzn-synergy-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"bzn-synergy-content\"\u003e\n \u003ch3\u003eZinc bisglycinate 5,9 mg\u003c\/h3\u003e\n \u003cp\u003eForme hautement assimilable qui participe au métabolisme des glucides et soutient les défenses immunitaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-tip\"\u003e\n \u003cspan class=\"bzn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe zinc bisglycinate complète parfaitement l'action de la berbérine pour une approche globale de votre équilibre métabolique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bzn-section\"\u003e\n \u003ch2\u003eComposition pour une gélule\u003c\/h2\u003e\n \u003cdiv class=\"bzn-composition\"\u003e\n \u003cdiv class=\"bzn-composition-item bzn-composition-main\"\u003e\n \u003cdiv class=\"bzn-composition-label\"\u003eExtrait de Berberis aristata titré à 97%\u003c\/div\u003e\n \u003cdiv class=\"bzn-composition-value\"\u003e350 mg\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-composition-item bzn-composition-sub\"\u003e\n \u003cdiv class=\"bzn-composition-label\"\u003e↳ Dont berbérine pure\u003c\/div\u003e\n \u003cdiv class=\"bzn-composition-value\"\u003e340 mg\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-composition-item\"\u003e\n \u003cdiv class=\"bzn-composition-label\"\u003eBisglycinate de zinc\u003c\/div\u003e\n \u003cdiv class=\"bzn-composition-value\"\u003e18 mg\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-composition-item bzn-composition-sub\"\u003e\n \u003cdiv class=\"bzn-composition-label\"\u003e↳ Zinc élémentaire (59% VNR)\u003c\/div\u003e\n \u003cdiv class=\"bzn-composition-value\"\u003e5,9 mg\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-composition-item\"\u003e\n \u003cdiv class=\"bzn-composition-label\"\u003eGélule végétale (cellulose)\u003c\/div\u003e\n \u003cdiv class=\"bzn-composition-value\"\u003e—\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bzn-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"bzn-timeline\"\u003e\n \u003cdiv class=\"bzn-timeline-item\"\u003e\n \u003cdiv class=\"bzn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bzn-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e1 gélule par jour avant un repas, avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-timeline-item\"\u003e\n \u003cdiv class=\"bzn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bzn-timeline-content\"\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003eCure de 3 mois pour ressentir pleinement les effets des actifs de Berberis aristata et berbérine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bzn-timeline-item\"\u003e\n \u003cdiv class=\"bzn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bzn-timeline-content\"\u003e\n \u003ch3\u003eFlacon de 60 gélules\u003c\/h3\u003e\n \u003cp\u003eSoit 2 mois de cure à raison d'une gélule par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bzn-section\"\u003e\n \u003ch2\u003ePrécautions\u003c\/h2\u003e\n \u003cdiv class=\"bzn-accordion\"\u003e\n \u003cdetails class=\"bzn-accordion-item\"\u003e\n \u003csummary class=\"bzn-accordion-header\"\u003e⚠️ Personnes concernées\u003c\/summary\u003e\n \u003cdiv class=\"bzn-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, enfants, adolescents, personnes sous traitement ou souffrant de pathologies métaboliques graves.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bzn-accordion-item\"\u003e\n \u003csummary class=\"bzn-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"bzn-accordion-content\"\u003e\n \u003cp\u003eDemandez toujours l'avis de votre professionnel de santé avant de commencer une supplémentation, notamment en cas de traitement médicamenteux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bzn-accordion-item\"\u003e\n \u003csummary class=\"bzn-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bzn-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la lumière et de l'humidité, à température ambiante. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bzn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bzn-cta-box\"\u003e\n \u003cp\u003e🧬 \u003cstrong\u003eQualidiet\u003c\/strong\u003e propose ici un complément concentré en berbérine de Berberis aristata, à la pureté exceptionnelle de 97%, pour un soutien naturel du métabolisme et une meilleure régulation glycémique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bzn-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bzn-cream: #FAF9F7;\n --bzn-white: #ffffff;\n --bzn-primary: #1E3A5F;\n --bzn-primary-dark: #152A45;\n --bzn-primary-light: #E8EDF3;\n --bzn-secondary: #8B1538;\n --bzn-accent: #C4A35A;\n --bzn-text: #1a1a1a;\n --bzn-text-light: #5a5a5a;\n --bzn-border: #e0e0e0;\n --bzn-shadow: 0 4px 24px rgba(30,58,95,.08);\n --bzn-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --bzn-radius: 20px;\n --bzn-radius-sm: 12px;\n}\n\n.bzn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bzn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bzn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bzn-primary) 0%, #2A4A6F 50%, var(--bzn-secondary) 100%);\n border-radius: var(--bzn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bzn-shadow-lg);\n}\n\n.bzn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.bzn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bzn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bzn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bzn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bzn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bzn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bzn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.bzn-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.bzn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bzn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bzn-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bzn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bzn-primary), var(--bzn-secondary));\n border-radius: 2px;\n}\n\n.bzn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bzn-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO BOX === *\/\n.bzn-intro-box {\n background: var(--bzn-white);\n border-radius: var(--bzn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bzn-shadow);\n border-left: 4px solid var(--bzn-secondary);\n}\n\n.bzn-intro-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bzn-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS \u0026 GRID === *\/\n.bzn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bzn-card {\n background: var(--bzn-white);\n border-radius: var(--bzn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bzn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bzn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bzn-shadow-lg);\n border-color: var(--bzn-primary);\n}\n\n.bzn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bzn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bzn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bzn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SYNERGY BOX === *\/\n.bzn-synergy-box {\n background: var(--bzn-white);\n border-radius: var(--bzn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bzn-shadow);\n}\n\n.bzn-synergy-grid {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n\n.bzn-synergy-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n flex: 1;\n min-width: 240px;\n max-width: 350px;\n}\n\n.bzn-synergy-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.bzn-synergy-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bzn-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.bzn-synergy-content p {\n font-size: 14px;\n color: var(--bzn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bzn-synergy-plus {\n font-size: 32px;\n font-weight: 900;\n color: var(--bzn-secondary);\n flex-shrink: 0;\n}\n\n\/* === TIP === *\/\n.bzn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bzn-primary-light);\n border-radius: var(--bzn-radius-sm);\n padding: 1rem 1.25rem;\n}\n\n.bzn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bzn-tip p {\n font-size: 14px;\n color: var(--bzn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.bzn-composition {\n background: var(--bzn-white);\n border-radius: var(--bzn-radius);\n box-shadow: var(--bzn-shadow);\n overflow: hidden;\n}\n\n.bzn-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--bzn-border);\n}\n\n.bzn-composition-item:last-child {\n border-bottom: none;\n}\n\n.bzn-composition-main {\n background: var(--bzn-primary-light);\n}\n\n.bzn-composition-main .bzn-composition-label {\n font-weight: 700;\n color: var(--bzn-primary-dark);\n}\n\n.bzn-composition-main .bzn-composition-value {\n font-weight: 800;\n color: var(--bzn-primary);\n}\n\n.bzn-composition-sub {\n background: #f8f9fa;\n padding-left: 2rem;\n}\n\n.bzn-composition-sub .bzn-composition-label {\n color: var(--bzn-text-light);\n font-size: 14px;\n}\n\n.bzn-composition-label {\n font-size: 15px;\n color: var(--bzn-text);\n}\n\n.bzn-composition-value {\n font-size: 15px;\n font-weight: 700;\n color: var(--bzn-secondary);\n}\n\n\/* === TIMELINE === *\/\n.bzn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bzn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bzn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bzn-primary), var(--bzn-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bzn-timeline-content {\n flex: 1;\n background: var(--bzn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bzn-radius-sm);\n box-shadow: var(--bzn-shadow);\n}\n\n.bzn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bzn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bzn-timeline-content p {\n font-size: 14px;\n color: var(--bzn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDION === *\/\n.bzn-accordion {\n background: var(--bzn-white);\n border-radius: var(--bzn-radius);\n box-shadow: var(--bzn-shadow);\n overflow: hidden;\n}\n\n.bzn-accordion-item {\n border-bottom: 1px solid var(--bzn-border);\n margin: 0;\n padding: 0;\n}\n\n.bzn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bzn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bzn-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bzn-accordion-header:hover {\n background: var(--bzn-primary-light);\n}\n\n.bzn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bzn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bzn-primary);\n transition: transform .2s ease;\n}\n\n.bzn-accordion-item[open] .bzn-accordion-header::after {\n content: '−';\n}\n\n.bzn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bzn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bzn-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.bzn-cta-box {\n background: linear-gradient(135deg, var(--bzn-primary) 0%, var(--bzn-primary-dark) 100%);\n border-radius: var(--bzn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bzn-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.bzn-disclaimer {\n font-size: 12px;\n color: var(--bzn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bzn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bzn-card {\n padding: 1.125rem;\n }\n \n .bzn-section {\n margin-bottom: 1.75rem;\n }\n \n .bzn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bzn-radius-sm);\n }\n \n .bzn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bzn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bzn-synergy-grid {\n flex-direction: column;\n gap: 1rem;\n }\n \n .bzn-synergy-plus {\n font-size: 24px;\n }\n \n .bzn-synergy-item {\n min-width: auto;\n max-width: none;\n width: 100%;\n }\n \n .bzn-composition-item {\n padding: 0.875rem 1rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n \n .bzn-composition-sub {\n padding-left: 1rem;\n }\n \n .bzn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .bzn-timeline-content {\n padding: .875rem 1rem;\n }\n \n .bzn-timeline-content h3 {\n font-size: 14px;\n }\n \n .bzn-timeline-content p {\n font-size: 13px;\n }\n \n .bzn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bzn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bzn-intro-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bzn-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bzn-card:nth-child(1) { animation-delay: .05s; }\n .bzn-card:nth-child(2) { animation-delay: .1s; }\n .bzn-card:nth-child(3) { animation-delay: .15s; }\n .bzn-card:nth-child(4) { animation-delay: .2s; }\n .bzn-card:nth-child(5) { animation-delay: .25s; }\n .bzn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bzn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":54959419163001,"sku":"VO4591","price":22.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/vitalosmose_berberine-zinc_60_gelules.jpg?v=1747041332"},{"product_id":"lyco15-60-gelules-qualidiet","title":"Lyco-15 - 60 gélules de lycopène dosées à 15 mg - Qualidiet","description":"\u003cdiv class=\"lyc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lyc-hero\"\u003e\n \u003cdiv class=\"lyc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lyc-hero-content\"\u003e\n \u003cdiv class=\"lyc-badges-top\"\u003e\n \u003cspan class=\"lyc-badge\"\u003e🍅 Lycobeads 20 % breveté\u003c\/span\u003e\n \u003cspan class=\"lyc-badge\"\u003e💊 15 mg par gélule\u003c\/span\u003e\n \u003cspan class=\"lyc-badge\"\u003e🌿 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lyc-hero-title\"\u003eLyco-15 — Lycopène de tomate\u003c\/span\u003e\n \u003cp class=\"lyc-subtitle\"\u003eExtrait breveté hautement biodisponible par Qualidiet\u003c\/p\u003e\n \u003cp class=\"lyc-description\"\u003eUn antioxydant puissant d'origine naturelle pour protéger vos cellules, soutenir votre vitalité et préserver votre jeunesse cellulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"lyc-section\"\u003e\n \u003ch2\u003eLyco-15 : le lycopène de tomate hautement biodisponible\u003c\/h2\u003e\n \u003cp class=\"lyc-section-intro\"\u003eVous cherchez un moyen simple et efficace de renforcer vos défenses antioxydantes au quotidien ?\u003c\/p\u003e\n \u003cdiv class=\"lyc-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eLyco-15 de Qualidiet\u003c\/strong\u003e vous apporte \u003cstrong\u003e15 mg de lycopène pur par gélule\u003c\/strong\u003e, grâce à un extrait breveté de tomate (\u003cem\u003eLycopersicon esculentum\u003c\/em\u003e) titré à 20 %. Un dosage optimal pour protéger vos cellules du stress oxydatif et soutenir votre vitalité jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"lyc-section\"\u003e\n \u003ch2\u003eQu'est-ce que le lycopène et pourquoi en prendre ?\u003c\/h2\u003e\n \u003cp class=\"lyc-section-intro\"\u003eLe \u003cstrong\u003elycopène\u003c\/strong\u003e est un pigment naturel de la famille des caroténoïdes, responsable de la couleur rouge vif de la tomate. Contrairement au bêta-carotène, il ne se transforme pas en vitamine A, mais possède une \u003cstrong\u003ecapacité antioxydante remarquable\u003c\/strong\u003e, parmi les plus puissantes du règne végétal.\u003c\/p\u003e\n \u003cdiv class=\"lyc-grid\"\u003e\n \u003cdiv class=\"lyc-card\"\u003e\n \u003ch3\u003e🛡️ Neutralise les radicaux libres\u003c\/h3\u003e\n \u003cp\u003eCombat efficacement les radicaux libres responsables du vieillissement cellulaire prématuré et du stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-card\"\u003e\n \u003ch3\u003e☀️ Protège la peau\u003c\/h3\u003e\n \u003cp\u003eAide à protéger la peau contre les dommages liés aux UV et à la pollution environnementale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-card\"\u003e\n \u003ch3\u003e🩺 Confort urinaire masculin\u003c\/h3\u003e\n \u003cp\u003eSoutient le confort urinaire masculin et contribue au bien-être de la prostate de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien d'un système cardiovasculaire en bonne santé grâce à son puissant pouvoir antioxydant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-tip\"\u003e\n \u003cspan class=\"lyc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eBien que certains s'interrogent sur le \u003cstrong\u003elycopène et ses dangers\u003c\/strong\u003e, rassurez-vous : aux dosages recommandés, il est parfaitement bien toléré. Lyco-15 respecte un dosage physiologique de 15 mg, considéré comme sûr et efficace par la littérature scientifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"lyc-section\"\u003e\n \u003ch2\u003eLa technologie Lycobeads 20 % : une absorption optimale\u003c\/h2\u003e\n \u003cdiv class=\"lyc-highlight-box\"\u003e\n \u003cp\u003eTous les compléments de \u003cstrong\u003elycopène en gélules\u003c\/strong\u003e ne se valent pas. La différence réside dans la \u003cstrong\u003ebiodisponibilité\u003c\/strong\u003e, c'est-à-dire la quantité réellement absorbée par votre organisme.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003eLyco-15 utilise la technologie brevetée \u003cstrong\u003eLycobeads 20 %\u003c\/strong\u003e : le lycopène est microencapsulé dans une matrice d'algue naturelle qui le protège de l'oxydation et favorise son assimilation intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-grid-compact\"\u003e\n \u003cdiv class=\"lyc-card\"\u003e\n \u003ch3\u003e🔬 Microencapsulation\u003c\/h3\u003e\n \u003cp\u003eProtection optimale contre l'oxydation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-card\"\u003e\n \u003ch3\u003e🌊 Matrice d'algue\u003c\/h3\u003e\n \u003cp\u003eSupport naturel pour une meilleure assimilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-card\"\u003e\n \u003ch3\u003e📈 20 % de titrage\u003c\/h3\u003e\n \u003cp\u003eConcentration maximale en principe actif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-card\"\u003e\n \u003ch3\u003e✅ Zéro gaspillage\u003c\/h3\u003e\n \u003cp\u003eProfitez pleinement des bienfaits du lycopène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"lyc-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 1 gélule\u003c\/h2\u003e\n \u003cdiv class=\"lyc-timeline\"\u003e\n \u003cdiv class=\"lyc-timeline-item\"\u003e\n \u003cdiv class=\"lyc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lyc-timeline-content\"\u003e\n \u003ch3\u003eExtrait de tomate Lycobeads 20 %\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eLycopersicon esculentum Mill.\u003c\/em\u003e — 75 mg, titré à 20 % en lycopène, soit \u003cstrong\u003e15 mg de lycopène\u003c\/strong\u003e par gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-timeline-item\"\u003e\n \u003cdiv class=\"lyc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lyc-timeline-content\"\u003e\n \u003ch3\u003eCellulose végétale\u003c\/h3\u003e\n \u003cp\u003eEnveloppe de la gélule — 160 mg. D'origine 100 % végétale, convient aux végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-timeline-item\"\u003e\n \u003cdiv class=\"lyc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lyc-timeline-content\"\u003e\n \u003ch3\u003eSels de magnésium d'acides gras\u003c\/h3\u003e\n \u003cp\u003eAnti-agglomérant — 15 mg. Assure une répartition homogène du principe actif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-tip\"\u003e\n \u003cspan class=\"lyc-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConvient aux végétariens\u003c\/strong\u003e grâce à la gélule en cellulose d'origine végétale. Sans gluten, sans lactose.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"lyc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"lyc-timeline\"\u003e\n \u003cdiv class=\"lyc-timeline-item\"\u003e\n \u003cdiv class=\"lyc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lyc-timeline-content\"\u003e\n \u003ch3\u003ePrenez 1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003eAu début d'un repas contenant un peu de matière grasse. Le lycopène étant liposoluble, la présence de lipides améliore nettement son absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-timeline-item\"\u003e\n \u003cdiv class=\"lyc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lyc-timeline-content\"\u003e\n \u003ch3\u003e2 mois de cure par flacon\u003c\/h3\u003e\n \u003cp\u003eUn flacon de 60 gélules couvre \u003cstrong\u003edeux mois complets\u003c\/strong\u003e de cure, pour une supplémentation simple et économique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lyc-timeline-item\"\u003e\n \u003cdiv class=\"lyc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lyc-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée de 3 mois\u003c\/h3\u003e\n \u003cp\u003ePour des résultats durables, une cure de 3 mois minimum est souvent conseillée par les professionnels de santé.\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=\"lyc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lyc-accordion\"\u003e\n \u003cdetails class=\"lyc-accordion-item\"\u003e\n \u003csummary class=\"lyc-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"lyc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 1 gélule (15 mg de lycopène).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lyc-accordion-item\"\u003e\n \u003csummary class=\"lyc-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"lyc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lyc-accordion-item\"\u003e\n \u003csummary class=\"lyc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"lyc-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur, de la lumière et de l'humidité. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"lyc-accordion-item\"\u003e\n \u003csummary class=\"lyc-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"lyc-accordion-content mt-3\"\u003e\n \u003cp\u003eSi vous suivez un traitement, 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=\"lyc-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"lyc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Lyco-15 ?\u003c\/h2\u003e\n \u003cdiv class=\"lyc-cta-box\"\u003e\n \u003cp\u003eAvec son \u003cstrong\u003eextrait breveté hautement concentré\u003c\/strong\u003e, son dosage précis de 15 mg et sa formule végétale, Lyco-15 se distingue des compléments de lycopène classiques. Vous offrez à votre organisme un \u003cstrong\u003eantioxydant puissant d'origine naturelle\u003c\/strong\u003e, dans un format simple à intégrer à votre routine bien-être.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003e🍅 Une gélule, un geste quotidien pour prendre soin de vous de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lyc-cream: #faf7f5;\n --lyc-white: #ffffff;\n --lyc-primary: #c0392b;\n --lyc-primary-dark: #8b1a10;\n --lyc-primary-light: #fdecea;\n --lyc-secondary: #e74c3c;\n --lyc-accent: #d35400;\n --lyc-text: #1a1a1a;\n --lyc-text-light: #5a5a5a;\n --lyc-border: #e8e0dc;\n --lyc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lyc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lyc-radius: 20px;\n --lyc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.lyc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lyc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lyc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b1a10 0%, #c0392b 40%, #e74c3c 100%);\n border-radius: var(--lyc-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(--lyc-shadow-lg);\n}\n\n.lyc-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 radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.lyc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lyc-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.lyc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.lyc-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lyc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lyc-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(--lyc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lyc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lyc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lyc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lyc-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.lyc-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(--lyc-primary), var(--lyc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lyc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lyc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.lyc-highlight-box {\n background: var(--lyc-white);\n border-radius: var(--lyc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lyc-shadow);\n border-left: 4px solid var(--lyc-primary);\n margin-bottom: 1.25rem;\n}\n\n.lyc-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--lyc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.lyc-card {\n background: var(--lyc-white);\n border-radius: var(--lyc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lyc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lyc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lyc-shadow-lg);\n border-color: var(--lyc-primary);\n}\n\n.lyc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lyc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lyc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lyc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lyc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lyc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lyc-grid-compact .lyc-card {\n padding: 1rem;\n}\n\n.lyc-grid-compact .lyc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lyc-grid-compact .lyc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lyc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lyc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lyc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lyc-primary), var(--lyc-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.lyc-timeline-content {\n flex: 1;\n background: var(--lyc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lyc-radius-sm);\n box-shadow: var(--lyc-shadow);\n}\n\n.lyc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lyc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lyc-timeline-content p {\n font-size: 14px;\n color: var(--lyc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.lyc-accordion {\n background: var(--lyc-white);\n border-radius: var(--lyc-radius);\n box-shadow: var(--lyc-shadow);\n overflow: hidden;\n}\n\n.lyc-accordion-item {\n border-bottom: 1px solid var(--lyc-border);\n margin: 0;\n padding: 0;\n}\n\n.lyc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lyc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lyc-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.lyc-accordion-header:hover {\n background: var(--lyc-primary-light);\n}\n\n.lyc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lyc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lyc-primary);\n transition: transform .2s ease;\n}\n\n.lyc-accordion-item[open] .lyc-accordion-header::after {\n content: '−';\n}\n\n.lyc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lyc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lyc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lyc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lyc-primary-light);\n border-radius: var(--lyc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lyc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lyc-tip p {\n font-size: 14px;\n color: var(--lyc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lyc-cta-box {\n background: linear-gradient(135deg, var(--lyc-primary) 0%, var(--lyc-primary-dark) 100%);\n border-radius: var(--lyc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lyc-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.lyc-disclaimer {\n font-size: 12px;\n color: var(--lyc-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 .lyc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lyc-card {\n padding: 1.125rem;\n }\n\n .lyc-section {\n margin-bottom: 1.75rem;\n }\n\n .lyc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lyc-radius-sm);\n }\n\n .lyc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lyc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lyc-grid-compact {\n gap: .625rem;\n }\n\n .lyc-grid-compact .lyc-card {\n padding: .75rem;\n }\n\n .lyc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lyc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lyc-timeline-content h3 {\n font-size: 14px;\n }\n\n .lyc-timeline-content p {\n font-size: 13px;\n }\n\n .lyc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lyc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lyc-highlight-box {\n padding: 1.25rem;\n }\n\n .lyc-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lyc-card {\n animation: lycFadeInUp .5s ease backwards;\n }\n .lyc-card:nth-child(1) { animation-delay: .05s; }\n .lyc-card:nth-child(2) { animation-delay: .1s; }\n .lyc-card:nth-child(3) { animation-delay: .15s; }\n .lyc-card:nth-child(4) { animation-delay: .2s; }\n .lyc-card:nth-child(5) { animation-delay: .25s; }\n .lyc-card:nth-child(6) { animation-delay: .3s; }\n\n .lyc-timeline-item {\n animation: lycFadeInUp .5s ease backwards;\n }\n .lyc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .lyc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .lyc-timeline-item:nth-child(3) { animation-delay: .15s; }\n}\n\n@keyframes lycFadeInUp {\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 .lyc-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":55159427826041,"sku":"VO4685","price":23.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lyco-15-60-gelules-de-lycopene-dosees-a-15-mg-vitalosmose-packshothd.webp?v=1773490954"},{"product_id":"poudre-de-chair-dhuitre-premium-60-gelules-qualidiet","title":"Poudre de Chair d'Huître Premium – 60 gélules – Qualidiet","description":"\u003cdiv class=\"ho-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ho-hero\"\u003e\n\u003cdiv class=\"ho-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ho-hero-content\"\u003e\n\u003cdiv class=\"ho-badges-top\"\u003e\n\u003cspan class=\"ho-badge\"\u003e🦪 Chair d'huître entière\u003c\/span\u003e \u003cspan class=\"ho-badge\"\u003e🇫🇷 Origine Bretagne\u003c\/span\u003e \u003cspan class=\"ho-badge\"\u003e🌿 Gélule végétale\u003c\/span\u003e \u003cspan class=\"ho-badge\"\u003e💊 60 gélules – 320 mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ho-hero-title\"\u003ePoudre de Chair d'Huître Premium\u003c\/span\u003e\n\u003cp class=\"ho-subtitle\"\u003eL'énergie et la vitalité de l'océan breton\u003c\/p\u003e\n\u003cp class=\"ho-description\"\u003eUn concentré marin exceptionnel de zinc, taurine, sélénium et vitamines issu d'huîtres creuses \u003cem\u003eCrassostrea gigas\u003c\/em\u003e récoltées en Bretagne. Bien plus qu'une simple poudre de coquille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003ePoudre de chair d'huître premium : l'énergie de l'océan breton en gélules\u003c\/h2\u003e\n\u003cp class=\"ho-section-intro\"\u003eVous cherchez un complément alimentaire \u003cstrong\u003e100 % naturel\u003c\/strong\u003e pour retrouver tonus et vitalité ?\u003c\/p\u003e\n\u003cdiv class=\"ho-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003ePoudre de Chair d'Huître Premium\u003c\/strong\u003e de Qualidiet est élaborée à partir d'huîtres creuses \u003cem\u003eCrassostrea gigas\u003c\/em\u003e, récoltées sur les côtes de Bretagne. Contrairement à la simple \u003cstrong\u003epoudre de coquille d'huître\u003c\/strong\u003e, riche uniquement en calcium, ce complément valorise la \u003cstrong\u003echair entière de l'huître\u003c\/strong\u003e, là où se concentre l'essentiel des nutriments : protéines, oligo-éléments, vitamines et acides aminés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003ePourquoi la chair d'huître est-elle si riche sur le plan nutritionnel ?\u003c\/h2\u003e\n\u003cp class=\"ho-section-intro\"\u003eL'huître est un véritable concentré marin. Le poids de la chair d'une huître peut sembler modeste, mais sa densité nutritionnelle est remarquable. En la réduisant en poudre fine, on préserve l'intégralité de ses actifs dans un format pratique.\u003c\/p\u003e\n\u003cdiv class=\"ho-grid\"\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🛡️ Zinc et sélénium\u003c\/h3\u003e\n\u003cp\u003eDeux oligo-éléments essentiels au fonctionnement du système immunitaire et à la protection des cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e💙 Taurine\u003c\/h3\u003e\n\u003cp\u003eUn acide aminé naturellement présent dans la chair d'huître, reconnu pour son rôle dans le soutien cardiovasculaire et la régulation nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e✨ Vitamines A, B et E\u003c\/h3\u003e\n\u003cp\u003eElles participent au métabolisme énergétique, à la santé de la peau et des cheveux pour un éclat visible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e⚡ Iode et magnésium\u003c\/h3\u003e\n\u003cp\u003eIndispensables à l'équilibre thyroïdien et à la réduction de la fatigue pour retrouver votre énergie au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e💪 Protéines complètes\u003c\/h3\u003e\n\u003cp\u003eHautement assimilables, contenant l'ensemble des acides aminés essentiels, intéressantes pour le maintien de la masse musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce complément ?\u003c\/h2\u003e\n\u003cdiv class=\"ho-grid-compact\"\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n\u003cp\u003eSoutien cognitif en période d'examens et de concentration intense.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🏃 Actifs\u003c\/h3\u003e\n\u003cp\u003eÉnergie durable pour les journées à rythme soutenu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🌿 Seniors\u003c\/h3\u003e\n\u003cp\u003ePréservation de la vitalité et du capital osseux au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🔄 Alternative naturelle\u003c\/h3\u003e\n\u003cp\u003eRemplace les multivitamines synthétiques, sans additif artificiel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-tip\"\u003e\n\u003cspan class=\"ho-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eTous les nutriments proviennent directement de la chair de l'huître, sans additif artificiel. Un choix idéal pour ceux qui privilégient le naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cdiv class=\"ho-composition-box\"\u003e\n\u003cdiv class=\"ho-composition-row\"\u003e\n\u003cspan class=\"ho-composition-label\"\u003e🦪 Ingrédient actif par gélule\u003c\/span\u003e \u003cspan class=\"ho-composition-value\"\u003e320 mg de poudre de chair d'huître de Bretagne (\u003cem\u003eCrassostrea gigas\u003c\/em\u003e)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-composition-row\"\u003e\n\u003cspan class=\"ho-composition-label\"\u003e💊 Enveloppe\u003c\/span\u003e \u003cspan class=\"ho-composition-value\"\u003eGélule d'origine végétale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-composition-row\"\u003e\n\u003cspan class=\"ho-composition-label\"\u003e📦 Conditionnement\u003c\/span\u003e \u003cspan class=\"ho-composition-value\"\u003e60 gélules – Poids net total : 23,70 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cp class=\"ho-section-intro\"\u003ePrenez \u003cstrong\u003e3 à 6 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au moment des repas :\u003c\/p\u003e\n\u003cdiv class=\"ho-timeline\"\u003e\n\u003cdiv class=\"ho-timeline-item\"\u003e\n\u003cdiv class=\"ho-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ho-timeline-content\"\u003e\n\u003ch3\u003eEntretien quotidien – 3 gélules\/jour (960 mg)\u003c\/h3\u003e\n\u003cp\u003ePour maintenir un bon équilibre en oligo-éléments et vitamines au quotidien. Idéal en cure de fond.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-timeline-item\"\u003e\n\u003cdiv class=\"ho-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ho-timeline-content\"\u003e\n\u003ch3\u003eCure intensive – 6 gélules\/jour (1 920 mg)\u003c\/h3\u003e\n\u003cp\u003eLors de périodes de fatigue intense, de stress ou de convalescence. Ce dosage progressif garantit une bonne tolérance digestive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-tip\"\u003e\n\u003cspan class=\"ho-tip-icon\"\u003e💧\u003c\/span\u003e\n\u003cp\u003eAccompagnez toujours vos gélules d'un grand verre d'eau au moment des repas pour une assimilation optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ho-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"ho-accordion\"\u003e\n\u003cdetails class=\"ho-accordion-item\"\u003e\n\u003csummary class=\"ho-accordion-header\"\u003e⚠️ Allergies et contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément est \u003cstrong\u003edéconseillé aux personnes allergiques aux crustacés, mollusques ou à l'iode\u003c\/strong\u003e. En cas de traitement thyroïdien, consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ho-accordion-item\"\u003e\n\u003csummary class=\"ho-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical adapté. Demandez l'avis de votre professionnel de santé en cas de doute.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ho-accordion-item\"\u003e\n\u003csummary class=\"ho-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ho-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver au sec, à l'abri de la lumière, hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ho-section\"\u003e\n\u003ch2\u003eCe qui distingue cette poudre de chair d'huître premium\u003c\/h2\u003e\n\u003cdiv class=\"ho-grid\"\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🇫🇷 Origine bretonne certifiée\u003c\/h3\u003e\n\u003cp\u003eDes huîtres creuses issues de zones ostréicoles réputées pour la qualité exceptionnelle de leurs eaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🦪 Chair entière valorisée\u003c\/h3\u003e\n\u003cp\u003eBien plus complète qu'une simple poudre de coquille : elle concentre protéines, taurine et oligo-éléments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🌿 Gélule végétale\u003c\/h3\u003e\n\u003cp\u003eAdaptée aux personnes souhaitant éviter les enveloppes d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-card\"\u003e\n\u003ch3\u003e🏭 Fabrication soignée par Qualidiet\u003c\/h3\u003e\n\u003cp\u003eUn savoir-faire reconnu dans les compléments alimentaires naturels, gage de qualité et de traçabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ho-cta-box\"\u003e\n\u003cp\u003e🌊 Offrez à votre organisme le meilleur de l'océan avec un complément authentique, conçu pour soutenir durablement votre énergie et votre bien-être.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ho-disclaimer\"\u003eComplément alimentaire – Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ho-cream: #f4f6f8;\n --ho-white: #ffffff;\n --ho-primary: #1a5276;\n --ho-primary-dark: #0e3651;\n --ho-primary-light: #e8f0f7;\n --ho-secondary: #2e86c1;\n --ho-accent: #1e8449;\n --ho-text: #1a1a1a;\n --ho-text-light: #5a5a5a;\n --ho-border: #dce4ea;\n --ho-shadow: 0 4px 24px rgba(26, 82, 118, .08);\n --ho-shadow-lg: 0 12px 48px rgba(26, 82, 118, .15);\n --ho-radius: 20px;\n --ho-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ho-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ho-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ho-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ho-primary-dark) 0%, var(--ho-primary) 40%, var(--ho-secondary) 100%);\n border-radius: var(--ho-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ho-shadow-lg);\n}\n\n.ho-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(ellipse at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 40px,\n rgba(255,255,255,.02) 40px,\n rgba(255,255,255,.02) 80px\n );\n opacity: 1;\n}\n\n.ho-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.ho-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ho-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ho-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ho-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.ho-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.ho-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ho-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ho-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ho-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ho-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.ho-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ho-primary), var(--ho-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ho-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ho-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ho-highlight-box {\n background: var(--ho-white);\n border-radius: var(--ho-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ho-shadow);\n border-left: 4px solid var(--ho-secondary);\n}\n\n.ho-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ho-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ho-card {\n background: var(--ho-white);\n border-radius: var(--ho-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ho-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ho-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ho-shadow-lg);\n border-color: var(--ho-primary);\n}\n\n.ho-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ho-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ho-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ho-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ho-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ho-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ho-grid-compact .ho-card {\n padding: 1rem;\n}\n\n.ho-grid-compact .ho-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ho-grid-compact .ho-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ho-composition-box {\n background: var(--ho-white);\n border-radius: var(--ho-radius);\n box-shadow: var(--ho-shadow);\n overflow: hidden;\n}\n\n.ho-composition-row {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1.125rem 1.5rem;\n border-bottom: 1px solid var(--ho-border);\n}\n\n.ho-composition-row:last-child {\n border-bottom: none;\n}\n\n.ho-composition-label {\n font-weight: 700;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ho-primary-dark);\n flex-shrink: 0;\n min-width: 180px;\n}\n\n.ho-composition-value {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ho-text-light);\n line-height: 1.5;\n}\n\n\/* === TIMELINE === *\/\n.ho-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ho-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ho-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ho-primary), var(--ho-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ho-timeline-content {\n flex: 1;\n background: var(--ho-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ho-radius-sm);\n box-shadow: var(--ho-shadow);\n}\n\n.ho-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ho-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ho-timeline-content p {\n font-size: 14px;\n color: var(--ho-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ho-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ho-primary-light);\n border-radius: var(--ho-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ho-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ho-tip p {\n font-size: 14px;\n color: var(--ho-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ho-accordion {\n background: var(--ho-white);\n border-radius: var(--ho-radius);\n box-shadow: var(--ho-shadow);\n overflow: hidden;\n}\n\n.ho-accordion-item {\n border-bottom: 1px solid var(--ho-border);\n margin: 0;\n padding: 0;\n}\n\n.ho-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ho-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ho-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ho-accordion-header:hover {\n background: var(--ho-primary-light);\n}\n\n.ho-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ho-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ho-primary);\n transition: transform .2s ease;\n}\n\n.ho-accordion-item[open] .ho-accordion-header::after {\n content: '−';\n}\n\n.ho-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ho-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ho-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ho-cta-box {\n background: linear-gradient(135deg, var(--ho-primary) 0%, var(--ho-primary-dark) 100%);\n border-radius: var(--ho-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 2rem;\n}\n\n.ho-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ho-disclaimer {\n font-size: 12px;\n color: var(--ho-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ho-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ho-card {\n padding: 1.125rem;\n }\n\n .ho-section {\n margin-bottom: 1.75rem;\n }\n\n .ho-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ho-radius-sm);\n }\n\n .ho-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ho-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ho-grid-compact {\n gap: .625rem;\n }\n\n .ho-grid-compact .ho-card {\n padding: .75rem;\n }\n\n .ho-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ho-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ho-timeline-content h3 {\n font-size: 14px;\n }\n\n .ho-timeline-content p {\n font-size: 13px;\n }\n\n .ho-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ho-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ho-highlight-box {\n padding: 1.25rem;\n }\n\n .ho-composition-row {\n flex-direction: column;\n gap: .35rem;\n padding: .875rem 1rem;\n }\n\n .ho-composition-label {\n min-width: unset;\n font-size: 13px;\n }\n\n .ho-composition-value {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ho-card {\n animation: hoFadeInUp .5s ease backwards;\n }\n .ho-card:nth-child(1) { animation-delay: .05s; }\n .ho-card:nth-child(2) { animation-delay: .1s; }\n .ho-card:nth-child(3) { animation-delay: .15s; }\n .ho-card:nth-child(4) { animation-delay: .2s; }\n .ho-card:nth-child(5) { animation-delay: .25s; }\n .ho-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ho-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":55178760028537,"sku":"VO4580","price":20.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre_chair_huitre_60gelules_vitalosmose_11zon.jpg?v=1770743180"},{"product_id":"prostacomplex-60-capsules-qualidiet","title":"Prosta'Complex – 60 capsules - Qualidiet","description":"\u003cdiv class=\"pc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pc-hero\"\u003e\n \u003cdiv class=\"pc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pc-hero-content\"\u003e\n \u003cdiv class=\"pc-badges-top\"\u003e\n \u003cspan class=\"pc-badge\"\u003e🌿 5 plantes synergiques\u003c\/span\u003e\n \u003cspan class=\"pc-badge\"\u003e💊 60 capsules – 830 mg\u003c\/span\u003e\n \u003cspan class=\"pc-badge\"\u003e🇫🇷 Qualidiet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pc-hero-title\"\u003eProsta'Complex\u003c\/span\u003e\n \u003cp class=\"pc-subtitle\"\u003eLe complexe prostatique complet à base de plantes, vitamine E et zinc\u003c\/p\u003e\n \u003cp class=\"pc-description\"\u003eSaw palmetto, huile de pépin de courge, ortie, prunier d'Afrique, bruyère : une formule riche et naturelle pour le confort urinaire masculin au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003eProsta'Complex : LE complément alimentaire complet pour la prostate\u003c\/h2\u003e\n \u003cp class=\"pc-section-intro\"\u003eVous cherchez une solution naturelle pour prendre soin de votre confort urinaire et de votre prostate ?\u003c\/p\u003e\n \u003cdiv class=\"pc-highlight-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eProsta'Complex de Qualidiet\u003c\/strong\u003e réunit en une seule formule les plantes et nutriments les plus reconnus pour le bien-être prostatique masculin. Avec son association unique de \u003cstrong\u003esaw palmetto, huile de pépin de courge, ortie, prunier d'Afrique, bruyère, zinc et vitamine E\u003c\/strong\u003e, ce complément alimentaire pour la prostate vous accompagne au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003ePourquoi ces ingrédients sont-ils si intéressants pour la prostate ?\u003c\/h2\u003e\n \u003cp class=\"pc-section-intro\"\u003eChaque actif de Prosta'Complex a été sélectionné pour ses propriétés spécifiques sur la sphère urinaire et prostatique :\u003c\/p\u003e\n \u003cdiv class=\"pc-grid\"\u003e\n \u003cdiv class=\"pc-card\"\u003e\n \u003ch3\u003e🎃 Huile de pépin de courge (700 mg)\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour soutenir le fonctionnement normal de la prostate et favoriser le confort urinaire, notamment lors des réveils nocturnes fréquents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-card\"\u003e\n \u003ch3\u003e🌴 Saw Palmetto – Palmier nain (160 mg)\u003c\/h3\u003e\n \u003cp\u003eL'une des plantes les plus étudiées pour la prostate, le saw palmetto contribue à réduire les gênes urinaires liées à l'âge, comme les envies pressantes ou le débit affaibli.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-card\"\u003e\n \u003ch3\u003e🌱 Extrait de racine d'ortie (100 mg)\u003c\/h3\u003e\n \u003cp\u003eSouvent associée au palmier nain, l'ortie aide à apaiser l'inconfort et soutient la fonction urinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-card\"\u003e\n \u003ch3\u003e🌸 Extrait de sommité de bruyère (40 mg)\u003c\/h3\u003e\n \u003cp\u003eReconnue en phytothérapie pour ses vertus drainantes et apaisantes sur les voies urinaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-card\"\u003e\n \u003ch3\u003e🌳 Pygeum africanum – Prunier d'Afrique (6,4 mg)\u003c\/h3\u003e\n \u003cp\u003eCet extrait d'écorce est utilisé depuis des décennies pour accompagner le confort prostatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-card\"\u003e\n \u003ch3\u003e⚙️ Zinc (15 mg – 150 % VNR)\u003c\/h3\u003e\n \u003cp\u003eMinéral essentiel, il contribue au maintien d'un taux normal de testostérone et au bon fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E végétale (6,7 mg – 55 % VNR)\u003c\/h3\u003e\n \u003cp\u003ePuissant antioxydant, elle protège les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-card\"\u003e\n \u003ch3\u003e💎 Oxyde de magnésium (30 mg – 8 % VNR)\u003c\/h3\u003e\n \u003cp\u003eParticipe à la réduction de la fatigue et au fonctionnement musculaire normal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003eComment prendre Prosta'Complex ?\u003c\/h2\u003e\n \u003cdiv class=\"pc-timeline\"\u003e\n \u003cdiv class=\"pc-timeline-item\"\u003e\n \u003cdiv class=\"pc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pc-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e2 capsules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours d'un repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-timeline-item\"\u003e\n \u003cdiv class=\"pc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pc-timeline-content\"\u003e\n \u003ch3\u003eDurée d'un flacon\u003c\/h3\u003e\n \u003cp\u003eChaque flacon de 60 capsules correspond à \u003cstrong\u003eune cure de 30 jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-timeline-item\"\u003e\n \u003cdiv class=\"pc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pc-timeline-content\"\u003e\n \u003ch3\u003eCure recommandée\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003eComposition complète pour 2 capsules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"pc-composition-table\"\u003e\n \u003cdiv class=\"pc-comp-row\"\u003e\n \u003cspan class=\"pc-comp-name\"\u003eHuile de pépin de courge\u003c\/span\u003e\n \u003cspan class=\"pc-comp-value\"\u003e700 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-comp-row\"\u003e\n \u003cspan class=\"pc-comp-name\"\u003eExtrait de fruit de Saw Palmetto\u003c\/span\u003e\n \u003cspan class=\"pc-comp-value\"\u003e160 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-comp-row\"\u003e\n \u003cspan class=\"pc-comp-name\"\u003eExtrait de racine d'ortie\u003c\/span\u003e\n \u003cspan class=\"pc-comp-value\"\u003e100 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-comp-row\"\u003e\n \u003cspan class=\"pc-comp-name\"\u003eExtrait de sommité de bruyère\u003c\/span\u003e\n \u003cspan class=\"pc-comp-value\"\u003e40 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-comp-row\"\u003e\n \u003cspan class=\"pc-comp-name\"\u003eOxyde de magnésium\u003c\/span\u003e\n \u003cspan class=\"pc-comp-value\"\u003e30 mg \u003csmall\u003e(8 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-comp-row\"\u003e\n \u003cspan class=\"pc-comp-name\"\u003eZinc\u003c\/span\u003e\n \u003cspan class=\"pc-comp-value\"\u003e15 mg \u003csmall\u003e(150 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-comp-row\"\u003e\n \u003cspan class=\"pc-comp-name\"\u003eVitamine E d'origine végétale\u003c\/span\u003e\n \u003cspan class=\"pc-comp-value\"\u003e6,7 mg \u003csmall\u003e(55 % VNR)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-comp-row\"\u003e\n \u003cspan class=\"pc-comp-name\"\u003eExtrait d'écorce de Pygeum africanum\u003c\/span\u003e\n \u003cspan class=\"pc-comp-value\"\u003e6,4 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pc-comp-other\"\u003e\n \u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e lécithine de tournesol, cire d'abeille, gélatine de poisson, glycérine végétale\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"pc-accordion\"\u003e\n \u003cdetails class=\"pc-accordion-item\"\u003e\n \u003csummary class=\"pc-accordion-header\"\u003e⚠️ Dose journalière\u003c\/summary\u003e\n \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pc-accordion-item\"\u003e\n \u003csummary class=\"pc-accordion-header\"\u003e🍽️ Alimentation et mode de vie\u003c\/summary\u003e\n \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée, ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pc-accordion-item\"\u003e\n \u003csummary class=\"pc-accordion-header\"\u003e👨‍⚕️ Consultation médicale\u003c\/summary\u003e\n \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de trouble prostatique diagnostiqué, consultez votre médecin avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pc-accordion-item\"\u003e\n \u003csummary class=\"pc-accordion-header\"\u003e👶 Enfants et conservation\u003c\/summary\u003e\n \u003cdiv class=\"pc-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"pc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ qui s'adresse Prosta'Complex ?\u003c\/h2\u003e\n \u003cdiv class=\"pc-cta-box\"\u003e\n \u003cp\u003eCe complément alimentaire pour la prostate s'adresse aux \u003cstrong\u003ehommes à partir de 45-50 ans\u003c\/strong\u003e qui ressentent les premières gênes urinaires : envies fréquentes, réveils nocturnes, sensation de vidange incomplète.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem;\"\u003eProsta'Complex se distingue par la richesse de sa formule associant \u003cstrong\u003ecinq plantes complémentaires\u003c\/strong\u003e à des micronutriments essentiels. Une approche globale, naturelle et bien dosée pour retrouver un quotidien plus serein.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pc-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pc-cream: #f4f6f9;\n --pc-white: #ffffff;\n --pc-primary: #1a3a6e;\n --pc-primary-dark: #0e2347;\n --pc-primary-light: #e8eef6;\n --pc-secondary: #c0392b;\n --pc-accent: #2e7d32;\n --pc-text: #1a1a1a;\n --pc-text-light: #5a5a5a;\n --pc-border: #dde3eb;\n --pc-shadow: 0 4px 24px rgba(26,58,110,.08);\n --pc-shadow-lg: 0 12px 48px rgba(26,58,110,.15);\n --pc-radius: 20px;\n --pc-radius-sm: 12px;\n}\n\n.pc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pc-primary) 0%, #1e4d8a 50%, var(--pc-primary-dark) 100%);\n border-radius: var(--pc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pc-shadow-lg);\n}\n\n.pc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n opacity: 1;\n}\n\n.pc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.pc-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.pc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pc-primary), var(--pc-secondary));\n border-radius: 2px;\n}\n\n.pc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pc-highlight-box {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pc-shadow);\n border-left: 4px solid var(--pc-accent);\n}\n\n.pc-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--pc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.pc-card {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pc-shadow-lg);\n border-color: var(--pc-primary);\n}\n\n.pc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.pc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pc-primary), var(--pc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pc-timeline-content {\n flex: 1;\n background: var(--pc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pc-radius-sm);\n box-shadow: var(--pc-shadow);\n}\n\n.pc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pc-timeline-content p {\n font-size: 14px;\n color: var(--pc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION TABLE === *\/\n.pc-composition-table {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n box-shadow: var(--pc-shadow);\n overflow: hidden;\n}\n\n.pc-comp-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--pc-border);\n transition: background .2s ease;\n}\n\n.pc-comp-row:hover {\n background: var(--pc-primary-light);\n}\n\n.pc-comp-row:last-of-type {\n border-bottom: 1px solid var(--pc-border);\n}\n\n.pc-comp-name {\n font-size: 14px;\n font-weight: 600;\n color: var(--pc-text);\n}\n\n.pc-comp-value {\n font-size: 14px;\n font-weight: 800;\n color: var(--pc-primary);\n text-align: right;\n white-space: nowrap;\n}\n\n.pc-comp-value small {\n font-weight: 500;\n color: var(--pc-text-light);\n font-size: 12px;\n}\n\n.pc-comp-other {\n padding: 1rem 1.25rem;\n font-size: 13px;\n color: var(--pc-text-light);\n line-height: 1.6;\n background: var(--pc-primary-light);\n}\n\n.pc-comp-other strong {\n color: var(--pc-text);\n}\n\n\/* === ACCORDÉON === *\/\n.pc-accordion {\n background: var(--pc-white);\n border-radius: var(--pc-radius);\n box-shadow: var(--pc-shadow);\n overflow: hidden;\n}\n\n.pc-accordion-item {\n border-bottom: 1px solid var(--pc-border);\n margin: 0;\n padding: 0;\n}\n\n.pc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pc-accordion-header:hover {\n background: var(--pc-primary-light);\n}\n\n.pc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pc-primary);\n transition: transform .2s ease;\n}\n\n.pc-accordion-item[open] .pc-accordion-header::after {\n content: '−';\n}\n\n.pc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.pc-cta-box {\n background: linear-gradient(135deg, var(--pc-primary) 0%, var(--pc-primary-dark) 100%);\n border-radius: var(--pc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pc-disclaimer {\n font-size: 12px;\n color: var(--pc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pc-card {\n padding: 1.125rem;\n }\n\n .pc-section {\n margin-bottom: 1.75rem;\n }\n\n .pc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pc-radius-sm);\n }\n\n .pc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pc-timeline-content h3 {\n font-size: 14px;\n }\n\n .pc-timeline-content p {\n font-size: 13px;\n }\n\n .pc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pc-comp-row {\n padding: .75rem 1rem;\n }\n\n .pc-comp-name {\n font-size: 13px;\n }\n\n .pc-comp-value {\n font-size: 13px;\n }\n\n .pc-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pc-card {\n animation: pcFadeInUp .5s ease backwards;\n }\n .pc-card:nth-child(1) { animation-delay: .05s; }\n .pc-card:nth-child(2) { animation-delay: .1s; }\n .pc-card:nth-child(3) { animation-delay: .15s; }\n .pc-card:nth-child(4) { animation-delay: .2s; }\n .pc-card:nth-child(5) { animation-delay: .25s; }\n .pc-card:nth-child(6) { animation-delay: .3s; }\n .pc-card:nth-child(7) { animation-delay: .35s; }\n .pc-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes pcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":55183706521977,"sku":"VO4665","price":24.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/prostacomplex-60-capsules-qualidiet-packshothd.webp?v=1774699232"},{"product_id":"xylitol-bio-250g-qualidiet","title":"Xylitol Bio - Surcre de Bouleau - 250g - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Xylitol Bio - Sucre de Bouleau 250g\nPalette détectée:\n - Primaire: #8B6914 (marron doré du titre \"XYLITOL\")\n - Secondaire: #4A7C31 (vert nature des logos bio\/maïs)\n - Accent: #D4442C (rouge corail du logo Qualidiet)\n - Background: #F9F7F2 (crème naturel du pot)\nAmbiance: Naturel\/Bio, alimentaire sain, chaleureux, familial\nType: Édulcorant naturel biologique - substitut du sucre\nStyle: Clean, naturel, certifications bio, convivialité cuisine\nPréfixe CSS: xyl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir le xylitol biologique ?\"\n 2. \"Comment utiliser votre xylitol bio ?\"\n 3. \"Une composition d'une pureté exemplaire\"\n 4. \"Le xylitol bio est idéal pour vous si...\"\n 5. \"Conseils d'utilisation et précautions\"\n 6. \"Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"xyl-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"xyl-hero\"\u003e\n \u003cdiv class=\"xyl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"xyl-hero-content\"\u003e\n \u003cdiv class=\"xyl-badges-top\"\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌿 100% biologique\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌽 Issu de la rafle de maïs\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e📊 IG bas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"xyl-hero-title\"\u003eXylitol biologique\u003c\/span\u003e\n \u003cp class=\"xyl-subtitle\"\u003eSubstitut naturel du sucre certifié bio\u003c\/p\u003e\n \u003cp class=\"xyl-description\"\u003eÉdulcorant 100% naturel avec 40% de calories en moins que le sucre traditionnel. Même goût sucré, sans les inconvénients. Certifié Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003ePourquoi choisir le xylitol biologique ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📊 Indice glycémique ultra-bas\u003c\/h3\u003e\n \u003cp\u003eParfaitement adapté aux diabétiques et aux régimes à faible indice glycémique. Aucun pic de glycémie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ 40% de calories en moins\u003c\/h3\u003e\n \u003cp\u003eSeulement 2,4 kcal\/g contre 4 kcal\/g pour le sucre classique. Idéal pour contrôler son poids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e😋 Goût identique au sucre\u003c\/h3\u003e\n \u003cp\u003eMême pouvoir sucrant que le saccharose, sans arrière-goût. Substitution directe 1:1 dans vos recettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Protection dentaire\u003c\/h3\u003e\n \u003cp\u003eReconnu pour limiter les caries et soutenir l'équilibre de la flore buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🔥 Résiste à la cuisson\u003c\/h3\u003e\n \u003cp\u003eSupporte la chaleur jusqu'à 200°C pour vos pâtisseries, confitures et préparations chaudes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio Ecocert\u003c\/h3\u003e\n \u003cp\u003eIssu de la rafle de maïs biologique, sans OGM ni pesticides. Pureté garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eComment utiliser votre xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-timeline\"\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e☕ Boissons chaudes et froides\u003c\/h3\u003e\n \u003cp\u003eCafé, thé, infusions, smoothies : remplacez le sucre à quantités égales. Dissolution rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e🍰 Pâtisserie et cuisine\u003c\/h3\u003e\n \u003cp\u003eGâteaux, biscuits, confitures, compotes : mêmes proportions que le sucre traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e🥣 Saupoudrage\u003c\/h3\u003e\n \u003cp\u003eYaourts, fromages blancs, fruits frais, céréales : ajoutez la douceur désirée sans culpabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e🦷 Soin bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eLaissez fondre ½ cuillère à café en bouche 2 à 4 fois par jour pour ses vertus protectrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eUne composition d'une pureté exemplaire\u003c\/h2\u003e\n \u003cdiv class=\"xyl-composition-box\"\u003e\n \u003cdiv class=\"xyl-composition-icon\"\u003e🌽\u003c\/div\u003e\n \u003ch3\u003e100% Xylitol biologique\u003c\/h3\u003e\n \u003cp\u003eIssu de la rafle de maïs cultivé en agriculture biologique contrôlée\u003c\/p\u003e\n \u003cdiv class=\"xyl-certifications\"\u003e\n \u003cdiv class=\"xyl-cert-item\"\u003e\n \u003cspan class=\"xyl-cert-icon\"\u003e🍃\u003c\/span\u003e\n \u003cdiv class=\"xyl-cert-text\"\u003e\n \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e\n \u003cspan\u003eCertification biologique officielle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-cert-item\"\u003e\n \u003cspan class=\"xyl-cert-icon\"\u003e🚫\u003c\/span\u003e\n \u003cdiv class=\"xyl-cert-text\"\u003e\n \u003cstrong\u003eSans OGM\u003c\/strong\u003e\n \u003cspan\u003eGaranti sans organismes génétiquement modifiés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-cert-item\"\u003e\n \u003cspan class=\"xyl-cert-icon\"\u003e✨\u003c\/span\u003e\n \u003cdiv class=\"xyl-cert-text\"\u003e\n \u003cstrong\u003eSans additifs\u003c\/strong\u003e\n \u003cspan\u003eAucun conservateur, colorant ou arôme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eLe sucre de bouleau est idéal pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🩺 Vous êtes diabétique\u003c\/h3\u003e\n \u003cp\u003eL'indice glycémique ultra-bas permet de contrôler votre glycémie sans renoncer au goût sucré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ Vous surveillez votre poids\u003c\/h3\u003e\n \u003cp\u003e40% de calories en moins pour un plaisir sucré sans culpabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Vous prenez soin de vos dents\u003c\/h3\u003e\n \u003cp\u003ePropriétés protectrices reconnues contre les caries et pour la santé buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌿 Vous privilégiez le bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Ecocert, 100% naturel, sans pesticides ni OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e👨‍🍳 Vous aimez cuisiner\u003c\/h3\u003e\n \u003cp\u003eParfait pour toutes vos recettes sucrées avec substitution directe 1:1.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e💪 Vous adoptez un mode de vie sain\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle et intelligente au sucre raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"xyl-accordion\"\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e💡 Conseils d'usage\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003e• Commencez progressivement pour habituer votre organisme\u003cbr\u003e\n • Conservation dans un endroit sec à l'abri de la lumière\u003cbr\u003e\n • Substitution directe : 1 dose de xylitol = 1 dose de sucre\u003cbr\u003e\n • Peut provoquer un léger effet rafraîchissant en bouche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003e• \u003cstrong\u003eNe pas dépasser 50g par jour\u003c\/strong\u003e : risque d'effet laxatif au-delà\u003cbr\u003e\n • \u003cstrong\u003eDéconseillé aux enfants de moins de 3 ans\u003c\/strong\u003e\u003cbr\u003e\n • \u003cstrong\u003eTOXIQUE pour les animaux\u003c\/strong\u003e, notamment les chiens : ne jamais leur en donner\u003cbr\u003e\n • En cas de doute, consultez un professionnel de santé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eConservez votre xylitol dans son pot d'origine, bien fermé, à l'abri de l'humidité et de la chaleur. Se conserve plusieurs années dans de bonnes conditions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid-compact\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e250g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eQualidiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eRafle de maïs bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🍃 Certification\u003c\/h3\u003e\n \u003cp\u003eEcocert FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📊 Indice glycémique\u003c\/h3\u003e\n \u003cp\u003eTrès bas (IG 7-8)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚡ Valeur énergétique\u003c\/h3\u003e\n \u003cp\u003e2,4 kcal\/g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"xyl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"xyl-cta-box\"\u003e\n \u003cp\u003e🌟 Adoptez le xylitol biologique Qualidiet pour une alimentation plus saine sans renoncer au plaisir sucré. Certifié bio, indice glycémique ultra-bas et goût identique au sucre : la révolution naturelle pour votre cuisine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"xyl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --xyl-cream: #F9F7F2;\n --xyl-white: #ffffff;\n --xyl-primary: #8B6914;\n --xyl-primary-dark: #6B5010;\n --xyl-primary-light: #FDF8E8;\n --xyl-secondary: #4A7C31;\n --xyl-accent: #D4442C;\n --xyl-text: #1a1a1a;\n --xyl-text-light: #5a5a5a;\n --xyl-border: #e0e0e0;\n --xyl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --xyl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --xyl-radius: 20px;\n --xyl-radius-sm: 12px;\n}\n\n.xyl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--xyl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.xyl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 50%, var(--xyl-secondary) 100%);\n border-radius: var(--xyl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--xyl-shadow-lg);\n}\n\n.xyl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n}\n\n.xyl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.xyl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.xyl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--xyl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.xyl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.xyl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.xyl-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.xyl-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.xyl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.xyl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--xyl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.xyl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--xyl-primary), var(--xyl-secondary));\n border-radius: 2px;\n}\n\n.xyl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.xyl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.xyl-card {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--xyl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.xyl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--xyl-shadow-lg);\n border-color: var(--xyl-primary);\n}\n\n.xyl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.xyl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--xyl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.xyl-grid-compact .xyl-card {\n padding: 1rem;\n}\n\n.xyl-grid-compact .xyl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.xyl-grid-compact .xyl-card p {\n font-size: 12px;\n}\n\n.xyl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.xyl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.xyl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--xyl-primary), var(--xyl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.xyl-timeline-content {\n flex: 1;\n background: var(--xyl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--xyl-radius-sm);\n box-shadow: var(--xyl-shadow);\n}\n\n.xyl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--xyl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.xyl-timeline-content p {\n font-size: 14px;\n color: var(--xyl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.xyl-composition-box {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--xyl-shadow);\n text-align: center;\n border: 2px solid var(--xyl-primary-light);\n}\n\n.xyl-composition-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n}\n\n.xyl-composition-box h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.xyl-composition-box \u003e p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--xyl-text-light);\n margin: 0 0 1.5rem 0;\n}\n\n.xyl-certifications {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.xyl-cert-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--xyl-primary-light);\n padding: .75rem 1rem;\n border-radius: var(--xyl-radius-sm);\n text-align: left;\n}\n\n.xyl-cert-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.xyl-cert-text {\n display: flex;\n flex-direction: column;\n}\n\n.xyl-cert-text strong {\n font-size: 14px;\n color: var(--xyl-primary-dark);\n}\n\n.xyl-cert-text span {\n font-size: 12px;\n color: var(--xyl-text-light);\n}\n\n.xyl-accordion {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n box-shadow: var(--xyl-shadow);\n overflow: hidden;\n}\n\n.xyl-accordion-item {\n border-bottom: 1px solid var(--xyl-border);\n margin: 0;\n padding: 0;\n}\n\n.xyl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.xyl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--xyl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.xyl-accordion-header:hover {\n background: var(--xyl-primary-light);\n}\n\n.xyl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.xyl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--xyl-primary);\n transition: transform .2s ease;\n}\n\n.xyl-accordion-item[open] .xyl-accordion-header::after {\n content: '−';\n}\n\n.xyl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--xyl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.xyl-accordion-content p {\n margin: 0;\n}\n\n.xyl-cta-box {\n background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 100%);\n border-radius: var(--xyl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.xyl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.xyl-disclaimer {\n font-size: 12px;\n color: var(--xyl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .xyl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .xyl-card {\n padding: 1.125rem;\n }\n \n .xyl-section {\n margin-bottom: 1.75rem;\n }\n \n .xyl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--xyl-radius-sm);\n }\n \n .xyl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .xyl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .xyl-grid-compact {\n gap: .625rem;\n }\n \n .xyl-grid-compact .xyl-card {\n padding: .75rem;\n }\n \n .xyl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .xyl-timeline-content {\n padding: .875rem 1rem;\n }\n \n .xyl-timeline-content h3 {\n font-size: 14px;\n }\n \n .xyl-timeline-content p {\n font-size: 13px;\n }\n \n .xyl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .xyl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .xyl-cert-item {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .xyl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .xyl-card:nth-child(1) { animation-delay: .05s; }\n .xyl-card:nth-child(2) { animation-delay: .1s; }\n .xyl-card:nth-child(3) { animation-delay: .15s; }\n .xyl-card:nth-child(4) { animation-delay: .2s; }\n .xyl-card:nth-child(5) { animation-delay: .25s; }\n .xyl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .xyl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":55221970305401,"sku":"VO4670","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/xylitol-bio-surcre-de-bouleau-250g-qualidiet-ingredients.webp?v=1769017594"},{"product_id":"xylitol-bio-500g-qualidiet","title":"Xylitol Bio - Sucre de Bouleau - 500g - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Xylitol Bio - Sucre de Bouleau 500g Qualidiet\nPalette détectée:\n - Primaire: #8B7355 (marron chaleureux de la typographie XYLITOL)\n - Secondaire: #5B8C5A (vert bio certification AB)\n - Accent: #C84141 (rouge Qualidiet)\n - Crème: #F5F2ED (beige clair du packaging)\nAmbiance: Naturel\/Bio, alimentaire sain, épuré et authentique, chaleureux\nStyle: Clean, moderne-bio, professionnel-santé\nPréfixe CSS: xyl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"🌟 Pourquoi adopter le xylitol bio ?\"\n 2. \"🌳 Origine et composition\"\n 3. \"📖 Comment utiliser votre xylitol bio ?\"\n 4. \"📦 Pourquoi choisir le format 500 g ?\"\n 5. \"⚖️ Xylitol vs sucre traditionnel\"\n 6. \"👥 À qui s'adresse le xylitol bio ?\"\n 7. \"📋 Informations pratiques\"\n 8. \"⚕️ Précautions d'usage\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"xyl-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"xyl-hero\"\u003e\n \u003cdiv class=\"xyl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"xyl-hero-content\"\u003e\n \u003cdiv class=\"xyl-badges-top\"\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌿 100% bio certifié\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌳 Écorce de bouleau\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e💚 IG 8,5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"xyl-hero-title\"\u003eXylitol Bio\u003c\/span\u003e\n \u003cp class=\"xyl-subtitle\"\u003eLe substitut naturel du sucre sans compromis\u003c\/p\u003e\n \u003cp class=\"xyl-description\"\u003e\n Édulcorant naturel extrait de l'écorce de bouleau, au goût sucré identique au sucre traditionnel. \n 40% moins calorique, compatible cuisson, idéal pour les diabétiques et la santé dentaire.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi adopter le xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📊 Indice glycémique ultra-bas\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eIG ~8,5\u003c\/div\u003e\n \u003cp\u003eN'élève pas la glycémie, parfait pour les personnes diabétiques et les régimes low-carb. Un véritable allié santé au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ Moins calorique que le sucre\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003e2,4 kcal\/g\u003c\/div\u003e\n \u003cp\u003eContre 4 kcal\/g pour le sucre classique. Réduisez votre apport calorique de 40% sans sacrifier le plaisir sucré.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Protection dentaire prouvée\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eAnti-caries\u003c\/div\u003e\n \u003cp\u003eLimite la formation de caries, stabilise le pH buccal et soutient l'équilibre de la flore orale. Recommandé par les dentistes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🔥 Compatible cuisson\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eHaute température\u003c\/div\u003e\n \u003cp\u003eNe perd pas son pouvoir sucrant même à haute température. Utilisez-le dans toutes vos recettes sans adaptation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e👅 Goût 100% naturel\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eZéro amertume\u003c\/div\u003e\n \u003cp\u003eSaveur sucrée pure, sans arrière-goût désagréable. Vos papilles ne verront pas la différence avec le sucre traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚡ Effet alcalinisant\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003epH équilibré\u003c\/div\u003e\n \u003cp\u003eAction anti-acidifiante reconnue pour maintenir l'équilibre acido-basique de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e🌳 Origine et composition\u003c\/h2\u003e\n \u003cdiv class=\"xyl-composition-box\"\u003e\n \u003cdiv class=\"xyl-composition-visual\"\u003e\n \u003cdiv class=\"xyl-purity-circle\"\u003e\n \u003cspan class=\"xyl-purity-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"xyl-purity-label\"\u003epur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-composition-content\"\u003e\n \u003ch3\u003eXylitol bio issu de l'écorce de bouleau\u003c\/h3\u003e\n \u003cdiv class=\"xyl-quality-grid\"\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e🌿\u003c\/span\u003e\n \u003cstrong\u003eCertifié bio\u003c\/strong\u003e\n \u003cspan\u003eEcocert FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e🚫\u003c\/span\u003e\n \u003cstrong\u003eSans OGM\u003c\/strong\u003e\n \u003cspan\u003eGaranti non modifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e🌾\u003c\/span\u003e\n \u003cstrong\u003eSans pesticides\u003c\/strong\u003e\n \u003cspan\u003eCulture naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e✨\u003c\/span\u003e\n \u003cstrong\u003eSans additifs\u003c\/strong\u003e\n \u003cspan\u003e100% pur xylitol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e📖 Comment utiliser votre xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-usage-grid\"\u003e\n \u003cdiv class=\"xyl-usage-card\"\u003e\n \u003cdiv class=\"xyl-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eEn remplacement du sucre\u003c\/h3\u003e\n \u003cp\u003eUtilisez le xylitol à \u003cstrong\u003equantité équivalente\u003c\/strong\u003e dans toutes vos préparations :\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e☕ Boissons chaudes et froides\u003c\/li\u003e\n \u003cli\u003e🥣 Yaourts et compotes\u003c\/li\u003e\n \u003cli\u003e🍰 Pâtisseries et desserts\u003c\/li\u003e\n \u003cli\u003e🥘 Sauces et marinades\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"xyl-tip\"\u003e💡 1 cuillère de sucre = 1 cuillère de xylitol\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-usage-card\"\u003e\n \u003cdiv class=\"xyl-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003ePour l'hygiène bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eProgramme spécifique pour la santé de vos dents :\u003c\/p\u003e\n \u003cdiv class=\"xyl-dental-routine\"\u003e\n \u003cdiv class=\"xyl-dental-step\"\u003e\n \u003cstrong\u003e½ cuillère à café\u003c\/strong\u003e\n \u003cspan\u003eà faire fondre en bouche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-dental-frequency\"\u003e\n \u003cstrong\u003e2 à 4 fois par jour\u003c\/strong\u003e\n \u003cspan\u003eaprès les repas de préférence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-tip\"\u003e🦷 Laissez fondre lentement sans avaler immédiatement\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-warning-box\"\u003e\n \u003cdiv class=\"xyl-warning-content\"\u003e\n \u003cstrong\u003eDose recommandée\u003c\/strong\u003e\n \u003cp\u003eNe pas dépasser \u003cstrong\u003e50 g par jour\u003c\/strong\u003e pour les adultes. Au-delà, des effets laxatifs peuvent survenir, particulièrement lors des premières utilisations. Commencez progressivement pour habituer votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e⚖️ Xylitol vs sucre traditionnel\u003c\/h2\u003e\n \u003cdiv class=\"xyl-comparison\"\u003e\n \u003cdiv class=\"xyl-comparison-col xyl-comparison-winner\"\u003e\n \u003ch3\u003e🏆 Xylitol bio\u003c\/h3\u003e\n \u003cul class=\"xyl-comparison-list\"\u003e\n \u003cli\u003e✅ Indice glycémique 8,5\u003c\/li\u003e\n \u003cli\u003e✅ 2,4 kcal\/g\u003c\/li\u003e\n \u003cli\u003e✅ Protège les dents\u003c\/li\u003e\n \u003cli\u003e✅ Effet alcalinisant\u003c\/li\u003e\n \u003cli\u003e✅ Compatible diabète\u003c\/li\u003e\n \u003cli\u003e✅ Goût naturel pur\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-comparison-col\"\u003e\n \u003ch3\u003eSucre blanc classique\u003c\/h3\u003e\n \u003cul class=\"xyl-comparison-list xyl-comparison-negative\"\u003e\n \u003cli\u003e❌ Indice glycémique 70\u003c\/li\u003e\n \u003cli\u003e❌ 4 kcal\/g\u003c\/li\u003e\n \u003cli\u003e❌ Favorise les caries\u003c\/li\u003e\n \u003cli\u003e❌ Acidifiant\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé diabétiques\u003c\/li\u003e\n \u003cli\u003e❌ Pic de glycémie\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse le xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🩺 Personnes diabétiques\u003c\/h3\u003e\n \u003cp\u003eIG ultra-bas qui n'impacte pas la glycémie. Un sucrant sûr et efficace pour gérer votre alimentation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ Contrôle du poids\u003c\/h3\u003e\n \u003cp\u003e40% moins calorique que le sucre. Idéal pour les régimes hypocaloriques, keto et low-carb sans frustration.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Santé dentaire\u003c\/h3\u003e\n \u003cp\u003eFamilles soucieuses de préserver les dents des enfants et éviter les caries de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌿 Alimentation saine\u003c\/h3\u003e\n \u003cp\u003eAdeptes du bio et du naturel cherchant une alternative clean au sucre raffiné, sans compromis sur le goût.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e👨‍🍳 Passionnés de cuisine\u003c\/h3\u003e\n \u003cp\u003eCuisiniers créatifs souhaitant alléger leurs recettes tout en conservant texture et saveur sucrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e💪 Sportifs\u003c\/h3\u003e\n \u003cp\u003eAthlètes et personnes actives recherchant une énergie stable sans pic glycémique ni crash énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"xyl-info-grid\"\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eÉcorce de bouleau\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eBio Ecocert\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eConservation\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eEndroit sec\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eDurée de vie\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eLongue conservation\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e⚕️ Précautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"xyl-accordion\"\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e🐕 Attention animaux\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eLe xylitol est \u003cstrong\u003etoxique pour les chiens\u003c\/strong\u003e. Conserver hors de portée de vos animaux de compagnie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e📈 Introduction progressive\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eCommencez par de petites doses (10-15 g\/jour) puis augmentez graduellement pour éviter les désagréments digestifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e💧 Hydratation\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eBuvez suffisamment d'eau lors de votre consommation quotidienne de xylitol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e🤰 Femmes enceintes\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eDemandez conseil à votre médecin avant toute consommation régulière pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"xyl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"xyl-cta-box\"\u003e\n \u003cp\u003e\n 🌿 \u003cstrong\u003ePassez au naturel dès aujourd'hui !\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\n Découvrez le plaisir sucré sans culpabilité avec le xylitol bio Qualidiet. \n Un substitut 100% naturel, certifié bio, qui prend soin de votre santé et de vos papilles. \n Le format 500 g est parfait pour débuter votre transition vers une alimentation plus saine.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"xyl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --xyl-cream: #FAF8F5;\n --xyl-white: #ffffff;\n --xyl-primary: #8B7355;\n --xyl-primary-dark: #6B5540;\n --xyl-primary-light: #E8DCCF;\n --xyl-secondary: #5B8C5A;\n --xyl-accent: #C84141;\n --xyl-text: #1a1a1a;\n --xyl-text-light: #5a5a5a;\n --xyl-border: #e0ddd8;\n --xyl-shadow: 0 4px 24px rgba(139,115,85,.08);\n --xyl-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --xyl-radius: 20px;\n --xyl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.xyl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--xyl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--xyl-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.xyl-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #A08876 50%, #6B5540 100%);\n border-radius: var(--xyl-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--xyl-shadow-lg);\n}\n\n.xyl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.xyl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.xyl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.xyl-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--xyl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.xyl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.xyl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.xyl-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin-bottom: 1.5rem;\n}\n\n.xyl-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.xyl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.xyl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--xyl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.xyl-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--xyl-primary), var(--xyl-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.xyl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.xyl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.xyl-card {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--xyl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.xyl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--xyl-shadow-lg);\n border-color: var(--xyl-primary);\n}\n\n.xyl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.xyl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--xyl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.xyl-highlight {\n display: inline-block;\n background: linear-gradient(135deg, var(--xyl-primary-light), var(--xyl-primary));\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 900;\n padding: 6px 16px;\n border-radius: var(--xyl-radius-sm);\n margin: .5rem 0;\n}\n\n\/* === COMPOSITION === *\/\n.xyl-composition-box {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--xyl-shadow);\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n align-items: center;\n}\n\n.xyl-purity-circle {\n width: 140px;\n height: 140px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--xyl-secondary), var(--xyl-primary));\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 32px rgba(91,140,90,.25);\n position: relative;\n}\n\n.xyl-purity-circle::before {\n content: '';\n position: absolute;\n inset: 6px;\n border-radius: 50%;\n background: var(--xyl-white);\n}\n\n.xyl-purity-number {\n position: relative;\n z-index: 1;\n font-size: 36px;\n font-weight: 900;\n color: var(--xyl-secondary);\n line-height: 1;\n}\n\n.xyl-purity-label {\n position: relative;\n z-index: 1;\n font-size: 14px;\n font-weight: 700;\n color: var(--xyl-primary);\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.xyl-composition-content h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.xyl-quality-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.xyl-quality-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.xyl-quality-icon {\n font-size: 24px;\n}\n\n.xyl-quality-item strong {\n color: var(--xyl-primary-dark);\n font-size: 14px;\n font-weight: 800;\n}\n\n.xyl-quality-item span {\n color: var(--xyl-text-light);\n font-size: 12px;\n}\n\n\/* === USAGE === *\/\n.xyl-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.xyl-usage-card {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--xyl-shadow);\n position: relative;\n overflow: hidden;\n}\n\n.xyl-usage-number {\n position: absolute;\n top: -15px;\n right: 15px;\n font-size: 100px;\n font-weight: 900;\n color: var(--xyl-primary-light);\n opacity: .4;\n line-height: 1;\n}\n\n.xyl-usage-card h3 {\n position: relative;\n z-index: 1;\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.xyl-usage-card p {\n position: relative;\n z-index: 1;\n color: var(--xyl-text);\n font-size: 14px;\n margin-bottom: .75rem;\n}\n\n.xyl-usage-card ul {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n position: relative;\n z-index: 1;\n}\n\n.xyl-usage-card li {\n padding: 6px 0;\n color: var(--xyl-text-light);\n font-size: 14px;\n}\n\n.xyl-dental-routine {\n background: var(--xyl-primary-light);\n border-radius: var(--xyl-radius-sm);\n padding: 1rem;\n margin: .75rem 0;\n position: relative;\n z-index: 1;\n}\n\n.xyl-dental-step,\n.xyl-dental-frequency {\n margin-bottom: .75rem;\n}\n\n.xyl-dental-step:last-child,\n.xyl-dental-frequency:last-child {\n margin-bottom: 0;\n}\n\n.xyl-dental-step strong,\n.xyl-dental-frequency strong {\n display: block;\n color: var(--xyl-primary-dark);\n font-size: 16px;\n font-weight: 800;\n}\n\n.xyl-dental-step span,\n.xyl-dental-frequency span {\n color: var(--xyl-text-light);\n font-size: 13px;\n}\n\n.xyl-tip {\n background: linear-gradient(135deg, var(--xyl-secondary), #4a7349);\n color: white;\n padding: 10px 14px;\n border-radius: var(--xyl-radius-sm);\n font-size: 13px;\n font-weight: 600;\n position: relative;\n z-index: 1;\n}\n\n\/* === WARNING === *\/\n.xyl-warning-box {\n background: #FFF9E6;\n border: 2px solid #FFE066;\n border-radius: var(--xyl-radius);\n padding: 1.25rem;\n margin-top: 1.5rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.xyl-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.xyl-warning-content strong {\n display: block;\n color: var(--xyl-primary-dark);\n font-size: 16px;\n margin-bottom: .25rem;\n font-weight: 800;\n}\n\n.xyl-warning-content p {\n color: var(--xyl-text);\n margin: 0;\n font-size: 14px;\n line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.xyl-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.xyl-comparison-col {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: 1.5rem;\n box-shadow: var(--xyl-shadow);\n}\n\n.xyl-comparison-winner {\n background: linear-gradient(135deg, rgba(91,140,90,.05), rgba(91,140,90,.1));\n border: 3px solid var(--xyl-secondary);\n}\n\n.xyl-comparison-col h3 {\n text-align: center;\n margin-bottom: 1rem;\n font-size: 18px;\n font-weight: 800;\n color: var(--xyl-primary-dark);\n}\n\n.xyl-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.xyl-comparison-list li {\n padding: 10px 0;\n border-bottom: 1px solid var(--xyl-border);\n font-size: 14px;\n font-weight: 600;\n color: var(--xyl-text);\n}\n\n.xyl-comparison-list li:last-child {\n border-bottom: none;\n}\n\n.xyl-comparison-negative li {\n color: var(--xyl-text-light);\n}\n\n\/* === INFO GRID === *\/\n.xyl-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.xyl-info-box {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--xyl-shadow);\n text-align: center;\n border: 2px solid var(--xyl-primary-light);\n transition: all .3s ease;\n}\n\n.xyl-info-box:hover {\n transform: translateY(-4px);\n border-color: var(--xyl-primary);\n}\n\n.xyl-info-label {\n font-size: 11px;\n font-weight: 700;\n color: var(--xyl-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 6px;\n}\n\n.xyl-info-value {\n font-size: 16px;\n font-weight: 900;\n color: var(--xyl-primary-dark);\n}\n\n\/* === ACCORDION === *\/\n.xyl-accordion {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n box-shadow: var(--xyl-shadow);\n overflow: hidden;\n}\n\n.xyl-accordion-item {\n border-bottom: 1px solid var(--xyl-border);\n margin: 0;\n padding: 0;\n}\n\n.xyl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.xyl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--xyl-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.xyl-accordion-header:hover {\n background: var(--xyl-primary-light);\n}\n\n.xyl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.xyl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--xyl-primary);\n transition: transform .2s ease;\n}\n\n.xyl-accordion-item[open] .xyl-accordion-header::after {\n content: '−';\n}\n\n.xyl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--xyl-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.xyl-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.xyl-cta-box {\n background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 100%);\n border-radius: var(--xyl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.xyl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n font-weight: 500;\n margin: 0;\n}\n\n.xyl-disclaimer {\n font-size: 12px;\n color: var(--xyl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .xyl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .xyl-grid-compact {\n gap: .625rem;\n }\n \n .xyl-grid-compact .xyl-card {\n padding: .75rem;\n }\n \n .xyl-grid-compact .xyl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .xyl-grid-compact .xyl-card p {\n font-size: 12px;\n }\n \n .xyl-card {\n padding: 1.125rem;\n }\n \n .xyl-section {\n margin-bottom: 1.75rem;\n }\n \n .xyl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--xyl-radius-sm);\n }\n \n .xyl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .xyl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .xyl-composition-box {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n text-align: center;\n }\n \n .xyl-purity-circle {\n width: 120px;\n height: 120px;\n margin: 0 auto;\n }\n \n .xyl-purity-number {\n font-size: 28px;\n }\n \n .xyl-quality-grid {\n grid-template-columns: repeat(2, 1fr);\n text-align: left;\n }\n \n .xyl-usage-grid,\n .xyl-comparison {\n grid-template-columns: 1fr;\n }\n \n .xyl-warning-box {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .xyl-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .xyl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .xyl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .xyl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .xyl-card:nth-child(1) { animation-delay: .05s; }\n .xyl-card:nth-child(2) { animation-delay: .1s; }\n .xyl-card:nth-child(3) { animation-delay: .15s; }\n .xyl-card:nth-child(4) { animation-delay: .2s; }\n .xyl-card:nth-child(5) { animation-delay: .25s; }\n .xyl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .xyl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":55222003990905,"sku":"VO4675","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/xylitol-bio-sucre-de-bouleau-500g-qualidiet-ingredients.webp?v=1769017111"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/qualidiet.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}