{"title":"Compléments alimentaires","description":"\u003cp\u003eVous êtes sur cette page parce que vous cherchez un coup de pouce, pas une liste d'ingrédients incompréhensibles. Fatigue persistante, peau terne, digestion capricieuse, objectif sportif... chaque besoin mérite une réponse précise, pas un complément pris au hasard. Alors avant de cliquer sur « ajouter au panier », prenons deux minutes pour identifier ce qui vous correspond vraiment.\u003c\/p\u003e\n\u003ch2\u003ePourquoi prendre un complément alimentaire ? Les vraies situations qui le justifient\u003c\/h2\u003e\n\u003cp\u003eOn ne va pas se mentir : l'alimentation moderne, même soignée, ne suffit plus toujours à couvrir tous nos besoins en micronutriments. Sols appauvris, aliments ultra-transformés, modes de vie stressants... le résultat, c'est que beaucoup d'entre nous présentent ce qu'on appelle des \u003cstrong\u003ecarences subcliniques\u003c\/strong\u003e - pas assez marquées pour déclencher une alarme médicale, mais suffisantes pour affecter l'énergie, la peau, le sommeil ou l'humeur.\u003c\/p\u003e\n\u003cp\u003eCertains profils sont particulièrement concernés : les femmes enceintes ou en période de ménopause, les sportifs réguliers, les seniors, les végétariens et végétaliens, les personnes sous stress chronique, et les enfants en pleine croissance. Mais même sans appartenir à ces catégories, une fatigue passagère, une immunité qui flanche à l'automne ou une digestion capricieuse peuvent légitimement justifier un soutien ciblé.\u003c\/p\u003e\n\u003cp\u003eIl y a quand même une distinction importante à faire : entre une \u003cstrong\u003ecarence avérée\u003c\/strong\u003e (diagnostiquée par bilan sanguin) et un \u003cstrong\u003ebesoin de soutien fonctionnel\u003c\/strong\u003e ponctuel. L'ANSES recommande d'ailleurs de cibler les carences réelles avant de se supplémenter - et pour les déficits importants, l'avis d'un médecin reste indispensable. Un complément ne remplace pas une alimentation équilibrée. Il la complète, comme son nom l'indique.\u003c\/p\u003e\n\u003ch2\u003ePar quel complément commencer ? Un guide rapide selon votre profil\u003c\/h2\u003e\n\u003cp\u003eC'est souvent là que le blocage arrive : trop de produits, trop d'actifs, et au final on ne sait plus par où commencer. Le tableau ci-dessous est fait pour vous orienter rapidement vers la bonne sous-catégorie selon votre profil et votre objectif principal. Chaque ligne correspond à une situation concrète - vous y trouverez les actifs clés à privilégier et la forme galénique la plus adaptée.\u003c\/p\u003e\n\u003cdiv style=\"overflow-x: auto; margin: 20px 0;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-family: inherit; min-width: 700px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"background-color: #f5f1ea;\"\u003e\n\u003cth style=\"padding: 12px 15px; text-align: left; border-bottom: 2px solid #d4c9b8; font-weight: 600;\"\u003eVotre profil \/ objectif\u003c\/th\u003e\n\u003cth style=\"padding: 12px 15px; text-align: left; border-bottom: 2px solid #d4c9b8; font-weight: 600;\"\u003eLes actifs clés\u003c\/th\u003e\n\u003cth style=\"padding: 12px 15px; text-align: left; border-bottom: 2px solid #d4c9b8; font-weight: 600;\"\u003eLes formes conseillées\u003c\/th\u003e\n\u003cth style=\"padding: 12px 15px; text-align: left; border-bottom: 2px solid #d4c9b8; font-weight: 600;\"\u003eNos catégories à explorer\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eFatigue, stress, manque d'énergie\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eMagnésium bisglycinate, vitamines B6\/B12, ashwagandha, lion's mane\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eGélules, poudre\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003e\n\u003ca href=\"\/collections\/complements-alimentaires-bien-etre\" rel=\"noopener\" target=\"_blank\"\u003eBien-être\u003c\/a\u003e · \u003ca href=\"\/collections\/champignons-adaptogenes\" rel=\"noopener\" target=\"_blank\"\u003eChampignons adaptogènes\u003c\/a\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #faf7f2;\"\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eBeauté, peau, cheveux, ongles\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eCollagène marin, biotine, zinc, acide hyaluronique\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eGélules, poudre à diluer\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003e\u003ca href=\"\/collections\/complement-alimentaire-beaute\" rel=\"noopener\" target=\"_blank\"\u003eBeauté naturelle\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eSport, performance, récupération\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eProtéines, BCAA, magnésium, collagène articulaire\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003ePoudre, gélules\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003e\n\u003ca href=\"\/collections\/complements-alimentaires-sportifs\" rel=\"noopener\" target=\"_blank\"\u003eSportifs\u003c\/a\u003e · \u003ca href=\"\/collections\/collagene\" rel=\"noopener\" target=\"_blank\"\u003eCollagène\u003c\/a\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #faf7f2;\"\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eImmunité, bien-être général\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eVitamine D3, zinc, probiotiques, champignons médicinaux\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eGélules, gouttes\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003e\n\u003ca href=\"\/collections\/complements-alimentaires-sante\" rel=\"noopener\" target=\"_blank\"\u003eSanté\u003c\/a\u003e · \u003ca href=\"\/collections\/vitamines\" rel=\"noopener\" target=\"_blank\"\u003eVitamines naturelles\u003c\/a\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eMinceur, digestion, transit\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eFibres, plantes drainantes, probiotiques, chrome\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eGélules, poudre\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003e\u003ca href=\"\/collections\/minceur\" rel=\"noopener\" target=\"_blank\"\u003eMinceur et digestion\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #faf7f2;\"\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eFemme (cycle, ménopause, fertilité)\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eFer, folates, phytoestrogènes, magnésium\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eGélules, comprimés\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003e\u003ca href=\"\/collections\/femmes\" rel=\"noopener\" target=\"_blank\"\u003eCompléments pour femme\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eHomme (vitalité, prostate)\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eZinc, sélénium, saw palmetto, vitamine D3\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003eGélules\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; border-bottom: 1px solid #eae4d8; vertical-align: top;\"\u003e\u003ca href=\"\/collections\/complements-alimentaires-homme\" rel=\"noopener\" target=\"_blank\"\u003eCompléments pour homme\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #faf7f2;\"\u003e\n\u003ctd style=\"padding: 12px 15px; vertical-align: top;\"\u003eEnfant (croissance, immunité)\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; vertical-align: top;\"\u003eVitamine D3, oméga-3, fer selon l'âge\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; vertical-align: top;\"\u003eGouttes, gummies, poudre\u003c\/td\u003e\n\u003ctd style=\"padding: 12px 15px; vertical-align: top;\"\u003e\u003ca href=\"\/collections\/complement-alimentaire-enfant\" rel=\"noopener\" target=\"_blank\"\u003eCompléments pour enfant\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003eD'ailleurs, si vous hésitez entre fatigue physique et fatigue mentale, c'est souvent là que les \u003ca href=\"\/collections\/champignons-adaptogenes\" rel=\"noopener\" target=\"_blank\"\u003echampignons adaptogènes\u003c\/a\u003e font toute la différence. Le \u003ca href=\"\/products\/lions-mane-56-gelules-french-mush\" rel=\"noopener\" target=\"_blank\"\u003eLion's Mane de French Mush\u003c\/a\u003e, par exemple, est particulièrement apprécié pour son action sur la concentration et la clarté mentale - avec de vraies études cliniques derrière, pas juste du marketing.\u003c\/p\u003e\n\u003cp\u003ePour les profils qui cherchent un soutien digestif au quotidien, le \u003ca href=\"\/products\/digilance-prenez-soin-de-vos-intestins-pot-de-200-g-jade-recherche\" rel=\"noopener\" target=\"_blank\"\u003eDigilance de Jade Recherche\u003c\/a\u003e illustre bien l'approche que l'on privilégie ici : des formules pensées par des professionnels, avec une vraie traçabilité sur les matières premières.\u003c\/p\u003e\n\u003ch2\u003eComment reconnaître un complément alimentaire de qualité ?\u003c\/h2\u003e\n\u003cp\u003eC'est la question que tout le monde devrait se poser avant d'acheter, et pourtant... La première chose à regarder, c'est la \u003cstrong\u003eforme galénique\u003c\/strong\u003e. Pas parce que c'est un détail technique, mais parce que ça change tout à l'efficacité réelle. Un magnésium oxyde, par exemple, sera très peu absorbé par l'organisme - et souvent responsable de troubles digestifs. Le \u003cstrong\u003emagnésium bisglycinate\u003c\/strong\u003e, lui, présente une biodisponibilité nettement supérieure. Même logique pour la vitamine D : préférez toujours la \u003cstrong\u003eD3\u003c\/strong\u003e à la D2, bien mieux assimilée.\u003c\/p\u003e\n\u003cp\u003eEnsuite, regardez les \u003cstrong\u003edosages\u003c\/strong\u003e. Un produit peut afficher un actif en grand sur l'étiquette et n'en contenir qu'une dose symbolique, bien en dessous des VNR (valeurs nutritionnelles de référence). Comparez, lisez les étiquettes, et méfiez-vous des formules qui multiplient les ingrédients sans en doser aucun correctement.\u003c\/p\u003e\n\u003cp\u003eBon à savoir : certaines \u003cstrong\u003eformes brevetées\u003c\/strong\u003e sont de vrais indicateurs de sérieux. Le KSM-66 pour l'ashwagandha, le Peptan pour le collagène ou l'Aquamin pour les minéraux marins sont des exemples de matières premières ayant fait l'objet d'études cliniques sérieuses. Leur présence sur une étiquette est rarement anodine.\u003c\/p\u003e\n\u003cp\u003eEnfin, vérifiez l'\u003cstrong\u003eorigine des matières premières\u003c\/strong\u003e, la certification bio si elle est revendiquée, et l'absence d'additifs controversés comme le dioxyde de titane. En France, les compléments alimentaires doivent être notifiés auprès de la DGCCRF avant mise sur le marché - c'est un minimum réglementaire que toute marque sérieuse respecte.\u003c\/p\u003e\n\u003ch2\u003eDurée de cure, posologie et précautions : ce qu'il faut savoir avant de commencer\u003c\/h2\u003e\n\u003cp\u003eLa question revient souvent : « Combien de temps dois-je le prendre avant de voir quelque chose ? » La réponse honnête, c'est que la plupart des actifs demandent de la \u003cstrong\u003epatience\u003c\/strong\u003e. Comptez en général \u003cstrong\u003e4 à 8 semaines\u003c\/strong\u003e pour percevoir les premiers effets, et une cure complète de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e selon l'objectif. Un boost immunitaire saisonnier peut se faire sur un mois ; le collagène, lui, nécessite plutôt 8 à 12 semaines pour que les effets soient vraiment visibles sur la peau ou les articulations.\u003c\/p\u003e\n\u003cp\u003eSur la posologie : respectez les doses journalières recommandées indiquées sur chaque produit, et évitez de cumuler plusieurs compléments contenant les mêmes actifs sans vous en rendre compte. Certaines associations sont bénéfiques - vitamine D3 et K2 fonctionnent très bien ensemble, tout comme le zinc et la vitamine C. D'autres peuvent se concurrencer, comme le calcium et le fer pris en même temps.\u003c\/p\u003e\n\u003cp\u003eQuelques précautions importantes à garder en tête :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003eEn cas de grossesse ou d'allaitement, un avis médical est obligatoire avant toute supplémentation.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eCertaines interactions médicamenteuses existent : la vitamine K peut interférer avec les anticoagulants, l'iode avec les traitements thyroïdiens.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003eEn cas de pathologie chronique ou de traitement en cours, consultez votre médecin ou votre pharmacien avant de commencer.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eCe n'est pas de la prudence excessive - c'est juste du bon sens. Un complément bien choisi et bien utilisé peut faire une vraie différence. Mal utilisé, il peut au mieux ne rien faire, au pire créer des déséquilibres.\u003c\/p\u003e\n\u003ch2\u003eQuestions fréquentes sur les compléments alimentaires\u003c\/h2\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuels sont les meilleurs compléments alimentaires à prendre ?\u003c\/summary\u003e\n\u003cp\u003eTout dépend de votre profil et de votre objectif - c'est vraiment la réponse la plus honnête qu'on puisse vous donner. Cela dit, quelques actifs se distinguent par leur pertinence quasi universelle : la \u003cstrong\u003evitamine D3\u003c\/strong\u003e (la carence touche une très large partie de la population française, surtout en hiver), le \u003cstrong\u003emagnésium\u003c\/strong\u003e (déficit courant lié au stress et à l'alimentation moderne), et les \u003cstrong\u003eoméga-3\u003c\/strong\u003e (souvent insuffisants dans nos assiettes). Pour aller plus loin selon vos besoins spécifiques, le tableau de cette page vous orientera vers la bonne catégorie.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur complément alimentaire contre la fatigue ?\u003c\/summary\u003e\n\u003cp\u003eLa réponse dépend de la cause de votre fatigue - et c'est justement la première question à se poser. Si elle est liée au stress ou à un manque de récupération, le \u003cstrong\u003emagnésium bisglycinate\u003c\/strong\u003e et les \u003cstrong\u003evitamines B6 et B12\u003c\/strong\u003e sont souvent les premiers actifs à envisager. En hiver, une carence en \u003cstrong\u003evitamine D3\u003c\/strong\u003e peut aussi expliquer un coup de mou persistant. Pour la fatigue mentale - surmenage, brouillard cognitif - les adaptogènes comme l'\u003cstrong\u003eashwagandha (KSM-66)\u003c\/strong\u003e ou le \u003cstrong\u003elion's mane\u003c\/strong\u003e donnent de bons résultats, avec des études sérieuses à l'appui. L'idéal reste un bilan sanguin pour identifier la vraie cause avant de choisir.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur complément alimentaire pour le moral ?\u003c\/summary\u003e\n\u003cp\u003eLe \u003cstrong\u003esafran\u003c\/strong\u003e est probablement l'actif le plus documenté sur ce sujet - plusieurs études cliniques montrent un effet positif sur l'humeur, comparable à certains traitements de référence pour les formes légères. Le \u003cstrong\u003emagnésium\u003c\/strong\u003e et la \u003cstrong\u003evitamine D3\u003c\/strong\u003e jouent aussi un rôle important, notamment en cas de déprime saisonnière. Et puis il y a l'axe intestin-cerveau, souvent sous-estimé : un microbiote déséquilibré peut directement affecter l'humeur, ce qui explique l'intérêt des \u003cstrong\u003eprobiotiques\u003c\/strong\u003e dans ce contexte. Si le moral est durablement affecté, une consultation médicale reste la priorité - les compléments ne remplacent pas un accompagnement professionnel.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelles sont les marques de compléments alimentaires les plus fiables ?\u003c\/summary\u003e\n\u003cp\u003eLa fiabilité d'une marque se mesure à quelques critères concrets : fabrication française ou européenne, transparence sur les dosages et les formes galéniques utilisées, certification bio vérifiable, et notification auprès des autorités sanitaires françaises (DGCCRF). Parmi les marques présentes sur ce site, \u003cstrong\u003eJade Recherche\u003c\/strong\u003e, \u003cstrong\u003eFrench Mush\u003c\/strong\u003e, \u003cstrong\u003eHumble+\u003c\/strong\u003e, \u003cstrong\u003eInolab\u003c\/strong\u003e et \u003cstrong\u003eAyurvana\u003c\/strong\u003e correspondent à ces critères - chacune avec son positionnement, mais toutes avec une vraie traçabilité et des formules pensées sérieusement. Ce sont des repères utiles, pas une liste exhaustive.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de temps faut-il prendre un complément alimentaire pour voir des résultats ?\u003c\/summary\u003e\n\u003cp\u003eEn règle générale, comptez \u003cstrong\u003e4 à 8 semaines\u003c\/strong\u003e pour les premiers effets perceptibles, et \u003cstrong\u003e3 mois\u003c\/strong\u003e pour une cure complète. Quelques nuances selon les actifs : le collagène montre ses effets sur la peau et les articulations plutôt après \u003cstrong\u003e8 à 12 semaines\u003c\/strong\u003e de prise régulière ; la vitamine D, elle, se mesure sur un dosage sanguin après \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e ; les probiotiques peuvent agir plus vite, parfois en \u003cstrong\u003e2 à 4 semaines\u003c\/strong\u003e sur le confort digestif. La régularité de la prise est vraiment la clé - un complément pris en pointillé ne donnera jamais les résultats attendus.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on prendre plusieurs compléments alimentaires en même temps ?\u003c\/summary\u003e\n\u003cp\u003eOui, avec quelques précautions. Certaines associations sont même recommandées : la \u003cstrong\u003evitamine D3 avec la K2\u003c\/strong\u003e (pour l'orientation du calcium), le \u003cstrong\u003ezinc avec la vitamine C\u003c\/strong\u003e, ou le \u003cstrong\u003emagnésium avec la B6\u003c\/strong\u003e (qui améliore son absorption cellulaire). D'autres peuvent se concurrencer : le calcium et le fer, par exemple, s'inhibent mutuellement s'ils sont pris en même temps - mieux vaut les espacer. En pratique, évitez de cumuler plus de 2 à 3 compléments sans avis professionnel, et vérifiez toujours que vous ne doublez pas les doses d'un même actif via plusieurs produits.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"probiotic-10-sachets-quinton","title":"Probiotic Digest Quinton - 10 Sachets","description":"\u003cdiv class=\"qprob-premium\"\u003e\n\u003cdiv class=\"qprob-hero\"\u003e\n\u003cdiv class=\"qprob-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qprob-hero-content\"\u003e\n\u003cdiv class=\"qprob-badges-top\"\u003e\n\u003cspan class=\"qprob-badge\"\u003e🌊 Plasma marin isotonique\u003c\/span\u003e \u003cspan class=\"qprob-badge\"\u003e🦠 Ferments vivants\u003c\/span\u003e \u003cspan class=\"qprob-badge\"\u003e🦴 Source de calcium\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qprob-hero-title\"\u003eProbiotic Quinton\u003c\/span\u003e\n\u003cp class=\"qprob-subtitle\"\u003e10 sachets — Flore intestinale \u0026amp; équilibre digestif\u003c\/p\u003e\n\u003cp class=\"qprob-description\"\u003eUne alliance inédite entre l'eau de mer microfiltrée, des ferments lactiques sélectionnés et du calcium, pour soutenir votre flore intestinale au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"qprob-section\"\u003e\n\u003ch2\u003ePourquoi choisir ces probiotiques Quinton ?\u003c\/h2\u003e\n\u003cp class=\"qprob-section-intro\"\u003eNotre système digestif héberge des milliards de micro-organismes qui participent à l'équilibre global de l'organisme. Stress, alimentation déséquilibrée, antibiothérapie, voyages… autant de facteurs qui peuvent perturber cet écosystème fragile. Ballonnements, transit irrégulier, fatigue : un probiotique de qualité contribue à restaurer l'équilibre.\u003c\/p\u003e\n\u003cdiv class=\"qprob-grid\"\u003e\n\u003cdiv class=\"qprob-card\"\u003e\n\u003ch3\u003e🌱 Équilibre de la flore\u003c\/h3\u003e\n\u003cp\u003eFerments vivants sélectionnés pour contribuer à l'équilibre de la flore intestinale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-card\"\u003e\n\u003ch3\u003e🌊 Richesse marine\u003c\/h3\u003e\n\u003cp\u003eMinéraux et oligo-éléments naturellement présents dans l'eau de mer isotonique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-card\"\u003e\n\u003ch3\u003e🦴 Source de calcium\u003c\/h3\u003e\n\u003cp\u003eLe calcium participe au fonctionnement normal des enzymes digestives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-card\"\u003e\n\u003ch3\u003e🎒 Format nomade\u003c\/h3\u003e\n\u003cp\u003eSachets individuels prêts à l'emploi, pratiques à emporter partout avec vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"qprob-section\"\u003e\n\u003ch2\u003eComposition détaillée d'un sachet (10 ml)\u003c\/h2\u003e\n\u003cdiv class=\"qprob-grid\"\u003e\n\u003cdiv class=\"qprob-card\"\u003e\n\u003ch3\u003e💧 Eau de mer microfiltrée à froid\u003c\/h3\u003e\n\u003cp\u003eSolution isotonique d'origine marine pure, prélevée au cœur des vortex océaniques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-card\"\u003e\n\u003ch3\u003e🦠 Ferments lactiques vivants\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eLactobacillus acidophilus\u003c\/em\u003e, \u003cem\u003eLactobacillus rhamnosus\u003c\/em\u003e et \u003cem\u003eBifidobacterium lactis\u003c\/em\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-card\"\u003e\n\u003ch3\u003e🦴 Calcium citrate — 120 mg\u003c\/h3\u003e\n\u003cp\u003eSoit 15 % des Valeurs Nutritionnelles de Référence par sachet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-card\"\u003e\n\u003ch3\u003e🌾 Inuline prébiotique\u003c\/h3\u003e\n\u003cp\u003eFibres favorisant le développement naturel des bonnes bactéries intestinales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-tip\"\u003e\n\u003cspan class=\"qprob-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans OGM, sans arômes artificiels ni conservateurs de synthèse.\u003c\/strong\u003e Convient aux adultes et adolescents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"qprob-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"qprob-timeline\"\u003e\n\u003cdiv class=\"qprob-timeline-item\"\u003e\n\u003cdiv class=\"qprob-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qprob-timeline-content\"\u003e\n\u003ch3\u003e1 sachet par jour\u003c\/h3\u003e\n\u003cp\u003eDe préférence le matin à jeun, pendant une cure de 10 jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-timeline-item\"\u003e\n\u003cdiv class=\"qprob-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qprob-timeline-content\"\u003e\n\u003ch3\u003eAgiter puis ouvrir\u003c\/h3\u003e\n\u003cp\u003eVersez le contenu directement en bouche ou dans un peu d'eau à température ambiante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-timeline-item\"\u003e\n\u003cdiv class=\"qprob-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qprob-timeline-content\"\u003e\n\u003ch3\u003eÉviter l'eau chaude\u003c\/h3\u003e\n\u003cp\u003eLa chaleur détruirait les ferments lactiques vivants : privilégiez une boisson tiède ou froide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-timeline-item\"\u003e\n\u003cdiv class=\"qprob-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"qprob-timeline-content\"\u003e\n\u003ch3\u003eEn cas d'antibiotiques\u003c\/h3\u003e\n\u003cp\u003eEspacez la prise d'au moins 2 heures pour préserver l'efficacité du probiotique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qprob-tip\"\u003e\n\u003cspan class=\"qprob-tip-icon\"\u003e🔄\u003c\/span\u003e\n\u003cp\u003eUne cure peut être renouvelée plusieurs fois dans l'année, notamment au changement de saison, après des excès alimentaires ou à la suite d'un épisode digestif passager.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"qprob-section\"\u003e\n\u003ch2\u003eVos interrogations sur les probiotiques\u003c\/h2\u003e\n\u003cdiv class=\"qprob-accordion\"\u003e\n\u003cdetails class=\"qprob-accordion-item\"\u003e\n\u003csummary class=\"qprob-accordion-header\"\u003e🤔 Quelle différence entre flore intestinale et flore intime ?\u003c\/summary\u003e\n\u003cdiv class=\"qprob-accordion-content mt-3\"\u003e\n\u003cp\u003eLes souches et dosages diffèrent selon la zone ciblée. Le Probiotic Quinton est formulé spécifiquement pour soutenir la \u003cstrong\u003eflore intestinale\u003c\/strong\u003e. Pour un probiotique dédié à la \u003cstrong\u003eflore intime\u003c\/strong\u003e, orientez-vous vers une formule contenant des souches vaginales spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qprob-accordion-item\"\u003e\n\u003csummary class=\"qprob-accordion-header\"\u003e⏰ Quand prendre son probiotique ?\u003c\/summary\u003e\n\u003cdiv class=\"qprob-accordion-content mt-3\"\u003e\n\u003cp\u003eLe matin à jeun est idéal : l'estomac étant vide, les ferments atteignent plus facilement l'intestin où ils exercent leur action.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qprob-accordion-item\"\u003e\n\u003csummary class=\"qprob-accordion-header\"\u003e💊 Peut-on l'associer à un traitement antibiotique ?\u003c\/summary\u003e\n\u003cdiv class=\"qprob-accordion-content mt-3\"\u003e\n\u003cp\u003eOui, c'est même recommandé pendant et après le traitement, en respectant un intervalle de 2 heures entre les prises pour préserver l'efficacité des ferments lactiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"qprob-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eOrigine et qualité Quinton\u003c\/h2\u003e\n\u003cdiv class=\"qprob-cta-box\"\u003e\n\u003cp\u003eFabriqué en Espagne par les Laboratoires Quinton, pionniers depuis plus d'un siècle dans l'exploitation de l'eau de mer à visée nutritionnelle. L'eau est prélevée au cœur de vortex océaniques, puis microfiltrée à froid afin de préserver l'intégralité de ses qualités biologiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"qprob-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Demandez l'avis de votre médecin ou pharmacien en cas de grossesse, d'allaitement ou de pathologie chronique. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --qprob-cream: #f4fafb;\n --qprob-white: #ffffff;\n --qprob-primary: #2aa5c7;\n --qprob-primary-dark: #0f6d8c;\n --qprob-primary-light: #e4f4f8;\n --qprob-secondary: #8dc63f;\n --qprob-accent: #5fb8d4;\n --qprob-text: #1a2a33;\n --qprob-text-light: #5a6a72;\n --qprob-border: #d8e8ec;\n --qprob-shadow: 0 4px 24px rgba(15, 109, 140, .08);\n --qprob-shadow-lg: 0 12px 48px rgba(15, 109, 140, .18);\n --qprob-radius: 20px;\n --qprob-radius-sm: 12px;\n}\n\n.qprob-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qprob-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--qprob-text);\n}\n\n.qprob-hero {\n position: relative;\n background: linear-gradient(135deg, #2aa5c7 0%, #5fb8d4 50%, #8dc63f 100%);\n border-radius: var(--qprob-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(--qprob-shadow-lg);\n}\n\n.qprob-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .12;\n background-image: radial-gradient(circle at 20% 30%, #ffffff 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, #ffffff 1.5px, transparent 2.5px),\n radial-gradient(circle at 40% 80%, #ffffff 2px, transparent 3px);\n background-size: 80px 80px, 60px 60px, 100px 100px;\n}\n\n.qprob-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qprob-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.qprob-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.qprob-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.qprob-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qprob-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(--qprob-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qprob-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qprob-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qprob-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qprob-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.qprob-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(--qprob-primary), var(--qprob-secondary));\n border-radius: 2px;\n}\n\n.qprob-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qprob-text-light);\n line-height: 1.7;\n margin: 0 auto 1.75rem;\n max-width: 720px;\n}\n\n.qprob-card {\n background: var(--qprob-white);\n border-radius: var(--qprob-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qprob-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qprob-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qprob-shadow-lg);\n border-color: var(--qprob-primary);\n}\n\n.qprob-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qprob-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qprob-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qprob-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qprob-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.qprob-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.qprob-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qprob-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qprob-primary), var(--qprob-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(42, 165, 199, .3);\n}\n\n.qprob-timeline-content {\n flex: 1;\n background: var(--qprob-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qprob-radius-sm);\n box-shadow: var(--qprob-shadow);\n}\n\n.qprob-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qprob-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qprob-timeline-content p {\n font-size: 14px;\n color: var(--qprob-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qprob-accordion {\n background: var(--qprob-white);\n border-radius: var(--qprob-radius);\n box-shadow: var(--qprob-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.qprob-accordion-item {\n border-bottom: 1px solid var(--qprob-border);\n margin: 0;\n padding: 0;\n}\n\n.qprob-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qprob-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qprob-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.qprob-accordion-header:hover {\n background: var(--qprob-primary-light);\n}\n\n.qprob-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qprob-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--qprob-primary);\n transition: transform .2s ease;\n}\n\n.qprob-accordion-item[open] .qprob-accordion-header::after {\n content: '−';\n}\n\n.qprob-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qprob-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qprob-accordion-content p {\n margin: 0;\n}\n\n.qprob-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qprob-primary-light);\n border-radius: var(--qprob-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--qprob-secondary);\n}\n\n.qprob-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qprob-tip p {\n font-size: 14px;\n color: var(--qprob-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qprob-cta-box {\n background: linear-gradient(135deg, var(--qprob-primary) 0%, var(--qprob-primary-dark) 100%);\n border-radius: var(--qprob-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--qprob-shadow-lg);\n}\n\n.qprob-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.qprob-disclaimer {\n font-size: 12px;\n color: var(--qprob-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n line-height: 1.6;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (max-width: 767px) {\n .qprob-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qprob-card {\n padding: 1.125rem;\n }\n .qprob-section {\n margin-bottom: 1.75rem;\n }\n .qprob-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qprob-radius-sm);\n }\n .qprob-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qprob-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qprob-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qprob-timeline-content {\n padding: .875rem 1rem;\n }\n .qprob-timeline-content h3 {\n font-size: 14px;\n }\n .qprob-timeline-content p {\n font-size: 13px;\n }\n .qprob-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qprob-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .qprob-card {\n animation: qprobFadeInUp .5s ease backwards;\n }\n .qprob-card:nth-child(1) { animation-delay: .05s; }\n .qprob-card:nth-child(2) { animation-delay: .1s; }\n .qprob-card:nth-child(3) { animation-delay: .15s; }\n .qprob-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes qprobFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qprob-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754679001245,"sku":"QU0025","price":29.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/probiotic-10-sachets-quinton-packshothd_e5fdec2e-8e89-4cb9-bd7f-6adbb1c44320.webp?v=1788450389"},{"product_id":"hypertonic-buvable-30-ampoules-de-10-ml-quinton","title":"Hypertonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Hypertonic Buvable - 30 Ampoules de 10 ml - Quinton\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du packaging)\n - Secondaire: #4a90c2 (bleu océan clair des motifs)\n - Accent: #c9a227 (doré des ampoules)\n - Light: #e8f4fc (bleu très clair pour backgrounds)\nAmbiance: Marine\/océanique, scientifique, premium, naturel, confiance médicale\nPréfixe CSS: qh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Qu'est-ce que le Quinton Hypertonic ?\"\n 2. \"Les bienfaits de l'eau de mer Quinton Hypertonic\"\n 3. \"Quelle différence entre Quinton isotonique et hypertonique ?\"\n 4. \"Composition détaillée\"\n 5. \"Comment prendre le Quinton Hypertonic ?\"\n 6. \"Un procédé de fabrication rigoureux\"\n 7. \"Pour qui est recommandé le Quinton Hypertonic ?\"\n 8. \"Précautions d'emploi\"\n 9. \"Pourquoi choisir le Quinton Hypertonic ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"qh-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"qh-hero\"\u003e\n \u003cdiv class=\"qh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qh-hero-content\"\u003e\n \u003cdiv class=\"qh-badges-top\"\u003e\n \u003cspan class=\"qh-badge\"\u003e🌊 78 minéraux marins\u003c\/span\u003e\n \u003cspan class=\"qh-badge\"\u003e💎 100 % eau de mer pure\u003c\/span\u003e\n \u003cspan class=\"qh-badge\"\u003e🔬 Depuis 1897\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qh-hero-title\"\u003eQuinton Hypertonic\u003c\/span\u003e\n \u003cp class=\"qh-subtitle\"\u003e30 ampoules buvables de 10 ml\u003c\/p\u003e\n \u003cp class=\"qh-description\"\u003eUn concentré de vie marine pour revitaliser votre organisme et combler vos besoins en minéraux. Plus d'un siècle d'expertise au service de votre vitalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eQu'est-ce que le Quinton Hypertonic ?\u003c\/h2\u003e\n \u003cdiv class=\"qh-intro-card\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eQuinton Hypertonic\u003c\/strong\u003e est une \u003cstrong\u003eeau de mer hypertonique\u003c\/strong\u003e buvable, prélevée au large des côtes dans des zones marines exceptionnellement riches en phytoplancton. Contrairement à l'eau de mer classique, cette solution conserve l'intégralité de ses \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e grâce à un procédé de microfiltration à froid qui préserve toutes ses propriétés naturelles.\u003c\/p\u003e\n \u003cp\u003eCe complément s'inscrit dans la lignée des travaux du biologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, qui a démontré dès le début du XXe siècle la remarquable similitude entre l'eau de mer et notre milieu intérieur. La formule hypertonique présente une concentration en minéraux supérieure à celle du plasma sanguin, ce qui en fait un allié de choix pour les personnes ayant des besoins accrus en reminéralisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'eau de mer Quinton Hypertonic\u003c\/h2\u003e\n \u003cp class=\"qh-section-intro\"\u003eL'eau de mer de Quinton en version hypertonique offre une synergie unique de minéraux biodisponibles :\u003c\/p\u003e\n \u003cdiv class=\"qh-grid\"\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e💧 Reminéralisation profonde\u003c\/h3\u003e\n \u003cp\u003eApport concentré en magnésium, calcium, potassium, zinc et plus de 70 autres éléments traces\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n \u003cp\u003eIdéal en période de fatigue, de stress ou de convalescence pour retrouver votre énergie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🏃 Récupération sportive\u003c\/h3\u003e\n \u003cp\u003eAide à compenser les pertes minérales après un effort physique intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n \u003cp\u003eContribue à maintenir un pH corporel optimal pour un fonctionnement harmonieux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🔋 Stimulation naturelle\u003c\/h3\u003e\n \u003cp\u003eEffet tonifiant grâce à sa concentration hypertonique supérieure au plasma sanguin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans conservateur, sans gluten — l'eau de mer est le seul ingrédient\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eQuelle différence entre Quinton isotonique et hypertonique ?\u003c\/h2\u003e\n \u003cp class=\"qh-section-intro\"\u003eCette question revient souvent, et elle mérite une réponse claire :\u003c\/p\u003e\n \u003cdiv class=\"qh-comparison\"\u003e\n \u003cdiv class=\"qh-comparison-card qh-isotonic\"\u003e\n \u003cdiv class=\"qh-comparison-header\"\u003e\n \u003cspan class=\"qh-comparison-icon\"\u003e🌊\u003c\/span\u003e\n \u003ch3\u003eQuinton Isotonique\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eEau de mer \u003cstrong\u003ediluée\u003c\/strong\u003e avec de l'eau de source\u003c\/li\u003e\n \u003cli\u003eConcentration similaire à notre milieu intérieur\u003c\/li\u003e\n \u003cli\u003eConvient aux \u003cstrong\u003ecures douces\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eIdéal pour l'hydratation cellulaire\u003c\/li\u003e\n \u003cli\u003eRecommandé aux personnes sensibles\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"qh-comparison-tag\"\u003eCure de fond\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-comparison-card qh-hypertonic\"\u003e\n \u003cdiv class=\"qh-comparison-header\"\u003e\n \u003cspan class=\"qh-comparison-icon\"\u003e⚡\u003c\/span\u003e\n \u003ch3\u003eQuinton Hypertonic\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul\u003e\n \u003cli\u003eEau de mer \u003cstrong\u003epure, non diluée\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eConcentration en minéraux plus élevée\u003c\/li\u003e\n \u003cli\u003eEffet \u003cstrong\u003edynamisant\u003c\/strong\u003e rapide\u003c\/li\u003e\n \u003cli\u003eIdéal en période de fatigue marquée\u003c\/li\u003e\n \u003cli\u003eRecommandé pour les sportifs\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"qh-comparison-tag qh-tag-highlight\"\u003eCoup de boost\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-tip\"\u003e\n \u003cspan class=\"qh-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous hésitez entre les deux, l'Hypertonic sera votre allié pour un \u003cstrong\u003ecoup de boost rapide\u003c\/strong\u003e, tandis que l'Isotonique s'intégrera mieux dans une cure de fond sur plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"qh-composition\"\u003e\n \u003cdiv class=\"qh-composition-main\"\u003e\n \u003cdiv class=\"qh-composition-badge\"\u003e100 %\u003c\/div\u003e\n \u003cdiv class=\"qh-composition-text\"\u003e\n \u003ch3\u003eEau de mer naturelle hypertonique\u003c\/h3\u003e\n \u003cp\u003e10 ml par ampoule — ingrédient unique, pureté absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-minerals-grid\"\u003e\n \u003cdiv class=\"qh-mineral\"\u003e\n \u003cspan class=\"qh-mineral-value\"\u003e~110 mg\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-name\"\u003eMagnésium\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-mineral\"\u003e\n \u003cspan class=\"qh-mineral-value\"\u003e~40 mg\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-name\"\u003eCalcium\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-mineral\"\u003e\n \u003cspan class=\"qh-mineral-value\"\u003e~38 mg\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-name\"\u003ePotassium\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-unit\"\u003epour 100 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-mineral\"\u003e\n \u003cspan class=\"qh-mineral-value\"\u003e+70\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-name\"\u003eOligo-éléments\u003c\/span\u003e\n \u003cspan class=\"qh-mineral-unit\"\u003eà l'état de traces\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"qh-composition-note\"\u003eSoufre, silicium, zinc, iode, sélénium et plus de 70 autres éléments présents naturellement. \u003cstrong\u003eSans additif, sans conservateur, sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eComment prendre le Quinton Hypertonic ?\u003c\/h2\u003e\n \u003cdiv class=\"qh-timeline\"\u003e\n \u003cdiv class=\"qh-timeline-item\"\u003e\n \u003cdiv class=\"qh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-content\"\u003e\n \u003ch3\u003ePosologie conseillée\u003c\/h3\u003e\n \u003cp\u003e1 à 2 ampoules par jour, de préférence le matin à jeun pour une absorption optimale. Cure de 15 à 30 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-item\"\u003e\n \u003cdiv class=\"qh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-content\"\u003e\n \u003ch3\u003eOuvrir l'ampoule\u003c\/h3\u003e\n \u003cp\u003eCassez délicatement les deux extrémités de l'ampoule en verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-item\"\u003e\n \u003cdiv class=\"qh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-content\"\u003e\n \u003ch3\u003eAbsorption sublinguale (recommandée)\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu directement sous la langue pour une absorption sublinguale — c'est la méthode la plus efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-item\"\u003e\n \u003cdiv class=\"qh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"qh-timeline-content\"\u003e\n \u003ch3\u003eAlternative\u003c\/h3\u003e\n \u003cp\u003eVous pouvez également diluer l'ampoule dans un demi-verre d'eau si le goût salé vous incommode.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-tip\"\u003e\n \u003cspan class=\"qh-tip-icon\"\u003e🏃\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce sportifs :\u003c\/strong\u003e Prenez une ampoule 30 minutes avant l'effort et une autre après pour optimiser la récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003eUn procédé de fabrication rigoureux\u003c\/h2\u003e\n \u003cp class=\"qh-section-intro\"\u003eLa qualité de l'eau de mer Quinton repose sur un protocole de fabrication unique :\u003c\/p\u003e\n \u003cdiv class=\"qh-grid\"\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🌊 Prélèvement sélectif\u003c\/h3\u003e\n \u003cp\u003eL'eau est captée à plus de 30 mètres de profondeur, dans des zones océaniques préservées riches en vortex planctoniques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n \u003cp\u003eCe procédé breveté préserve l'intégralité des minéraux et oligo-éléments sans altération thermique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🔬 Contrôles qualité stricts\u003c\/h3\u003e\n \u003cp\u003eAnalyses bactériologiques et physico-chimiques à chaque lot pour garantir la sécurité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🏭 Fabrication en Espagne\u003c\/h3\u003e\n \u003cp\u003eDans les Laboratoires Quinton, certifiés selon les normes pharmaceutiques les plus exigeantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-highlight-box\"\u003e\n \u003cp\u003eCe savoir-faire garantit une \u003cstrong\u003ebiodisponibilité exceptionnelle\u003c\/strong\u003e : votre organisme assimile les minéraux marins bien plus facilement que les compléments de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003ePour qui est recommandé le Quinton Hypertonic ?\u003c\/h2\u003e\n \u003cdiv class=\"qh-grid-compact\"\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e😴 Personnes fatiguées\u003c\/h3\u003e\n \u003cp\u003eEn période de surmenage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n \u003cp\u003eRécupération et performances\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🏥 Convalescents\u003c\/h3\u003e\n \u003cp\u003eAprès maladie ou intervention\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🍽️ Adultes carencés\u003c\/h3\u003e\n \u003cp\u003eAlimentation déséquilibrée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e😰 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eBesoins en magnésium accrus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes et adolescents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"qh-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"qh-accordion\"\u003e\n \u003cdetails class=\"qh-accordion-item\"\u003e\n \u003csummary class=\"qh-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"qh-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes suivant un régime sans sel strict ou souffrant d'hypertension non contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qh-accordion-item\"\u003e\n \u003csummary class=\"qh-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"qh-accordion-content\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qh-accordion-item\"\u003e\n \u003csummary class=\"qh-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"qh-accordion-content\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ce complément alimentaire ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qh-accordion-item\"\u003e\n \u003csummary class=\"qh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"qh-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"qh-disclaimer\"\u003eEn cas de doute sur votre état de santé, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 9 --\u003e\n \u003csection class=\"qh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Quinton Hypertonic ?\u003c\/h2\u003e\n \u003cdiv class=\"qh-grid-compact\"\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🌊 78 minéraux\u003c\/h3\u003e\n \u003cp\u003eNaturellement assimilables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e💎 100 % pure\u003c\/h3\u003e\n \u003cp\u003eSans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e📜 Depuis 1897\u003c\/h3\u003e\n \u003cp\u003ePlus d'un siècle d'expertise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n \u003cp\u003eAmpoules faciles à emporter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité totale\u003c\/h3\u003e\n \u003cp\u003eDu prélèvement à l'ampoule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-card\"\u003e\n \u003ch3\u003e🇪🇸 Made in Spain\u003c\/h3\u003e\n \u003cp\u003eNormes pharmaceutiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qh-cta-box\"\u003e\n \u003cp\u003eOffrez à votre corps ce dont il a besoin avec l'\u003cstrong\u003eHypertonic Buvable Quinton\u003c\/strong\u003e : une reminéralisation profonde puisée directement à la source de la vie marine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qh-cream: #f8fbfd;\n --qh-white: #ffffff;\n --qh-primary: #1e3a5f;\n --qh-primary-dark: #0f2540;\n --qh-primary-light: #e8f4fc;\n --qh-secondary: #4a90c2;\n --qh-accent: #c9a227;\n --qh-text: #1a1a1a;\n --qh-text-light: #5a6a7a;\n --qh-border: #d4e5f2;\n --qh-shadow: 0 4px 24px rgba(30,58,95,.08);\n --qh-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --qh-radius: 20px;\n --qh-radius-sm: 12px;\n}\n\n.qh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--qh-primary) 0%, var(--qh-secondary) 50%, #2d5a87 100%);\n border-radius: var(--qh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--qh-shadow-lg);\n}\n\n.qh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5C20 15 10 15 5 30c5 15 15 15 25 25 10-10 20-10 25-25-5-15-15-15-25-25z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.qh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--qh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qh-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.qh-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.qh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.qh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.qh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--qh-primary), var(--qh-secondary));\n border-radius: 2px;\n}\n\n.qh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qh-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.qh-intro-card {\n background: var(--qh-white);\n border-radius: var(--qh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qh-shadow);\n border-left: 4px solid var(--qh-secondary);\n}\n\n.qh-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--qh-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.qh-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === GRID === *\/\n.qh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRID COMPACT === *\/\n.qh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qh-grid-compact .qh-card {\n padding: 1rem;\n}\n\n.qh-grid-compact .qh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qh-grid-compact .qh-card p {\n font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.qh-card {\n background: var(--qh-white);\n border-radius: var(--qh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qh-shadow-lg);\n border-color: var(--qh-secondary);\n}\n\n.qh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.qh-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.qh-comparison-card {\n background: var(--qh-white);\n border-radius: var(--qh-radius);\n padding: 1.5rem;\n box-shadow: var(--qh-shadow);\n position: relative;\n overflow: hidden;\n}\n\n.qh-comparison-card.qh-hypertonic {\n border: 2px solid var(--qh-accent);\n}\n\n.qh-comparison-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.qh-comparison-icon {\n font-size: 28px;\n}\n\n.qh-comparison-header h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--qh-primary-dark);\n margin: 0;\n}\n\n.qh-comparison-card ul {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.qh-comparison-card li {\n font-size: 14px;\n color: var(--qh-text);\n padding: .5rem 0;\n border-bottom: 1px solid var(--qh-border);\n line-height: 1.5;\n}\n\n.qh-comparison-card li:last-child {\n border-bottom: none;\n}\n\n.qh-comparison-tag {\n display: inline-block;\n padding: 6px 14px;\n background: var(--qh-primary-light);\n color: var(--qh-primary);\n font-size: 13px;\n font-weight: 700;\n border-radius: 999px;\n}\n\n.qh-comparison-tag.qh-tag-highlight {\n background: linear-gradient(135deg, var(--qh-accent), #d4b02e);\n color: white;\n}\n\n\/* === COMPOSITION === *\/\n.qh-composition {\n background: var(--qh-white);\n border-radius: var(--qh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qh-shadow);\n}\n\n.qh-composition-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding-bottom: 1.5rem;\n margin-bottom: 1.5rem;\n border-bottom: 2px solid var(--qh-border);\n}\n\n.qh-composition-badge {\n flex-shrink: 0;\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--qh-secondary), var(--qh-primary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n}\n\n.qh-composition-text h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--qh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qh-composition-text p {\n font-size: 14px;\n color: var(--qh-text-light);\n margin: 0;\n}\n\n.qh-minerals-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.qh-mineral {\n text-align: center;\n padding: 1rem .5rem;\n background: var(--qh-primary-light);\n border-radius: var(--qh-radius-sm);\n}\n\n.qh-mineral-value {\n display: block;\n font-size: 20px;\n font-weight: 900;\n color: var(--qh-primary);\n margin-bottom: .25rem;\n}\n\n.qh-mineral-name {\n display: block;\n font-size: 13px;\n font-weight: 700;\n color: var(--qh-primary-dark);\n margin-bottom: .15rem;\n}\n\n.qh-mineral-unit {\n display: block;\n font-size: 11px;\n color: var(--qh-text-light);\n}\n\n.qh-composition-note {\n font-size: 14px;\n color: var(--qh-text-light);\n text-align: center;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.qh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qh-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--qh-primary), var(--qh-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(30,58,95,.2);\n}\n\n.qh-timeline-content {\n flex: 1;\n background: var(--qh-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--qh-radius-sm);\n box-shadow: var(--qh-shadow);\n}\n\n.qh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qh-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.qh-timeline-content p {\n font-size: 14px;\n color: var(--qh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP === *\/\n.qh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--qh-primary-light), #d4e9f7);\n border-radius: var(--qh-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--qh-secondary);\n}\n\n.qh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qh-tip p {\n font-size: 14px;\n color: var(--qh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qh-highlight-box {\n background: linear-gradient(135deg, var(--qh-primary-light), #d4e9f7);\n border-radius: var(--qh-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n text-align: center;\n border: 2px solid var(--qh-secondary);\n}\n\n.qh-highlight-box p {\n font-size: 15px;\n color: var(--qh-primary-dark);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ACCORDION === *\/\n.qh-accordion {\n background: var(--qh-white);\n border-radius: var(--qh-radius);\n box-shadow: var(--qh-shadow);\n overflow: hidden;\n}\n\n.qh-accordion-item {\n border-bottom: 1px solid var(--qh-border);\n margin: 0;\n padding: 0;\n}\n\n.qh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.qh-accordion-header:hover {\n background: var(--qh-primary-light);\n}\n\n.qh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qh-secondary);\n transition: transform .2s ease;\n}\n\n.qh-accordion-item[open] .qh-accordion-header::after {\n content: '−';\n}\n\n.qh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qh-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.qh-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.qh-cta-box {\n background: linear-gradient(135deg, var(--qh-primary) 0%, var(--qh-primary-dark) 100%);\n border-radius: var(--qh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n margin-top: 1.5rem;\n position: relative;\n overflow: hidden;\n}\n\n.qh-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.qh-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qh-disclaimer {\n font-size: 12px;\n color: var(--qh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .qh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .qh-card {\n padding: 1.125rem;\n }\n \n .qh-section {\n margin-bottom: 1.75rem;\n }\n \n .qh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qh-radius-sm);\n }\n \n .qh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .qh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .qh-grid-compact {\n gap: .625rem;\n }\n \n .qh-grid-compact .qh-card {\n padding: .75rem;\n }\n \n .qh-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .qh-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .qh-timeline-content h3 {\n font-size: 15px;\n }\n \n .qh-timeline-content p {\n font-size: 13px;\n }\n \n .qh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .qh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .qh-comparison {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .qh-minerals-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .qh-mineral {\n padding: .75rem .5rem;\n }\n \n .qh-mineral-value {\n font-size: 18px;\n }\n \n .qh-composition-main {\n flex-direction: column;\n text-align: center;\n }\n \n .qh-composition-badge {\n width: 60px;\n height: 60px;\n font-size: 18px;\n }\n \n .qh-intro-card {\n padding: 1.25rem;\n }\n \n .qh-tip {\n padding: 1rem 1.125rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qh-card {\n animation: qhFadeInUp .5s ease backwards;\n }\n .qh-card:nth-child(1) { animation-delay: .05s; }\n .qh-card:nth-child(2) { animation-delay: .1s; }\n .qh-card:nth-child(3) { animation-delay: .15s; }\n .qh-card:nth-child(4) { animation-delay: .2s; }\n .qh-card:nth-child(5) { animation-delay: .25s; }\n .qh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qhFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680082589,"sku":"QU0035","price":29.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quinton-hypertonic--min.jpg?v=1736517630"},{"product_id":"isotonic-buvable-30-ampoules-de-10-ml-quinton","title":"Isotonic Buvable - 30 Ampoules de 10 ml - Quinton","description":"\u003cdiv class=\"qi-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"qi-hero\"\u003e\n\u003cdiv class=\"qi-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"qi-hero-content\"\u003e\n\u003cdiv class=\"qi-badges-top\"\u003e\n\u003cspan class=\"qi-badge\"\u003e🌊 78 minéraux \u0026amp; oligo-éléments\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e💧 30 ampoules de 10 ml\u003c\/span\u003e \u003cspan class=\"qi-badge\"\u003e🧪 100% eau de mer naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"qi-hero-title\"\u003eIsotonic Buvable - Quinton\u003c\/span\u003e\n\u003cp class=\"qi-subtitle\"\u003eL'eau de mer isotonique au service de votre vitalité cellulaire\u003c\/p\u003e\n\u003cp class=\"qi-description\"\u003eDepuis plus d'un siècle, le protocole Quinton puise dans les profondeurs océaniques une eau marine d'exception, naturellement riche en minéraux biodisponibles, pour recharger chaque cellule de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eQuinton Isotonic : l'eau de mer isotonique en ampoules buvables\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eL'\u003cstrong\u003eeau de Quinton isotonique\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire. Issue des profondeurs océaniques, cette \u003cstrong\u003eeau de mer isotonique\u003c\/strong\u003e reproduit fidèlement la composition minérale de notre plasma sanguin.\u003c\/p\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🧬 Plasma marin\u003c\/h3\u003e\n\u003cp\u003eComposition identique à notre milieu intérieur pour une assimilation immédiate\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e💎 30 ampoules\u003c\/h3\u003e\n\u003cp\u003eCure complète de 10 ml par ampoule, soit 300 ml d'eau de mer pure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Recharge minérale\u003c\/h3\u003e\n\u003cp\u003e78 minéraux et oligo-éléments essentiels pour votre organisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSans conservateur, sans additif, sans traitement chimique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'eau de Quinton isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-testimonial\"\u003e\n\u003cp class=\"qi-testimonial-text\"\u003eVotre corps a besoin de plus de \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e pour fonctionner de manière optimale. Or, l'alimentation moderne ne couvre pas toujours ces besoins. C'est là qu'intervient ce \u003cstrong\u003ecomplément alimentaire minéraux\u003c\/strong\u003e d'exception : l'eau de mer prélevée par Quinton contient naturellement du magnésium, du calcium, du potassium, du zinc, du sélénium et bien d'autres éléments, dans des proportions parfaitement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux \u003cstrong\u003ecompléments alimentaires vitamines et minéraux\u003c\/strong\u003e synthétiques, la solution Quinton Isotonic propose des nutriments sous leur forme naturelle, directement assimilables par vos cellules. C'est ce qui en fait l'un des \u003cstrong\u003emeilleurs compléments multivitamines et minéraux\u003c\/strong\u003e d'origine marine disponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eComposition de chaque ampoule\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e🌊 Eau de mer naturelle\u003c\/h3\u003e\n\u003cp\u003ePrélevée en profondeur dans des zones marines protégées, riche en \u003cstrong\u003e78 minéraux et oligo-éléments\u003c\/strong\u003e : sodium, magnésium, calcium, potassium, zinc, manganèse, sélénium…\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card qi-card-composition\"\u003e\n\u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n\u003cp\u003eUtilisée pour la dilution isotonique, afin d'obtenir une concentration identique à celle de notre milieu intérieur (\u003cstrong\u003e9 g\/L de sels minéraux\u003c\/strong\u003e).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans conservateur, sans additif, sans traitement chimique.\u003c\/strong\u003e Le procédé exclusif de microfiltration à froid préserve l'intégralité des propriétés de l'eau marine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eBienfaits de l'eau de Quinton isotonique\u003c\/h2\u003e\n\u003cp class=\"qi-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'eau de mer isotonique\u003c\/strong\u003e sont reconnus depuis plus d'un siècle, grâce aux travaux du biologiste René Quinton. Voici ce que cette cure peut vous apporter :\u003c\/p\u003e\n\u003cdiv class=\"qi-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🫧 Hydratation cellulaire profonde\u003c\/h3\u003e\n\u003cp\u003eSa concentration isotonique permet une absorption immédiate par les cellules, sans effort pour l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚡ Soutien de la vitalité\u003c\/h3\u003e\n\u003cp\u003eL'apport en minéraux contribue à réduire la fatigue et à maintenir un bon équilibre électrolytique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e⚖️ Équilibre acido-basique\u003c\/h3\u003e\n\u003cp\u003eAide à rétablir le pH naturel du corps, souvent perturbé par le stress ou une alimentation déséquilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏃 Récupération et bien-être\u003c\/h3\u003e\n\u003cp\u003eParticulièrement appréciée des sportifs, des personnes fatiguées ou en période de convalescence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"qi-timeline\"\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eOuvrez l'ampoule\u003c\/h3\u003e\n\u003cp\u003eCassez les deux extrémités de l'ampoule avec précaution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eConsommez directement\u003c\/h3\u003e\n\u003cp\u003eVersez le contenu directement dans la bouche ou dans un petit verre d'eau, puis consommez sans attendre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-item\"\u003e\n\u003cdiv class=\"qi-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"qi-timeline-content\"\u003e\n\u003ch3\u003eRespectez le dosage\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 à 3 ampoules par jour\u003c\/strong\u003e, de préférence à jeun ou 15 minutes avant un repas pour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-grid-compact qi-dosage-grid\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🔥 Cure d'attaque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e3 ampoules\/jour\u003c\/strong\u003e pendant 10 jours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🌱 Entretien\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 à 2 ampoules\/jour\u003c\/strong\u003e, à renouveler aux changements de saison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"qi-section\"\u003e\n\u003ch2\u003ePour qui est faite cette eau isotonique ?\u003c\/h2\u003e\n\u003cdiv class=\"qi-grid-compact\"\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e😴 Adultes fatigués\u003c\/h3\u003e\n\u003cp\u003eRechargez votre capital minéral naturellement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eOptimisez votre récupération musculaire et électrolytique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e🩺 Convalescents\u003c\/h3\u003e\n\u003cp\u003eSoutenez votre organisme après une période d'affaiblissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-card\"\u003e\n\u003ch3\u003e✨ Prévention\u003c\/h3\u003e\n\u003cp\u003eMaintenez un équilibre minéral optimal au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"qi-tip\"\u003e\n\u003cspan class=\"qi-tip-icon\"\u003e👶\u003c\/span\u003e\n\u003cp\u003eCe complément convient également aux \u003cstrong\u003eenfants\u003c\/strong\u003e, sur avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"qi-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"qi-accordion\"\u003e\n\u003cdetails class=\"qi-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de régime pauvre en sodium ou de traitement médical en cours, consultez votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"qi-accordion-item\"\u003e\n\u003csummary class=\"qi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"qi-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez les ampoules à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"qi-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --qi-cream: #F4F9FB;\n --qi-white: #ffffff;\n --qi-primary: #4AABCF;\n --qi-primary-dark: #1B7A9E;\n --qi-primary-light: #E8F4F9;\n --qi-secondary: #1B7A9E;\n --qi-accent: #89D4E8;\n --qi-text: #1a1a1a;\n --qi-text-light: #5a6a72;\n --qi-border: #d8e8ef;\n --qi-shadow: 0 4px 24px rgba(27, 122, 158, .08);\n --qi-shadow-lg: 0 12px 48px rgba(27, 122, 158, .15);\n --qi-radius: 20px;\n --qi-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.qi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.qi-premium *, .qi-premium *::before, .qi-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.qi-hero {\n position: relative;\n background: linear-gradient(135deg, #1B7A9E 0%, #4AABCF 45%, #89D4E8 100%);\n border-radius: var(--qi-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--qi-shadow-lg);\n}\n\n.qi-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.qi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.qi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qi-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--qi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.qi-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.qi-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.qi-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.qi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qi-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.qi-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--qi-primary), var(--qi-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.qi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qi-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.qi-section-intro strong {\n color: var(--qi-text);\n}\n\n\/* === CARDS === *\/\n.qi-card {\n background: var(--qi-white);\n border-radius: var(--qi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qi-shadow-lg);\n border-color: var(--qi-primary);\n}\n\n.qi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qi-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qi-card p strong {\n color: var(--qi-text);\n}\n\n\/* === CARD COMPOSITION === *\/\n.qi-card-composition {\n text-align: left;\n}\n\n.qi-card-composition h3 {\n text-align: center;\n margin-bottom: .75rem;\n}\n\n\/* === GRILLES === *\/\n.qi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.qi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qi-grid-compact .qi-card {\n padding: 1rem;\n}\n\n.qi-grid-compact .qi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qi-grid-compact .qi-card p {\n font-size: 12px;\n}\n\n.qi-dosage-grid {\n margin-top: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.qi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qi-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qi-primary), var(--qi-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74, 171, 207, .3);\n}\n\n.qi-timeline-content {\n flex: 1;\n background: var(--qi-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qi-radius-sm);\n box-shadow: var(--qi-shadow);\n}\n\n.qi-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qi-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qi-timeline-content p {\n font-size: 14px;\n color: var(--qi-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qi-timeline-content p strong {\n color: var(--qi-text);\n}\n\n\/* === TESTIMONIAL === *\/\n.qi-testimonial {\n background: var(--qi-white);\n border-radius: var(--qi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qi-shadow);\n border-left: 4px solid var(--qi-primary);\n margin-bottom: 1rem;\n}\n\n.qi-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qi-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.qi-testimonial-text strong {\n color: var(--qi-primary-dark);\n font-style: normal;\n}\n\n\/* === TIP BOX === *\/\n.qi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qi-primary-light);\n border-radius: var(--qi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qi-tip p {\n font-size: 14px;\n color: var(--qi-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qi-tip p strong {\n color: var(--qi-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.qi-accordion {\n background: var(--qi-white);\n border-radius: var(--qi-radius);\n box-shadow: var(--qi-shadow);\n overflow: hidden;\n}\n\n.qi-accordion-item {\n border-bottom: 1px solid var(--qi-border);\n margin: 0;\n padding: 0;\n}\n\n.qi-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qi-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.qi-accordion-header:hover {\n background: var(--qi-primary-light);\n}\n\n.qi-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qi-primary);\n transition: transform .2s ease;\n}\n\n.qi-accordion-item[open] .qi-accordion-header::after {\n content: '−';\n}\n\n.qi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qi-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qi-disclaimer {\n font-size: 12px;\n color: var(--qi-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .qi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qi-card {\n padding: 1.125rem;\n }\n\n .qi-section {\n margin-bottom: 1.75rem;\n }\n\n .qi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qi-radius-sm);\n }\n\n .qi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qi-grid-compact {\n gap: .625rem;\n }\n\n .qi-grid-compact .qi-card {\n padding: .75rem;\n }\n\n .qi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qi-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qi-timeline-content h3 {\n font-size: 14px;\n }\n\n .qi-timeline-content p {\n font-size: 13px;\n }\n\n .qi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .qi-testimonial {\n padding: 1.25rem;\n }\n\n .qi-testimonial-text {\n font-size: 14px;\n }\n\n .qi-tip {\n padding: .875rem 1rem;\n }\n\n .qi-tip-icon {\n font-size: 20px;\n }\n\n .qi-tip p {\n font-size: 13px;\n }\n\n .qi-card-composition {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qi-card {\n animation: qiFadeInUp .5s ease backwards;\n }\n .qi-card:nth-child(1) { animation-delay: .05s; }\n .qi-card:nth-child(2) { animation-delay: .1s; }\n .qi-card:nth-child(3) { animation-delay: .15s; }\n .qi-card:nth-child(4) { animation-delay: .2s; }\n .qi-card:nth-child(5) { animation-delay: .25s; }\n .qi-card:nth-child(6) { animation-delay: .3s; }\n\n .qi-timeline-item {\n animation: qiFadeInUp .5s ease backwards;\n }\n .qi-timeline-item:nth-child(1) { animation-delay: .05s; }\n .qi-timeline-item:nth-child(2) { animation-delay: .15s; }\n .qi-timeline-item:nth-child(3) { animation-delay: .25s; }\n}\n\n@keyframes qiFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .qi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUINTON","offers":[{"title":"Default Title","offer_id":45754680705181,"sku":"QU0030","price":33.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/isotonic-buvable-30-ampoules-de-10-ml-quinton-lifestyle.webp?v=1770973943"},{"product_id":"gelee-royale-300-mg-bio-20-unidoses-de-15-ml-superdiet","title":"Gelée Royale 3000 Mg Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"gr-premium\"\u003e\n\n \u003cdiv class=\"gr-hero\"\u003e\n \u003cdiv class=\"gr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gr-hero-content\"\u003e\n \u003cdiv class=\"gr-badges-top\"\u003e\n \u003cspan class=\"gr-badge\"\u003e🐝 Ultra dosée 3000 mg\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"gr-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gr-hero-title\"\u003eGelée Royale Bio 3000 mg\u003c\/span\u003e\n \u003cp class=\"gr-subtitle\"\u003eMiel d'acacia • Pollen • 20 ampoules de 15 ml\u003c\/p\u003e\n \u003cp class=\"gr-description\"\u003eL'une des formules les plus concentrées du marché français pour soutenir vos défenses naturelles, retrouver tonus et vitalité aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003ePourquoi choisir la gelée royale bio en ampoules ?\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eLa gelée royale est cette substance précieuse sécrétée par les abeilles nourricières pour alimenter leur reine. Naturellement riche en vitamines du groupe B (notamment B3 et B5), en acides aminés, en oligo-éléments et en sucres naturels, elle est reconnue pour ses propriétés tonifiantes.\u003c\/p\u003e\n \u003cdiv class=\"gr-grid\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🛡️ Soutien des défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eParticulièrement appréciée à l'arrivée de l'automne et de l'hiver, pour aborder sereinement les changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur en vitamines B, qui contribuent au métabolisme énergétique normal de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🧠 Vitalité physique et intellectuelle\u003c\/h3\u003e\n \u003cp\u003eUn allié des étudiants en période d'examens ou des personnes soumises à un rythme de vie soutenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe format \u003cstrong\u003eampoule bio\u003c\/strong\u003e garantit une dose précise, une conservation optimale des actifs et une prise simple au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour une ampoule de 15 ml)\u003c\/h2\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e👑 Gelée royale bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3000 mg\u003c\/strong\u003e\u003cbr\u003eUltra-dosage exceptionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍯 Miel d'acacia bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e250 mg\u003c\/strong\u003e\u003cbr\u003eDouceur naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🌼 Pollen bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e35 mg\u003c\/strong\u003e\u003cbr\u003eRichesse nutritionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🍐 Base végétale bio\u003c\/h3\u003e\n \u003cp\u003eEau purifiée, jus concentré de poire, sirop d'agave\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCertifiée \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e — \u003cstrong\u003esans alcool, sans conservateur, sans colorant\u003c\/strong\u003e et sans additif artificiel. Fabriquée en France par Superdiet, laboratoire engagé depuis plus de 60 ans dans la phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gr-timeline\"\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🌅 1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, pour une cure de 20 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🤲 Agitez avant ouverture\u003c\/h3\u003e\n \u003cp\u003eSecouez bien l'ampoule afin d'homogénéiser son contenu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🥄 Pure ou diluée\u003c\/h3\u003e\n \u003cp\u003eConsommez-la pure, ou diluée dans un peu d'eau, un jus de fruit ou un yaourt si le goût vous paraît trop prononcé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-item\"\u003e\n \u003cdiv class=\"gr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gr-timeline-content\"\u003e\n \u003ch3\u003e🔄 Renouvelez la cure\u003c\/h3\u003e\n \u003cp\u003ePour des résultats optimaux, renouvelez 2 à 3 fois par an, notamment aux intersaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-tip\"\u003e\n \u003cspan class=\"gr-tip-icon\"\u003e🧊\u003c\/span\u003e\n \u003cp\u003eConservez les ampoules dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\"\u003e\n \u003ch2\u003eUne gelée royale française bio d'exception\u003c\/h2\u003e\n \u003cp class=\"gr-section-intro\"\u003eEn choisissant cette \u003cstrong\u003egelée royale bio française\u003c\/strong\u003e, vous soutenez une apiculture respectueuse des abeilles et de la biodiversité.\u003c\/p\u003e\n \u003cdiv class=\"gr-grid-compact\"\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🏅 Sélection rigoureuse\u003c\/h3\u003e\n \u003cp\u003eDes matières premières triées avec la plus grande exigence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🔬 Contrôle total\u003c\/h3\u003e\n \u003cp\u003eChaque étape vérifiée, de la ruche à l'ampoule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e💪 Ultra-dosage 3000 mg\u003c\/h3\u003e\n \u003cp\u003eParmi les références pour une efficacité réelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gr-card\"\u003e\n \u003ch3\u003e🐝 Respect des abeilles\u003c\/h3\u003e\n \u003cp\u003eUne apiculture engagée pour la biodiversité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"gr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gr-accordion\"\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux personnes allergiques aux produits de la ruche\u003c\/strong\u003e (miel, pollen, propolis), aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e💊 Usage responsable\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gr-accordion-item\"\u003e\n \u003csummary class=\"gr-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"gr-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de doute ou de traitement en cours, demandez l'avis de votre médecin ou pharmacien. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gr-cream: #fdf8ee;\n --gr-white: #ffffff;\n --gr-primary: #f5a623;\n --gr-primary-dark: #b8751a;\n --gr-primary-light: #fef3dd;\n --gr-secondary: #e87a1a;\n --gr-accent: #7fb069;\n --gr-text: #2a1f0f;\n --gr-text-light: #6b5a3f;\n --gr-border: #ecdcb8;\n --gr-shadow: 0 4px 24px rgba(184, 117, 26, .1);\n --gr-shadow-lg: 0 12px 48px rgba(184, 117, 26, .18);\n --gr-radius: 20px;\n --gr-radius-sm: 12px;\n}\n\n.gr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--gr-text);\n}\n\n.gr-hero {\n position: relative;\n background: linear-gradient(135deg, #f5a623 0%, #e87a1a 50%, #b8751a 100%);\n border-radius: var(--gr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gr-shadow-lg);\n}\n\n.gr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .4;\n}\n\n.gr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.gr-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.15);\n}\n\n.gr-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.gr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.gr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gr-primary), var(--gr-secondary));\n border-radius: 2px;\n}\n\n.gr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gr-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gr-card {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gr-shadow-lg);\n border-color: var(--gr-primary);\n}\n\n.gr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gr-grid-compact .gr-card {\n padding: 1.125rem;\n}\n\n.gr-grid-compact .gr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gr-grid-compact .gr-card p {\n font-size: 12.5px;\n}\n\n.gr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.gr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gr-primary), var(--gr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(245, 166, 35, .35);\n}\n\n.gr-timeline-content {\n flex: 1;\n background: var(--gr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gr-radius-sm);\n box-shadow: var(--gr-shadow);\n}\n\n.gr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gr-timeline-content p {\n font-size: 14px;\n color: var(--gr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gr-accordion {\n background: var(--gr-white);\n border-radius: var(--gr-radius);\n box-shadow: var(--gr-shadow);\n overflow: hidden;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.gr-accordion-item {\n border-bottom: 1px solid var(--gr-border);\n margin: 0;\n padding: 0;\n}\n\n.gr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.gr-accordion-header:hover {\n background: var(--gr-primary-light);\n}\n\n.gr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gr-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--gr-primary);\n transition: transform .2s ease;\n}\n\n.gr-accordion-item[open] .gr-accordion-header::after {\n content: '−';\n}\n\n.gr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gr-accordion-content p {\n margin: 0;\n}\n\n.gr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gr-primary-light);\n border-radius: var(--gr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--gr-primary);\n}\n\n.gr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.gr-tip p {\n font-size: 14px;\n color: var(--gr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .gr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gr-card {\n padding: 1.125rem;\n }\n\n .gr-section {\n margin-bottom: 1.75rem;\n }\n\n .gr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gr-radius-sm);\n }\n\n .gr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gr-grid-compact {\n gap: .625rem;\n }\n\n .gr-grid-compact .gr-card {\n padding: .75rem;\n }\n\n .gr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gr-timeline-content h3 {\n font-size: 14px;\n }\n\n .gr-timeline-content p {\n font-size: 13px;\n }\n\n .gr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gr-card {\n animation: grFadeInUp .5s ease backwards;\n }\n .gr-card:nth-child(1) { animation-delay: .05s; }\n .gr-card:nth-child(2) { animation-delay: .1s; }\n .gr-card:nth-child(3) { animation-delay: .15s; }\n .gr-card:nth-child(4) { animation-delay: .2s; }\n .gr-card:nth-child(5) { animation-delay: .25s; }\n .gr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes grFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754690437277,"sku":"NBAISUP0005","price":26.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gelee-royale-3000-mg-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776436472"},{"product_id":"melatonine-120-gelules-superdiet","title":"Mélatonine 1 mg - 120 Gélules - Superdiet","description":"\u003cdiv class=\"mela-premium\"\u003e\n \u003cdiv class=\"mela-hero\"\u003e\n \u003cdiv class=\"mela-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mela-hero-content\"\u003e\n \u003cdiv class=\"mela-badges-top\"\u003e\n \u003cspan class=\"mela-badge\"\u003e🌙 Endormissement rapide\u003c\/span\u003e\n \u003cspan class=\"mela-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mela-badge\"\u003e♻️ Flacon éco-conçu\u003c\/span\u003e\n \u003cspan class=\"mela-badge\"\u003e💊 120 jours de cure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mela-hero-title\"\u003eMélatonine 1 mg Superdiet\u003c\/span\u003e\n \u003cp class=\"mela-subtitle\"\u003eL'hormone du sommeil, dosée juste ce qu'il faut\u003c\/p\u003e\n \u003cp class=\"mela-description\"\u003eVous peinez à trouver le sommeil le soir venu ? La Mélatonine 1 mg de Superdiet vous accompagne en douceur vers un endormissement plus rapide et naturel. Un format généreux de 120 gélules, soit 4 mois de cure à raison d'une gélule par jour, pour retrouver un rythme de sommeil apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Mélatonine Superdiet ?\u003c\/h2\u003e\n \u003cp class=\"mela-section-intro\"\u003eLa mélatonine, souvent appelée « hormone du sommeil », est produite naturellement par la glande pinéale de notre cerveau. Elle joue un rôle clé dans la régulation du cycle veille-sommeil. Avec l'âge, le stress, les écrans ou encore les voyages, sa production peut être perturbée, entraînant des difficultés à trouver le sommeil.\u003c\/p\u003e\n \u003cdiv class=\"mela-grid-compact\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌙 1 mg par gélule\u003c\/h3\u003e\n \u003cp\u003eDosage conforme aux recommandations européennes pour une efficacité prouvée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e⏱️ Endormissement\u003c\/h3\u003e\n \u003cp\u003eContribue à réduire le temps nécessaire pour trouver le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e✈️ Décalage horaire\u003c\/h3\u003e\n \u003cp\u003eAtténue efficacement les effets du jet lag lors de vos voyages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌿 Formule courte\u003c\/h3\u003e\n \u003cp\u003eSans colorant, sans conservateur ni additif superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eLes bienfaits de la mélatonine pour le sommeil\u003c\/h2\u003e\n \u003cdiv class=\"mela-grid\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e😴 Endormissement rapide\u003c\/h3\u003e\n \u003cp\u003eAide à s'endormir plus rapidement le soir, dès la première prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌍 Jet lag maîtrisé\u003c\/h3\u003e\n \u003cp\u003eAccompagne les voyageurs pour retrouver un rythme naturel après un vol long-courrier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌓 Rythmes décalés\u003c\/h3\u003e\n \u003cp\u003eSoutient les travailleurs de nuit et les personnes aux horaires irréguliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🔄 Cycle naturel\u003c\/h3\u003e\n \u003cp\u003eFavorise un retour progressif à un cycle de sommeil équilibré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-tip\"\u003e\n \u003cspan class=\"mela-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eContrairement à certains somnifères, la mélatonine ne provoque pas d'accoutumance lorsqu'elle est utilisée ponctuellement et aux doses recommandées. Une approche naturelle plébiscitée pour un sommeil retrouvé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 1 gélule)\u003c\/h2\u003e\n \u003cdiv class=\"mela-grid\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌙 Mélatonine 1 mg\u003c\/h3\u003e\n \u003cp\u003eN-acétyl-5-méthoxytryptamine, au dosage optimal recommandé par les autorités européennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌾 Amidon de riz\u003c\/h3\u003e\n \u003cp\u003eExcipient naturel et neutre, d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🐟 Gélule de poisson\u003c\/h3\u003e\n \u003cp\u003eGélatine de poisson pour une enveloppe digeste et naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-tip\"\u003e\n \u003cspan class=\"mela-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eFormule courte, sans colorant, sans conservateur et sans additif superflu : Superdiet mise sur une composition simple et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mela-timeline\"\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e?\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eQui ?\u003c\/h3\u003e\n \u003cp\u003eHommes et femmes adultes en recherche d'un sommeil plus apaisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eQuand ?\u003c\/h3\u003e\n \u003cp\u003eLe soir, juste avant le coucher. En cas de décalage horaire, prendre la gélule au moment du coucher les premiers jours suivant l'arrivée à destination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eComment ?\u003c\/h3\u003e\n \u003cp\u003e1 gélule avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-item\"\u003e\n \u003cdiv class=\"mela-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mela-timeline-content\"\u003e\n \u003ch3\u003eDurée\u003c\/h3\u003e\n \u003cp\u003e4 semaines consécutives maximum. À conserver au sec, à l'abri de la lumière et à température ambiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mela-accordion\"\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Déconseillé aux femmes enceintes ou allaitantes, aux personnes souffrant de maladies inflammatoires, auto-immunes, d'insuffisance hépatique ou rénale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003e🩺 Avis médical recommandé\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est fortement recommandé de consulter votre médecin en cas de traitement médicamenteux, de diabète, d'épilepsie, d'asthme, de troubles de l'humeur, de la personnalité ou du comportement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003e🚗 Vigilance\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003eUne vigilance est nécessaire en cas d'activité nécessitant de la concentration (conduite, machines). Respectez les doses conseillées et tenez hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mela-accordion-item\"\u003e\n \u003csummary class=\"mela-accordion-header\"\u003eℹ️ Information générale\u003c\/summary\u003e\n \u003cdiv class=\"mela-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cem\u003eCe complément alimentaire ne se substitue pas à un mode de vie sain, à une alimentation équilibrée, ni à un traitement médical.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\"\u003e\n \u003ch2\u003eUn engagement éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"mela-grid-compact\"\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🏭 Depuis 1961\u003c\/h3\u003e\n \u003cp\u003eMarque française pionnière du bio, fondée dans les Hauts-de-France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e♻️ 97 % recyclé\u003c\/h3\u003e\n \u003cp\u003eFlacon composé d'au moins 97 % de matière recyclée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🌍 100 % recyclable\u003c\/h3\u003e\n \u003cp\u003eUn emballage entièrement recyclable pour limiter son empreinte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mela-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française, respectueuse de la Santé de l'Homme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mela-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mela-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez-vous des nuits plus douces avec la Mélatonine 1 mg Superdiet. 120 gélules pour 4 mois de sérénité, dans un flacon éco-conçu et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mela-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mela-cream: #f5f7fb;\n --mela-white: #ffffff;\n --mela-primary: #1e3a8a;\n --mela-primary-dark: #0f1f4d;\n --mela-primary-light: #e6ecf7;\n --mela-secondary: #3b5bdb;\n --mela-accent: #c62828;\n --mela-text: #1a1a1a;\n --mela-text-light: #5a5a5a;\n --mela-border: #e0e0e0;\n --mela-shadow: 0 4px 24px rgba(15,31,77,.08);\n --mela-shadow-lg: 0 12px 48px rgba(15,31,77,.18);\n --mela-radius: 20px;\n --mela-radius-sm: 12px;\n}\n\n.mela-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mela-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mela-text);\n}\n\n.mela-hero {\n position: relative;\n background: linear-gradient(135deg, #0f1f4d 0%, #1e3a8a 50%, #3b5bdb 100%);\n border-radius: var(--mela-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mela-shadow-lg);\n}\n\n.mela-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 1px, transparent 1.5px),\n radial-gradient(circle at 75% 60%, rgba(255,255,255,.3) 1px, transparent 2px),\n radial-gradient(circle at 50% 85%, rgba(255,255,255,.3) 1px, transparent 1.5px);\n background-size: 80px 80px, 120px 120px, 100px 100px;\n opacity: .6;\n}\n\n.mela-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mela-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mela-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.mela-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.mela-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mela-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mela-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.mela-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mela-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mela-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mela-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mela-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mela-primary), var(--mela-secondary));\n border-radius: 2px;\n}\n\n.mela-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mela-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.mela-card {\n background: var(--mela-white);\n border-radius: var(--mela-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mela-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mela-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mela-shadow-lg);\n border-color: var(--mela-primary);\n}\n\n.mela-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mela-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mela-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mela-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mela-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mela-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mela-grid-compact .mela-card {\n padding: 1rem;\n}\n\n.mela-grid-compact .mela-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mela-grid-compact .mela-card p {\n font-size: 12px;\n}\n\n.mela-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mela-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mela-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mela-primary), var(--mela-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mela-timeline-content {\n flex: 1;\n background: var(--mela-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mela-radius-sm);\n box-shadow: var(--mela-shadow);\n}\n\n.mela-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mela-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mela-timeline-content p {\n font-size: 14px;\n color: var(--mela-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mela-accordion {\n background: var(--mela-white);\n border-radius: var(--mela-radius);\n box-shadow: var(--mela-shadow);\n overflow: hidden;\n}\n\n.mela-accordion-item {\n border-bottom: 1px solid var(--mela-border);\n margin: 0;\n padding: 0;\n}\n\n.mela-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mela-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mela-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mela-accordion-header:hover {\n background: var(--mela-primary-light);\n}\n\n.mela-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mela-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mela-primary);\n transition: transform .2s ease;\n}\n\n.mela-accordion-item[open] .mela-accordion-header::after {\n content: '−';\n}\n\n.mela-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mela-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mela-accordion-content p {\n margin: 0;\n}\n\n.mela-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mela-primary-light);\n border-radius: var(--mela-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mela-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mela-tip p {\n font-size: 14px;\n color: var(--mela-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mela-cta-box {\n background: linear-gradient(135deg, var(--mela-primary) 0%, var(--mela-primary-dark) 100%);\n border-radius: var(--mela-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mela-shadow-lg);\n}\n\n.mela-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n.mela-disclaimer {\n font-size: 12px;\n color: var(--mela-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .mela-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .mela-card { padding: 1.125rem; }\n .mela-section { margin-bottom: 1.75rem; }\n .mela-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mela-radius-sm);\n }\n .mela-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mela-premium h2::after { width: 40px; height: 3px; }\n .mela-grid-compact { gap: .625rem; }\n .mela-grid-compact .mela-card { padding: .75rem; }\n .mela-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .mela-timeline-content { padding: .875rem 1rem; }\n .mela-timeline-content h3 { font-size: 14px; }\n .mela-timeline-content p { font-size: 13px; }\n .mela-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .mela-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mela-card { animation: melaFadeInUp .5s ease backwards; }\n .mela-card:nth-child(1) { animation-delay: .05s; }\n .mela-card:nth-child(2) { animation-delay: .1s; }\n .mela-card:nth-child(3) { animation-delay: .15s; }\n .mela-card:nth-child(4) { animation-delay: .2s; }\n .mela-card:nth-child(5) { animation-delay: .25s; }\n .mela-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes melaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mela-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754691780765,"sku":"NBAISUP0032","price":23.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/melatonine-1-mg-120-gelules-superdiet-packshothd.webp?v=1776429569"},{"product_id":"ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superdiet","title":"Ginseng, Gelée Royale \u0026 Acérola Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"sgr-premium\"\u003e\n \u003cdiv class=\"sgr-hero\"\u003e\n \u003cdiv class=\"sgr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sgr-hero-content\"\u003e\n \u003cdiv class=\"sgr-badges-top\"\u003e\n \u003cspan class=\"sgr-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e⚡ Booster d'énergie\u003c\/span\u003e\n \u003cspan class=\"sgr-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sgr-hero-title\"\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio\u003c\/span\u003e\n \u003cp class=\"sgr-subtitle\"\u003eLe trio vitalité par excellence — Superdiet\u003c\/p\u003e\n \u003cp class=\"sgr-description\"\u003e20 ampoules concentrées pour soutenir votre tonus, votre énergie et vos défenses naturelles au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eGinseng, Gelée Royale \u0026amp; Acérola Bio Superdiet : le trio vitalité par excellence\u003c\/h2\u003e\n \u003cp class=\"sgr-section-intro\"\u003eVous traversez une période de fatigue passagère, un changement de saison ou un rythme de vie soutenu ? Les \u003cstrong\u003eampoules Ginseng, Gelée Royale \u0026amp; Acérola Bio de Superdiet\u003c\/strong\u003e ont été pensées pour vous accompagner au quotidien.\u003c\/p\u003e\n \u003cp class=\"sgr-section-intro\"\u003eCette formule concentrée réunit trois ingrédients naturels emblématiques, reconnus depuis des générations pour soutenir l'énergie et la vitalité. Certifiée \u003cstrong\u003eAgriculture Biologique\u003c\/strong\u003e et fabriquée en France, cette cure d'exception s'inscrit comme une référence parmi les \u003cstrong\u003eampoules de gelée royale, ginseng et acérola\u003c\/strong\u003e disponibles sur le marché.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette synergie ginseng, gelée royale et acérola ?\u003c\/h2\u003e\n \u003cp class=\"sgr-section-intro\"\u003eLe secret de l'efficacité de ce complément alimentaire réside dans sa \u003cstrong\u003esynergie végétale et apicole\u003c\/strong\u003e. Chaque ingrédient a été sélectionné pour ses qualités spécifiques :\u003c\/p\u003e\n \u003cdiv class=\"sgr-grid\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌱 Ginseng Panax CA Meyer (6 ans d'âge)\u003c\/h3\u003e\n \u003cp\u003ePlante adaptogène emblématique d'Asie, réputée pour contribuer au tonus et à l'énergie, tant physique que mentale. Sa maturité de 6 ans garantit une concentration optimale en principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n \u003cp\u003eNourriture exclusive de la reine des abeilles, elle est riche en nutriments précieux et appréciée pour accompagner les organismes mis à l'épreuve.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍒 Acérola Bio\u003c\/h3\u003e\n \u003cp\u003ePetite baie originaire d'Amérique du Sud, source naturelle de vitamine C qui contribue à réduire la fatigue et au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eComposition détaillée par ampoule de 15 ml\u003c\/h2\u003e\n \u003cdiv class=\"sgr-grid\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌱 Ginseng Panax CA Meyer\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e530 mg\u003c\/strong\u003e — 6 ans d'âge, titré à \u003cstrong\u003e20 mg de ginsénosides\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍯 Gelée Royale Bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e500 mg\u003c\/strong\u003e par ampoule, sélectionnée auprès de ruches qualitatives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🍒 Extrait sec d'Acérola Bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e265 mg\u003c\/strong\u003e (Malpighia punicifolia), équivalent à 2,9 g de baies fraîches, soit \u003cstrong\u003e12 mg de vitamine C\u003c\/strong\u003e (15 % des VNR).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e💧 Base naturelle\u003c\/h3\u003e\n \u003cp\u003eEau purifiée et jus concentré de poire* pour une texture douce et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sgr-disclaimer\"\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eLes atouts de la formule Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"sgr-grid-compact\"\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (FR-BIO-10)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🚫 Formule pure\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🌳 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003ePréserve la richesse des actifs naturels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans les Hauts-de-France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e✨ Ouverture facile\u003c\/h3\u003e\n \u003cp\u003eAmpoules pratiques à emporter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-card\"\u003e\n \u003ch3\u003e📅 Cure 20 jours\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, format optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003eComment prendre les ampoules Ginseng Gelée Royale Acérola ?\u003c\/h2\u003e\n \u003cdiv class=\"sgr-timeline\"\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eAvant emploi, secouez doucement pour bien homogénéiser la préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-item\"\u003e\n \u003cdiv class=\"sgr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sgr-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eRenouvelable jusqu'à 3 mois maximum, idéalement aux changements de saison ou lors de périodes intenses (examens, travail soutenu, récupération sportive).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sgr-tip\"\u003e\n \u003cspan class=\"sgr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour profiter pleinement des bienfaits du ginseng, privilégiez la prise du matin afin de soutenir votre énergie sur toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sgr-accordion\"\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e⚠️ Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Ne convient pas aux enfants. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux produits de la ruche. Déconseillé en cas de traitement antidiabétique ou d'hypertension. En cas de maladie cardiovasculaire ou de diabète, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sgr-accordion-item\"\u003e\n \u003csummary class=\"sgr-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"sgr-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. À tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"sgr-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sgr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUne origine rigoureusement sélectionnée\u003c\/h2\u003e\n \u003cdiv class=\"sgr-cta-box\"\u003e\n \u003cp\u003eSuperdiet privilégie la qualité à chaque étape. Le \u003cstrong\u003eginseng\u003c\/strong\u003e provient de cultures biologiques coréennes réputées, la \u003cstrong\u003egelée royale\u003c\/strong\u003e est issue de ruches sélectionnées, et l'\u003cstrong\u003eacérola\u003c\/strong\u003e est récolté au Brésil. Une traçabilité exemplaire pour un produit naturel, respectueux de l'environnement et de votre organisme. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sgr-cream: #fdf6ec;\n --sgr-white: #ffffff;\n --sgr-primary: #d92e2e;\n --sgr-primary-dark: #a51c1c;\n --sgr-primary-light: #fde4e4;\n --sgr-secondary: #f5b800;\n --sgr-accent: #2e8b3d;\n --sgr-text: #1a1a1a;\n --sgr-text-light: #5a5a5a;\n --sgr-border: #ecdfd0;\n --sgr-shadow: 0 4px 24px rgba(165,28,28,.08);\n --sgr-shadow-lg: 0 12px 48px rgba(165,28,28,.18);\n --sgr-radius: 20px;\n --sgr-radius-sm: 12px;\n}\n\n.sgr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sgr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sgr-text);\n}\n\n.sgr-hero {\n position: relative;\n background: linear-gradient(135deg, #d92e2e 0%, #e85a3a 50%, #f5b800 100%);\n border-radius: var(--sgr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .3;\n}\n\n.sgr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sgr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.sgr-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.sgr-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n margin: 0 auto;\n max-width: 600px;\n line-height: 1.6;\n opacity: .95;\n}\n\n.sgr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sgr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sgr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sgr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sgr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sgr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sgr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.sgr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sgr-primary), var(--sgr-secondary));\n border-radius: 2px;\n}\n\n.sgr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sgr-text-light);\n margin: 0 auto 1.25rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.sgr-section-intro strong {\n color: var(--sgr-text);\n}\n\n.sgr-card {\n background: var(--sgr-white);\n border-radius: var(--sgr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sgr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sgr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sgr-shadow-lg);\n border-color: var(--sgr-primary);\n}\n\n.sgr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sgr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sgr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sgr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sgr-card p strong {\n color: var(--sgr-primary-dark);\n}\n\n.sgr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sgr-grid-compact {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.sgr-grid-compact .sgr-card {\n padding: 1rem;\n}\n\n.sgr-grid-compact .sgr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sgr-grid-compact .sgr-card p {\n font-size: 12px;\n}\n\n.sgr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sgr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sgr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sgr-primary), var(--sgr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(217,46,46,.3);\n}\n\n.sgr-timeline-content {\n flex: 1;\n background: var(--sgr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sgr-radius-sm);\n box-shadow: var(--sgr-shadow);\n}\n\n.sgr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sgr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sgr-timeline-content p {\n font-size: 14px;\n color: var(--sgr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sgr-accordion {\n background: var(--sgr-white);\n border-radius: var(--sgr-radius);\n box-shadow: var(--sgr-shadow);\n overflow: hidden;\n}\n\n.sgr-accordion-item {\n border-bottom: 1px solid var(--sgr-border);\n margin: 0;\n padding: 0;\n}\n\n.sgr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sgr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sgr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.sgr-accordion-header:hover {\n background: var(--sgr-primary-light);\n}\n\n.sgr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sgr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sgr-primary);\n transition: transform .2s ease;\n}\n\n.sgr-accordion-item[open] .sgr-accordion-header::after {\n content: '−';\n}\n\n.sgr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sgr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sgr-accordion-content p {\n margin: 0;\n}\n\n.sgr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sgr-primary-light);\n border-radius: var(--sgr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--sgr-secondary);\n}\n\n.sgr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sgr-tip p {\n font-size: 14px;\n color: var(--sgr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sgr-cta-box {\n background: linear-gradient(135deg, var(--sgr-primary) 0%, var(--sgr-primary-dark) 100%);\n border-radius: var(--sgr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sgr-shadow-lg);\n}\n\n.sgr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sgr-cta-box p strong {\n font-weight: 800;\n color: var(--sgr-secondary);\n}\n\n.sgr-disclaimer {\n font-size: 12px;\n color: var(--sgr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .sgr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .sgr-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n .sgr-grid-compact .sgr-card {\n padding: .75rem;\n }\n .sgr-card {\n padding: 1.125rem;\n }\n .sgr-section {\n margin-bottom: 1.75rem;\n }\n .sgr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sgr-radius-sm);\n }\n .sgr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .sgr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .sgr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .sgr-timeline-content {\n padding: .875rem 1rem;\n }\n .sgr-timeline-content h3 {\n font-size: 14px;\n }\n .sgr-timeline-content p {\n font-size: 13px;\n }\n .sgr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .sgr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sgr-card {\n animation: sgrFadeInUp .5s ease backwards;\n }\n .sgr-card:nth-child(1) { animation-delay: .05s; }\n .sgr-card:nth-child(2) { animation-delay: .1s; }\n .sgr-card:nth-child(3) { animation-delay: .15s; }\n .sgr-card:nth-child(4) { animation-delay: .2s; }\n .sgr-card:nth-child(5) { animation-delay: .25s; }\n .sgr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sgrFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sgr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754695581853,"sku":"NBAISUP0004","price":33.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ginseng-gelee-royale-acerola-bio-20-ampoules-de-15-ml-superd-packshothd.webp?v=1776429695"},{"product_id":"onagre-bourrache-200-capsules-superdiet","title":"Huiles onagre \u0026 bourrache (beauté de la peau) - 200 capsules - Superdiet","description":"\u003cdiv class=\"ob-premium\"\u003e\n \u003cdiv class=\"ob-hero\"\u003e\n \u003cdiv class=\"ob-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ob-hero-content\"\u003e\n \u003cdiv class=\"ob-badges-top\"\u003e\n \u003cspan class=\"ob-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"ob-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"ob-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n \u003cspan class=\"ob-badge\"\u003e💊 200 capsules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ob-hero-title\"\u003eHuile d'Onagre \u0026amp; Bourrache\u003c\/span\u003e\n \u003cp class=\"ob-subtitle\"\u003eBeauté de la peau · 40 à 66 jours de cure\u003c\/p\u003e\n \u003cp class=\"ob-description\"\u003eEnvie d'une \u003cstrong\u003epeau souple, hydratée et lumineuse\u003c\/strong\u003e au fil des saisons ? Deux plantes emblématiques associées en synergie végétale, pour prendre soin de votre peau de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003ePourquoi associer huile d'onagre et bourrache ?\u003c\/h2\u003e\n \u003cp class=\"ob-section-intro\"\u003eL'huile d'onagre et bourrache est une référence incontournable en phytothérapie dédiée à la \u003cstrong\u003ebeauté de la peau\u003c\/strong\u003e. Ces deux huiles végétales sont naturellement riches en \u003cstrong\u003eacides gras essentiels oméga-6\u003c\/strong\u003e, notamment en acide gamma-linolénique (GLA), que notre organisme ne sait pas fabriquer seul.\u003c\/p\u003e\n \u003cdiv class=\"ob-grid\"\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🌼 L'Onagre\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOenothera biennis\u003c\/em\u003e — Contribue au maintien d'une peau normale, souple et confortable au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e💙 La Bourrache\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eBorago officinalis\u003c\/em\u003e — Son huile, extraite des graines, est l'une des plus concentrées en GLA du règne végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e✨ La synergie\u003c\/h3\u003e\n \u003cp\u003eUn allié de choix pour les peaux matures, sèches, réactives ou qui tiraillent avec le temps qui passe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'huile onagre et bourrache\u003c\/h2\u003e\n \u003cp class=\"ob-section-intro\"\u003ePrise en cure régulière, la gélule d'huile d'onagre et bourrache participe à :\u003c\/p\u003e\n \u003cdiv class=\"ob-grid-compact\"\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e💧 Souplesse\u003c\/h3\u003e\n \u003cp\u003ePréserve l'élasticité cutanée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🌿 Confort\u003c\/h3\u003e\n \u003cp\u003eLimite les tiraillements et la sécheresse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e✨ Éclat\u003c\/h3\u003e\n \u003cp\u003eSoutient l'éclat du teint au fil des saisons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card\"\u003e\n \u003ch3\u003e🌸 Vitalité\u003c\/h3\u003e\n \u003cp\u003eApporte un confort aux peaux matures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-tip\"\u003e\n \u003cspan class=\"ob-tip-icon\"\u003e🌷\u003c\/span\u003e\n \u003cp\u003eDe nombreuses femmes utilisent aussi l'\u003cstrong\u003ehuile de bourrache et onagre à la ménopause\u003c\/strong\u003e pour accompagner leur confort au quotidien et soutenir la vitalité de leur peau durant cette période de transition hormonale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eComposition pour 3 capsules\u003c\/h2\u003e\n \u003cdiv class=\"ob-grid\"\u003e\n \u003cdiv class=\"ob-card ob-card-highlight\"\u003e\n \u003ch3\u003e💙 Huile de bourrache vierge\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 200 mg\u003c\/strong\u003e\u003cbr\u003edont 240 mg de GLA\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card ob-card-highlight\"\u003e\n \u003ch3\u003e🌼 Huile d'onagre vierge\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003edont 30 mg de GLA\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-card ob-card-highlight\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eAntioxydant protégeant la qualité des huiles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-tip\"\u003e\n \u003cspan class=\"ob-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eLes huiles sont obtenues par \u003cstrong\u003epremière pression à froid, sans solvant chimique\u003c\/strong\u003e, pour préserver toute la richesse nutritionnelle des graines. Enveloppe : gélatine de poisson, glycérine végétale, eau purifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ob-timeline\"\u003e\n \u003cdiv class=\"ob-timeline-item\"\u003e\n \u003cdiv class=\"ob-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e3 à 5 capsules par jour\u003c\/strong\u003e, à avaler avec un grand verre d'eau au moment des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-item\"\u003e\n \u003cdiv class=\"ob-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003ePour des résultats visibles, une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e minimum est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-item\"\u003e\n \u003cdiv class=\"ob-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ob-timeline-content\"\u003e\n \u003ch3\u003eRenouvellement\u003c\/h3\u003e\n \u003cp\u003eIdéalement à renouveler au \u003cstrong\u003echangement de saison\u003c\/strong\u003e pour accompagner votre peau toute l'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ob-tip\"\u003e\n \u003cspan class=\"ob-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, ainsi qu'aux personnes sous traitement anticoagulant. Demandez conseil à votre médecin ou pharmacien en cas de doute. \u003cstrong\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un traitement médical.\u003c\/strong\u003e Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ob-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"ob-accordion\"\u003e\n \u003cdetails class=\"ob-accordion-item\"\u003e\n \u003csummary class=\"ob-accordion-header\"\u003e🕐 Quand prendre l'huile d'onagre et bourrache ?\u003c\/summary\u003e\n \u003cdiv class=\"ob-accordion-content mt-3\"\u003e\n \u003cp\u003eDe préférence au cours des repas, pour optimiser l'absorption des acides gras. Une prise matin, midi et soir répartit au mieux les apports sur la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ob-accordion-item\"\u003e\n \u003csummary class=\"ob-accordion-header\"\u003e⏳ Au bout de combien de temps voit-on les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"ob-accordion-content mt-3\"\u003e\n \u003cp\u003eLes acides gras essentiels agissent progressivement : comptez environ \u003cstrong\u003e6 à 8 semaines\u003c\/strong\u003e pour ressentir un réel confort cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ob-accordion-item\"\u003e\n \u003csummary class=\"ob-accordion-header\"\u003e🌿 Quelle différence entre onagre et bourrache ?\u003c\/summary\u003e\n \u003cdiv class=\"ob-accordion-content mt-3\"\u003e\n \u003cp\u003eLa bourrache est plus riche en GLA, l'onagre apporte un profil lipidique complémentaire. Les associer permet de profiter du meilleur des deux plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ob-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn produit éco-conçu, fabriqué en France\u003c\/h2\u003e\n \u003cdiv class=\"ob-cta-box\"\u003e\n \u003cp\u003eSuperdiet sélectionne des plantes de qualité contrôlée et conditionne ses capsules en France, dans un \u003cstrong\u003eflacon en matière recyclée et recyclable\u003c\/strong\u003e. Un engagement cohérent avec votre démarche bien-être et respectueux de la planète. 🌍\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --ob-cream: #fdf7f9;\n --ob-white: #ffffff;\n --ob-primary: #e91e63;\n --ob-primary-dark: #a5174a;\n --ob-primary-light: #fce4ec;\n --ob-secondary: #4a7c3a;\n --ob-accent: #f9d547;\n --ob-text: #1a1a1a;\n --ob-text-light: #5a5a5a;\n --ob-border: #f0e0e6;\n --ob-shadow: 0 4px 24px rgba(233,30,99,.08);\n --ob-shadow-lg: 0 12px 48px rgba(233,30,99,.15);\n --ob-radius: 20px;\n --ob-radius-sm: 12px;\n }\n\n .ob-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ob-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ob-text);\n line-height: 1.6;\n }\n\n .ob-hero {\n position: relative;\n background: linear-gradient(135deg, #f48fb1 0%, #e91e63 50%, #a5174a 100%);\n border-radius: var(--ob-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(--ob-shadow-lg);\n }\n\n .ob-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, #fff 0%, transparent 40%);\n }\n\n .ob-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .ob-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 .ob-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n }\n\n .ob-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n .ob-description strong {\n color: white;\n font-weight: 700;\n }\n\n .ob-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n }\n\n .ob-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(--ob-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .ob-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .ob-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .ob-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ob-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .ob-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(--ob-primary), var(--ob-secondary));\n border-radius: 2px;\n }\n\n .ob-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ob-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .ob-section-intro strong {\n color: var(--ob-primary-dark);\n }\n\n .ob-card {\n background: var(--ob-white);\n border-radius: var(--ob-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ob-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .ob-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ob-shadow-lg);\n border-color: var(--ob-primary);\n }\n\n .ob-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ob-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .ob-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ob-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .ob-card-highlight {\n background: linear-gradient(135deg, #fff 0%, var(--ob-primary-light) 100%);\n border: 2px solid var(--ob-border);\n }\n\n .ob-card-highlight strong {\n color: var(--ob-primary);\n font-size: 1.15em;\n font-weight: 900;\n }\n\n .ob-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .ob-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .ob-grid-compact .ob-card {\n padding: 1rem;\n }\n\n .ob-grid-compact .ob-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .ob-grid-compact .ob-card p {\n font-size: 12px;\n }\n\n .ob-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .ob-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .ob-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ob-primary), var(--ob-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(233,30,99,.25);\n }\n\n .ob-timeline-content {\n flex: 1;\n background: var(--ob-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ob-radius-sm);\n box-shadow: var(--ob-shadow);\n }\n\n .ob-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ob-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .ob-timeline-content p {\n font-size: 14px;\n color: var(--ob-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .ob-accordion {\n background: var(--ob-white);\n border-radius: var(--ob-radius);\n box-shadow: var(--ob-shadow);\n overflow: hidden;\n }\n\n .ob-accordion-item {\n border-bottom: 1px solid var(--ob-border);\n margin: 0;\n padding: 0;\n }\n\n .ob-accordion-item:last-child {\n border-bottom: none;\n }\n\n .ob-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ob-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 .ob-accordion-header:hover {\n background: var(--ob-primary-light);\n }\n\n .ob-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .ob-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--ob-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n }\n\n .ob-accordion-item[open] .ob-accordion-header::after {\n content: '−';\n }\n\n .ob-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ob-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .ob-accordion-content p {\n margin: 0;\n }\n\n .ob-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ob-primary-light);\n border-radius: var(--ob-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--ob-primary);\n }\n\n .ob-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .ob-tip p {\n font-size: 14px;\n color: var(--ob-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .ob-cta-box {\n background: linear-gradient(135deg, var(--ob-primary) 0%, var(--ob-primary-dark) 100%);\n border-radius: var(--ob-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--ob-shadow-lg);\n }\n\n .ob-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n .ob-cta-box strong {\n color: #fff;\n font-weight: 800;\n }\n\n @media (max-width: 767px) {\n .ob-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .ob-card {\n padding: 1.125rem;\n }\n .ob-section {\n margin-bottom: 1.75rem;\n }\n .ob-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ob-radius-sm);\n }\n .ob-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .ob-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .ob-grid-compact {\n gap: .625rem;\n }\n .ob-grid-compact .ob-card {\n padding: .75rem;\n }\n .ob-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .ob-timeline-content {\n padding: .875rem 1rem;\n }\n .ob-timeline-content h3 {\n font-size: 14px;\n }\n .ob-timeline-content p {\n font-size: 13px;\n }\n .ob-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .ob-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .ob-card {\n animation: obFadeInUp .5s ease backwards;\n }\n .ob-card:nth-child(1) { animation-delay: .05s; }\n .ob-card:nth-child(2) { animation-delay: .1s; }\n .ob-card:nth-child(3) { animation-delay: .15s; }\n .ob-card:nth-child(4) { animation-delay: .2s; }\n }\n\n @keyframes obFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ob-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754696925341,"sku":"NBAISUP0035","price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huiles-onagre-bourrache-beaute-de-la-peau-200-capsules-super-packshothd.webp?v=1776425590"},{"product_id":"omega-3-huile-de-poissons-sauvages-120-capsules-superdiet","title":"Oméga 3 Huile De Poissons Sauvages - 120 Capsules - Superdiet","description":"\u003cdiv class=\"om3-premium\"\u003e\n \u003cdiv class=\"om3-hero\"\u003e\n \u003cdiv class=\"om3-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"om3-hero-content\"\u003e\n \u003cdiv class=\"om3-badges-top\"\u003e\n \u003cspan class=\"om3-badge\"\u003e🐟 Poissons sauvages\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e❤️ Fonction cardiaque\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"om3-badge\"\u003e♻️ Flacon recyclé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"om3-hero-title\"\u003eOméga 3 Huile de Poissons Sauvages\u003c\/span\u003e\n \u003cp class=\"om3-subtitle\"\u003e120 capsules · Superdiet · Cure de 40 jours\u003c\/p\u003e\n \u003cp class=\"om3-description\"\u003ePlongez au cœur des bienfaits des océans avec une source concentrée et naturelle d'\u003cstrong\u003eacides gras essentiels EPA et DHA\u003c\/strong\u003e, indispensables au bon fonctionnement de votre cœur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003ePourquoi les oméga-3 sont-ils indispensables ?\u003c\/h2\u003e\n \u003cp class=\"om3-section-intro\"\u003eLes oméga-3 font partie des \u003cstrong\u003eacides gras polyinsaturés essentiels\u003c\/strong\u003e. Ils doivent être apportés par l'alimentation ou la supplémentation, car le corps humain est incapable de les synthétiser.\u003c\/p\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🐟 Poissons gras\u003c\/h3\u003e\n \u003cp\u003eSardine, maquereau, anchois et saumon sont les sources naturelles les plus riches en EPA et DHA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🌿 Huiles végétales\u003c\/h3\u003e\n \u003cp\u003eLes huiles de lin, colza ou noix apportent de l'ALA, un oméga-3 d'origine végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e💊 Supplémentation ciblée\u003c\/h3\u003e\n \u003cp\u003eL'alimentation moderne couvre rarement les besoins quotidiens : la supplémentation prend tout son sens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eLes bienfaits des oméga-3 Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e❤️ Fonction cardiaque\u003c\/h3\u003e\n \u003cp\u003eLe DHA et l'EPA contribuent à une fonction cardiaque normale à raison de \u003cstrong\u003e250 mg par jour\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e👁️ Vision\u003c\/h3\u003e\n \u003cp\u003eLe DHA participe au maintien d'une vision normale au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🧠 Cerveau\u003c\/h3\u003e\n \u003cp\u003eLe DHA soutient le bon fonctionnement cérébral jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-tip\"\u003e\n \u003cspan class=\"om3-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eCes allégations sont reconnues par l'\u003cstrong\u003eAutorité européenne de sécurité des aliments (EFSA)\u003c\/strong\u003e lorsque les apports journaliers sont respectés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eUne qualité marine d'exception\u003c\/h2\u003e\n \u003cp class=\"om3-section-intro\"\u003eSuperdiet sélectionne rigoureusement des \u003cstrong\u003epoissons sauvages pêchés en eaux froides préservées\u003c\/strong\u003e, avec une traçabilité complète de la matière première jusqu'à la capsule.\u003c\/p\u003e\n \u003cdiv class=\"om3-grid-compact\"\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🌊 Eaux froides\u003c\/h3\u003e\n \u003cp\u003ePêche en zones marines préservées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🛡️ Purifiée\u003c\/h3\u003e\n \u003cp\u003eSans métaux lourds ni PCB\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eNormes strictes UE respectées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card\"\u003e\n \u003ch3\u003e♻️ Éco-engagement\u003c\/h3\u003e\n \u003cp\u003eFlacon recyclé et recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eComposition pour 3 capsules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"om3-grid\"\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e🐠 Huile de poissons sauvages\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e1 500 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e💧 EPA\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e270 mg\u003c\/p\u003e\n \u003cp class=\"om3-dosage-label\"\u003eacide eicosapentaénoïque\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-card om3-card-highlight\"\u003e\n \u003ch3\u003e💧 DHA\u003c\/h3\u003e\n \u003cp class=\"om3-dosage\"\u003e180 mg\u003c\/p\u003e\n \u003cp class=\"om3-dosage-label\"\u003eacide docosahexaénoïque\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-tip\"\u003e\n \u003cspan class=\"om3-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eListe complète des ingrédients :\u003c\/strong\u003e huile de poissons sauvages, gélatine de poisson (enveloppe), humectant : glycérol. \u003cstrong\u003eSans colorant, sans conservateur, sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"om3-timeline\"\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003e3 capsules par jour\u003c\/h3\u003e\n \u003cp\u003ePrenez vos capsules de préférence au moment des repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003eAvec un grand verre d'eau\u003c\/h3\u003e\n \u003cp\u003ePour faciliter la prise et l'assimilation des capsules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-item\"\u003e\n \u003cdiv class=\"om3-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"om3-timeline-content\"\u003e\n \u003ch3\u003eCure de 40 jours\u003c\/h3\u003e\n \u003cp\u003eLe flacon de 120 capsules vous assure une cure complète. Pour un bénéfice optimal, une supplémentation régulière sur plusieurs mois est recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"om3-tip\"\u003e\n \u003cspan class=\"om3-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eNe pas dépasser la dose journalière indiquée. Ce complément alimentaire ne remplace pas une alimentation variée, équilibrée et un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"om3-accordion\"\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e🐟 Allergies\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes allergiques aux poissons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e💊 Traitement anticoagulant\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement anticoagulant, demandez conseil à votre médecin avant la prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. À conserver au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"om3-accordion-item\"\u003e\n \u003csummary class=\"om3-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"om3-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eImportant :\u003c\/strong\u003e ce complément alimentaire ne se substitue en aucun cas à un traitement médical. En cas de doute ou de pathologie, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"om3-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"om3-cta-box\"\u003e\n \u003cp\u003eLes capsules d'oméga-3 Superdiet s'adressent à toutes les personnes soucieuses de leur \u003cstrong\u003esanté cardiovasculaire\u003c\/strong\u003e, de leur équilibre nutritionnel ou dont l'alimentation est pauvre en poissons gras.\u003cbr\u003e\u003cbr\u003eUn geste simple, intégré à votre routine quotidienne, pour prendre soin de vous naturellement. 🌊\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"om3-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée et un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --om3-cream: #f5f7f4;\n --om3-white: #ffffff;\n --om3-primary: #2e7d4f;\n --om3-primary-dark: #1b5233;\n --om3-primary-light: #e8f1ea;\n --om3-secondary: #c8382e;\n --om3-accent: #d4a017;\n\n --om3-text: #1a1a1a;\n --om3-text-light: #5a5a5a;\n\n --om3-border: #e0e0e0;\n --om3-shadow: 0 4px 24px rgba(0,0,0,.08);\n --om3-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --om3-radius: 20px;\n --om3-radius-sm: 12px;\n}\n\n.om3-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--om3-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--om3-text);\n}\n\n.om3-hero {\n position: relative;\n background: linear-gradient(135deg, #1b5233 0%, #2e7d4f 50%, #3a9960 100%);\n border-radius: var(--om3-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(--om3-shadow-lg);\n}\n\n.om3-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(212,160,23,.4) 0%, transparent 40%);\n opacity: .15;\n}\n\n.om3-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.om3-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 line-height: 1.1;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.om3-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.om3-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.om3-description strong {\n color: #ffe9a8;\n}\n\n.om3-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.om3-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(--om3-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.om3-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.om3-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.om3-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--om3-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.om3-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(--om3-primary), var(--om3-accent));\n border-radius: 2px;\n}\n\n.om3-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--om3-text-light);\n margin: 0 auto 1.5rem;\n max-width: 680px;\n line-height: 1.7;\n}\n\n.om3-card {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--om3-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.om3-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--om3-shadow-lg);\n border-color: var(--om3-primary);\n}\n\n.om3-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--om3-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.om3-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.om3-card-highlight {\n background: linear-gradient(135deg, var(--om3-white) 0%, var(--om3-primary-light) 100%);\n border-color: var(--om3-primary-light);\n}\n\n.om3-dosage {\n font-size: clamp(20px, 4vw, 28px) !important;\n font-weight: 900 !important;\n color: var(--om3-primary-dark) !important;\n margin: .5rem 0 0 0 !important;\n letter-spacing: -.02em;\n}\n\n.om3-dosage-label {\n font-size: 12px !important;\n color: var(--om3-text-light) !important;\n font-style: italic;\n margin-top: .25rem !important;\n}\n\n.om3-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.om3-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.om3-grid-compact .om3-card {\n padding: 1rem;\n}\n\n.om3-grid-compact .om3-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.om3-grid-compact .om3-card p {\n font-size: 12px;\n}\n\n.om3-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.om3-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.om3-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--om3-primary), var(--om3-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(46,125,79,.3);\n}\n\n.om3-timeline-content {\n flex: 1;\n background: var(--om3-white);\n padding: 1rem 1.25rem;\n border-radius: var(--om3-radius-sm);\n box-shadow: var(--om3-shadow);\n}\n\n.om3-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--om3-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.om3-timeline-content p {\n font-size: 14px;\n color: var(--om3-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.om3-accordion {\n background: var(--om3-white);\n border-radius: var(--om3-radius);\n box-shadow: var(--om3-shadow);\n overflow: hidden;\n}\n\n.om3-accordion-item {\n border-bottom: 1px solid var(--om3-border);\n margin: 0;\n padding: 0;\n}\n\n.om3-accordion-item:last-child {\n border-bottom: none;\n}\n\n.om3-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--om3-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.om3-accordion-header:hover {\n background: var(--om3-primary-light);\n}\n\n.om3-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.om3-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--om3-primary);\n transition: transform .2s ease;\n}\n\n.om3-accordion-item[open] .om3-accordion-header::after {\n content: '−';\n}\n\n.om3-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--om3-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.om3-accordion-content p {\n margin: 0;\n}\n\n.om3-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--om3-primary-light);\n border-radius: var(--om3-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--om3-primary);\n}\n\n.om3-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.om3-tip p {\n font-size: 14px;\n color: var(--om3-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.om3-cta-box {\n background: linear-gradient(135deg, var(--om3-primary) 0%, var(--om3-primary-dark) 100%);\n border-radius: var(--om3-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--om3-shadow-lg);\n}\n\n.om3-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(212,160,23,.2) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.om3-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.om3-cta-box strong {\n color: #ffe9a8;\n}\n\n.om3-disclaimer {\n font-size: 12px;\n color: var(--om3-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .om3-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .om3-card {\n padding: 1.125rem;\n }\n\n .om3-section {\n margin-bottom: 1.75rem;\n }\n\n .om3-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--om3-radius-sm);\n }\n\n .om3-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .om3-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .om3-grid-compact {\n gap: .625rem;\n }\n\n .om3-grid-compact .om3-card {\n padding: .75rem;\n }\n\n .om3-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .om3-timeline-content {\n padding: .875rem 1rem;\n }\n\n .om3-timeline-content h3 {\n font-size: 14px;\n }\n\n .om3-timeline-content p {\n font-size: 13px;\n }\n\n .om3-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .om3-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .om3-card {\n animation: om3FadeInUp .5s ease backwards;\n }\n .om3-card:nth-child(1) { animation-delay: .05s; }\n .om3-card:nth-child(2) { animation-delay: .1s; }\n .om3-card:nth-child(3) { animation-delay: .15s; }\n .om3-card:nth-child(4) { animation-delay: .2s; }\n .om3-card:nth-child(5) { animation-delay: .25s; }\n .om3-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes om3FadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .om3-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754699514013,"sku":"NBAISUP0007","price":23.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/omega_3_fonctions-cardiaques_120_capsules_superdiet.jpg?v=1776436338"},{"product_id":"radis-noir-artichaut-bio-80-comprimes-superdiet","title":"Radis Noir \u0026 Artichaut Bio : Bien-être du Foie - 80 Comprimés - Superdiet","description":"\u003cdiv class=\"rna-premium\"\u003e\n \u003cdiv class=\"rna-hero\"\u003e\n \u003cdiv class=\"rna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rna-hero-content\"\u003e\n \u003cdiv class=\"rna-badges-top\"\u003e\n \u003cspan class=\"rna-badge\"\u003e🌱 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e🌿 100% Végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rna-hero-title\"\u003eRadis Noir \u0026amp; Artichaut Bio\u003c\/span\u003e\n \u003cp class=\"rna-subtitle\" style=\"color:lightgrey;\"\u003eBien-être du foie · 80 comprimés · Cure 20 jours\u003c\/p\u003e\n \u003cp class=\"rna-description\" style=\"color:lightgrey;\"\u003eLe duo emblématique de la phytothérapie française pour soutenir votre foie et favoriser une digestion sereine. Une formule 100% végétale, certifiée bio et fabriquée en France par Superdiet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003ePourquoi associer le radis noir et l'artichaut ?\u003c\/h2\u003e\n \u003cp class=\"rna-section-intro\"\u003eDeux plantes emblématiques, une synergie puissante pour le bien-être hépatique et digestif.\u003c\/p\u003e\n \u003cdiv class=\"rna-grid\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌑 Le Radis Noir\u003c\/h3\u003e\n \u003cp\u003eRaphanus sativus, racine traditionnellement utilisée pour participer à la santé naturelle du foie et soutenir les fonctions d'élimination. Riche en composés soufrés, l'alliée des cures de changement de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌿 L'Artichaut\u003c\/h3\u003e\n \u003cp\u003eCynara scolymus, dont les feuilles contiennent naturellement de la cynarine, reconnue pour contribuer au bien-être hépatique et faciliter le confort digestif après les repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e✨ La Synergie\u003c\/h3\u003e\n \u003cp\u003eUn duo complémentaire particulièrement apprécié pour accompagner une cure détox douce. Les comprimés Superdiet offrent un dosage précis, pratique à emporter et sans alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003ePour qui ce complément est-il conçu ?\u003c\/h2\u003e\n \u003cdiv class=\"rna-grid-compact\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🍽️ Digestion lourde\u003c\/h3\u003e\n \u003cp\u003eLes personnes ressentant des lourdeurs digestives après les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌸 Cure saisonnière\u003c\/h3\u003e\n \u003cp\u003eCelles qui souhaitent effectuer une cure détox au printemps ou en automne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🎉 Après excès\u003c\/h3\u003e\n \u003cp\u003eLes adeptes d'une alimentation riche ou après les périodes de fêtes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌱 Solutions naturelles\u003c\/h3\u003e\n \u003cp\u003eTous ceux qui privilégient les solutions naturelles et bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"rna-timeline\"\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003e👤 Qui ?\u003c\/h3\u003e\n \u003cp\u003eAdultes et adolescents de plus de 12 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003e💊 Quoi ?\u003c\/h3\u003e\n \u003cp\u003e4 comprimés par jour, répartis en 2 prises de 2 comprimés, avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003e🕐 Quand ?\u003c\/h3\u003e\n \u003cp\u003ePendant les repas. Une boîte = une cure de 20 jours, durée idéale pour ressentir les bienfaits du duo\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003e💧 Comment optimiser ?\u003c\/h3\u003e\n \u003cp\u003eAssociez votre cure à une alimentation équilibrée, riche en légumes verts, et à une bonne hydratation (1,5 L d'eau par jour)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-tip\"\u003e\n \u003cspan class=\"rna-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes souffrant d'obstruction des voies biliaires. Demandez conseil à votre médecin en cas de traitement en cours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eComposition pour 4 comprimés (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"rna-grid-compact\"\u003e\n \u003cdiv class=\"rna-card rna-card-highlight\"\u003e\n \u003ch3\u003e🌑 Radis noir bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e600 mg\u003c\/strong\u003e\u003cbr\u003eRacine - Raphanus sativus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card rna-card-highlight\"\u003e\n \u003ch3\u003e🌿 Artichaut bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003cbr\u003eFeuille - Cynara scolymus\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🍃 Agent de charge\u003c\/h3\u003e\n \u003cp\u003eGomme d'acacia bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e⚗️ Anti-agglomérants\u003c\/h3\u003e\n \u003cp\u003eCarbonate de magnésium, silice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-tip\"\u003e\n \u003cspan class=\"rna-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans alcool, sans colorant, sans conservateur\u003c\/strong\u003e, 100% d'origine végétale, certifiée Agriculture Biologique (FR-BIO-01).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eUne fabrication française et éco-responsable\u003c\/h2\u003e\n \u003cdiv class=\"rna-grid\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🏆 60 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003eSuperdiet s'engage depuis plus de 60 ans dans une démarche qualité exigeante au service de la phytothérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eCes comprimés sont fabriqués en France, à partir de plantes issues de l'agriculture biologique, rigoureusement sélectionnées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e♻️ Emballage éco-conçu\u003c\/h3\u003e\n \u003cp\u003eLe flacon est fabriqué en matière recyclée et recyclable, s'inscrivant dans une logique d'emballage éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eVos questions, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"rna-accordion\"\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e🌸 Quand faire une cure de radis noir et artichaut ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eIdéalement aux changements de saison (printemps, automne) ou après une période d'excès alimentaires comme les fêtes de fin d'année.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e🔄 Peut-on renouveler la cure ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, vous pouvez renouveler la cure de 20 jours après une pause de quelques semaines, 2 à 3 fois par an.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e💊 Comprimés ou ampoules radis noir artichaut : que choisir ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eLes comprimés sont plus pratiques au quotidien et sans alcool, tandis que les ampoules offrent une forme liquide rapidement assimilable. Le choix dépend de vos préférences personnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e🌙 Astuce bien-être : stimulez votre digestion\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eLe soir, après le dîner, allongez-vous et placez une bouillotte chaude sur la région abdominale. Ceci va favoriser la vascularisation de votre foie au moment où il en a le plus besoin et l'aider à se nettoyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rna-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre foie le duo emblématique de la phytothérapie française. Radis noir \u0026amp; artichaut bio, une cure douce et naturelle pour retrouver confort digestif et bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rna-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rna-cream: #f4f7f0;\n --rna-white: #ffffff;\n --rna-primary: #2d5f3f;\n --rna-primary-dark: #1f4230;\n --rna-primary-light: #e8f0e4;\n --rna-secondary: #8b1f3a;\n --rna-accent: #c9a961;\n --rna-text: #1a1a1a;\n --rna-text-light: #5a5a5a;\n --rna-border: #e0e0e0;\n --rna-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rna-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rna-radius: 20px;\n --rna-radius-sm: 12px;\n}\n\n.rna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rna-text);\n line-height: 1.6;\n}\n\n.rna-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5f3f 0%, #1f4230 50%, #8b1f3a 100%);\n border-radius: var(--rna-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rna-shadow-lg);\n}\n\n.rna-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(201,169,97,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.rna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rna-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.rna-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.rna-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.rna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rna-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rna-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rna-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rna-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.rna-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rna-primary), var(--rna-secondary));\n border-radius: 2px;\n}\n\n.rna-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rna-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.rna-premium p {\n color: var(--rna-text);\n}\n\n.rna-card {\n background: var(--rna-white);\n border-radius: var(--rna-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rna-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rna-shadow-lg);\n border-color: var(--rna-primary);\n}\n\n.rna-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rna-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rna-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rna-card-highlight {\n background: linear-gradient(135deg, var(--rna-primary-light) 0%, #ffffff 100%);\n border-color: var(--rna-primary);\n}\n\n.rna-card-highlight strong {\n color: var(--rna-secondary);\n font-size: 20px;\n font-weight: 900;\n}\n\n.rna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rna-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rna-grid-compact .rna-card {\n padding: 1rem;\n}\n\n.rna-grid-compact .rna-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rna-grid-compact .rna-card p {\n font-size: 12px;\n}\n\n.rna-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rna-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rna-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rna-primary), var(--rna-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rna-timeline-content {\n flex: 1;\n background: var(--rna-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rna-radius-sm);\n box-shadow: var(--rna-shadow);\n}\n\n.rna-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rna-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rna-timeline-content p {\n font-size: 14px;\n color: var(--rna-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rna-accordion {\n background: var(--rna-white);\n border-radius: var(--rna-radius);\n box-shadow: var(--rna-shadow);\n overflow: hidden;\n}\n\n.rna-accordion-item {\n border-bottom: 1px solid var(--rna-border);\n margin: 0;\n padding: 0;\n}\n\n.rna-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rna-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rna-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.rna-accordion-header:hover {\n background: var(--rna-primary-light);\n}\n\n.rna-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rna-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--rna-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.rna-accordion-item[open] .rna-accordion-header::after {\n content: '−';\n}\n\n.rna-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rna-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rna-accordion-content p {\n margin: 0;\n color: var(--rna-text-light);\n}\n\n.rna-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rna-primary-light);\n border-radius: var(--rna-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--rna-primary);\n}\n\n.rna-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.rna-tip p {\n font-size: 14px;\n color: var(--rna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.rna-cta-box {\n background: linear-gradient(135deg, var(--rna-primary) 0%, var(--rna-primary-dark) 100%);\n border-radius: var(--rna-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--rna-shadow-lg);\n}\n\n.rna-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.rna-disclaimer {\n font-size: 12px;\n color: var(--rna-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .rna-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .rna-card {\n padding: 1.125rem;\n }\n .rna-section {\n margin-bottom: 1.75rem;\n }\n .rna-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rna-radius-sm);\n }\n .rna-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .rna-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .rna-grid-compact {\n gap: .625rem;\n }\n .rna-grid-compact .rna-card {\n padding: .75rem;\n }\n .rna-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .rna-timeline-content {\n padding: .875rem 1rem;\n }\n .rna-timeline-content h3 {\n font-size: 14px;\n }\n .rna-timeline-content p {\n font-size: 13px;\n }\n .rna-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .rna-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rna-card {\n animation: rnaFadeInUp .5s ease backwards;\n }\n .rna-card:nth-child(1) { animation-delay: .05s; }\n .rna-card:nth-child(2) { animation-delay: .1s; }\n .rna-card:nth-child(3) { animation-delay: .15s; }\n .rna-card:nth-child(4) { animation-delay: .2s; }\n .rna-card:nth-child(5) { animation-delay: .25s; }\n .rna-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rnaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754702069917,"sku":"NBAISUP0048","price":15.09,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/radis_noir_artichaut_bio_80_comprimes_superdiet.jpg?v=1758619291"},{"product_id":"acerola-500-bio-24-comprimes-a-croquer-superdiet","title":"Acérola 500 Bio - 24 Comprimés à Croquer - Superdiet","description":"\u003cdiv class=\"acb-premium\"\u003e\n \u003cdiv class=\"acb-hero\"\u003e\n \u003cdiv class=\"acb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"acb-hero-content\"\u003e\n \u003cdiv class=\"acb-badges-top\"\u003e\n \u003cspan class=\"acb-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"acb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"acb-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"acb-badge\"\u003e💊 24 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"acb-hero-title\"\u003eAcérola 500 Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"acb-subtitle\"\u003eVitamine C 100 % naturelle • Réduction de la fatigue\u003c\/p\u003e\n \u003cp class=\"acb-description\"\u003eLa puissance de la cerise des Barbades concentrée dans un comprimé à croquer au goût fruité. Un coup de boost naturel pour affronter vos journées avec énergie, dès 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eL'acérola, la petite cerise aux grands pouvoirs\u003c\/h2\u003e\n \u003cp class=\"acb-section-intro\"\u003eOriginaire d'Amérique du Sud, l'\u003cstrong\u003eacérola\u003c\/strong\u003e (Malpighia punicifolia), aussi appelée \u003cstrong\u003ecerise des Barbades\u003c\/strong\u003e, est l'un des fruits les plus riches en \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e au monde.\u003c\/p\u003e\n \u003cdiv class=\"acb-highlight-box\"\u003e\n \u003cdiv class=\"acb-highlight-number\"\u003e30×\u003c\/div\u003e\n \u003cdiv class=\"acb-highlight-text\"\u003e\n \u003cstrong\u003eplus de vitamine C que l'orange\u003c\/strong\u003e\n \u003cp\u003eC'est précisément pourquoi l'association vitamine C et acérola est plébiscitée par celles et ceux qui recherchent une alternative naturelle à la vitamine C synthétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'acérola 500 Bio\u003c\/h2\u003e\n \u003cp class=\"acb-section-intro\"\u003eGrâce à sa vitamine C 100 % d'origine naturelle, l'Acérola 500 Bio Superdiet vous apporte plusieurs bénéfices validés scientifiquement.\u003c\/p\u003e\n \u003cdiv class=\"acb-grid\"\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n \u003cp\u003eAgit sur la fatigue passagère et physique pour retrouver énergie et vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eContribue au fonctionnement normal du système immunitaire, idéal aux changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e✨ Formation du collagène\u003c\/h3\u003e\n \u003cp\u003eParticipe à la formation normale du collagène pour la peau, les vaisseaux sanguins et les cartilages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🌟 Antioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eProtège les cellules contre le stress oxydatif grâce à sa richesse en vitamine C naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🩸 Absorption du fer\u003c\/h3\u003e\n \u003cp\u003eAméliore l'assimilation du fer d'origine végétale, un atout clé pour les régimes végétariens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🎯 Vitalité ciblée\u003c\/h3\u003e\n \u003cp\u003eParfait en période d'examens, pour les sportifs ou lors d'un besoin ponctuel de tonus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eComposition : 100 % naturelle et bio\u003c\/h2\u003e\n \u003cp class=\"acb-section-intro\"\u003eChaque comprimé de 850 mg est formulé avec des ingrédients soigneusement sélectionnés, sans colorants, sans conservateurs et sans vitamine C de synthèse.\u003c\/p\u003e\n \u003cdiv class=\"acb-compo\"\u003e\n \u003cdiv class=\"acb-compo-main\"\u003e\n \u003cdiv class=\"acb-compo-dose\"\u003e500 mg\u003c\/div\u003e\n \u003cdiv class=\"acb-compo-name\"\u003eExtrait concentré d'acérola\u003c\/div\u003e\n \u003cdiv class=\"acb-compo-detail\"\u003eMalpighia punicifolia titré à 17 % de vitamine C\u003cbr\u003e\u003cstrong\u003e→ 85 mg de vitamine C (106 % des VNR*)\u003c\/strong\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-grid-compact\"\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🍒 Poudre d'acérola Bio\u003c\/h3\u003e\n \u003cp\u003ePour un apport complet en vitamine C naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🌾 Sucre de canne Bio\u003c\/h3\u003e\n \u003cp\u003ePour un goût fruité agréable au palais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🍊 Arômes naturels\u003c\/h3\u003e\n \u003cp\u003eOrange et framboise pour un goût délicieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-card\"\u003e\n \u003ch3\u003e🌱 Agents d'enrobage\u003c\/h3\u003e\n \u003cp\u003eGomme d'acacia et carbonate de magnésium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"acb-disclaimer\"\u003e*Valeurs Nutritionnelles de Référence. Convient aux vegans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"acb-timeline\"\u003e\n \u003cdiv class=\"acb-timeline-item\"\u003e\n \u003cdiv class=\"acb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-content\"\u003e\n \u003ch3\u003eCroquez 1 comprimé par jour\u003c\/h3\u003e\n \u003cp\u003eUn seul comprimé suffit pour bénéficier de tous les bienfaits de l'acérola bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-item\"\u003e\n \u003cdiv class=\"acb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-content\"\u003e\n \u003ch3\u003eDe préférence le matin\u003c\/h3\u003e\n \u003cp\u003eAu petit-déjeuner pour profiter de son effet tonifiant dès le réveil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-item\"\u003e\n \u003cdiv class=\"acb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"acb-timeline-content\"\u003e\n \u003ch3\u003eCure de 24 jours\u003c\/h3\u003e\n \u003cp\u003eLa boîte de 24 comprimés correspond à une cure complète, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"acb-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes et allaitantes. Ne pas dépasser la dose journalière recommandée. À tenir hors de portée des enfants. Ce complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et un mode de vie sain, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\"\u003e\n \u003ch2\u003eVos interrogations sur la vitamine C acérola\u003c\/h2\u003e\n \u003cdiv class=\"acb-accordion\"\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e🤔 Acérola 500 ou vitamine C 1000 : que choisir ?\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eL'Acérola 500 offre un dosage équilibré parfaitement assimilable au quotidien. Les formules \u003cstrong\u003eacérola 1000 vitamine C\u003c\/strong\u003e sont plutôt réservées à des cures intensives ponctuelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e💡 Quels sont les effets secondaires de l'acérola ?\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eAux doses recommandées, l'\u003cstrong\u003eacérola vitamine C bio\u003c\/strong\u003e est très bien toléré. Un apport excessif en vitamine C peut toutefois provoquer des troubles digestifs passagers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"acb-accordion-item\"\u003e\n \u003csummary class=\"acb-accordion-header\"\u003e⭐ Avis sur l'acérola vitamine C\u003c\/summary\u003e\n \u003cdiv class=\"acb-accordion-content mt-3\"\u003e\n \u003cp\u003eLes utilisateurs apprécient particulièrement le \u003cstrong\u003egoût fruité naturel\u003c\/strong\u003e du comprimé à croquer et l'\u003cstrong\u003eeffet vitalité ressenti dès les premiers jours\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"acb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUne fabrication française et engagée\u003c\/h2\u003e\n \u003cdiv class=\"acb-cta-box\"\u003e\n \u003cp\u003ePionnier de la phytothérapie depuis \u003cstrong\u003e1961\u003c\/strong\u003e, Superdiet élabore ses compléments alimentaires en France, en respectant des procédés qui préservent les actifs naturels. L'acérola est cultivée dans le respect du cahier des charges de l'\u003cstrong\u003eAgriculture Biologique (AB)\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --acb-cream: #fdf8f0;\n --acb-white: #ffffff;\n --acb-primary: #c8102e;\n --acb-primary-dark: #8b0a1f;\n --acb-primary-light: #fce8ec;\n --acb-secondary: #f4a948;\n --acb-accent: #7cb342;\n --acb-text: #1a1a1a;\n --acb-text-light: #5a5a5a;\n --acb-border: #e8dfd0;\n --acb-shadow: 0 4px 24px rgba(139,10,31,.08);\n --acb-shadow-lg: 0 12px 48px rgba(139,10,31,.15);\n --acb-radius: 20px;\n --acb-radius-sm: 12px;\n}\n\n.acb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--acb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--acb-text);\n line-height: 1.6;\n}\n\n.acb-hero {\n position: relative;\n background: linear-gradient(135deg, #c8102e 0%, #e8422f 50%, #f4a948 100%);\n border-radius: var(--acb-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(--acb-shadow-lg);\n}\n\n.acb-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%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .4;\n}\n\n.acb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.acb-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.acb-subtitle {\n color: white;\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n opacity: .95;\n}\n\n.acb-description {\n color: white;\n font-size: clamp(14px, 2vw, 16px);\n max-width: 640px;\n margin: 0 auto;\n opacity: .92;\n line-height: 1.7;\n}\n\n.acb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.acb-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(--acb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.acb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.acb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.acb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--acb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.acb-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(--acb-primary), var(--acb-secondary));\n border-radius: 2px;\n}\n\n.acb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acb-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.acb-card {\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--acb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.acb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--acb-shadow-lg);\n border-color: var(--acb-primary);\n}\n\n.acb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--acb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.acb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.acb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.acb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.acb-grid-compact .acb-card {\n padding: 1rem;\n}\n\n.acb-grid-compact .acb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.acb-grid-compact .acb-card p {\n font-size: 12px;\n}\n\n.acb-highlight-box {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acb-shadow);\n border-left: 6px solid var(--acb-primary);\n}\n\n.acb-highlight-number {\n font-size: clamp(48px, 10vw, 80px);\n font-weight: 900;\n background: linear-gradient(135deg, var(--acb-primary), var(--acb-secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n line-height: 1;\n flex-shrink: 0;\n letter-spacing: -.04em;\n}\n\n.acb-highlight-text {\n flex: 1;\n}\n\n.acb-highlight-text strong {\n display: block;\n font-size: clamp(16px, 2.5vw, 20px);\n color: var(--acb-primary-dark);\n margin-bottom: .5rem;\n font-weight: 800;\n}\n\n.acb-highlight-text p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.acb-compo {\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acb-shadow);\n}\n\n.acb-compo-main {\n text-align: center;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--acb-primary-light), #fff5e6);\n border-radius: var(--acb-radius-sm);\n margin-bottom: 1.25rem;\n border: 2px dashed var(--acb-primary);\n}\n\n.acb-compo-dose {\n font-size: clamp(36px, 7vw, 52px);\n font-weight: 900;\n color: var(--acb-primary);\n line-height: 1;\n letter-spacing: -.03em;\n}\n\n.acb-compo-name {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--acb-primary-dark);\n margin: .5rem 0;\n}\n\n.acb-compo-detail {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acb-text-light);\n line-height: 1.6;\n}\n\n.acb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.acb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.acb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--acb-primary), var(--acb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(200,16,46,.25);\n}\n\n.acb-timeline-content {\n flex: 1;\n background: var(--acb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--acb-radius-sm);\n box-shadow: var(--acb-shadow);\n}\n\n.acb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--acb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.acb-timeline-content p {\n font-size: 14px;\n color: var(--acb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.acb-accordion {\n background: var(--acb-white);\n border-radius: var(--acb-radius);\n box-shadow: var(--acb-shadow);\n overflow: hidden;\n}\n\n.acb-accordion-item {\n border-bottom: 1px solid var(--acb-border);\n margin: 0;\n padding: 0;\n}\n\n.acb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.acb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--acb-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.acb-accordion-header:hover {\n background: var(--acb-primary-light);\n}\n\n.acb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.acb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--acb-primary);\n transition: transform .2s ease;\n}\n\n.acb-accordion-item[open] .acb-accordion-header::after {\n content: '−';\n}\n\n.acb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--acb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.acb-accordion-content p {\n margin: 0;\n}\n\n.acb-cta-box {\n background: linear-gradient(135deg, var(--acb-primary) 0%, var(--acb-primary-dark) 100%);\n border-radius: var(--acb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--acb-shadow-lg);\n}\n\n.acb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.acb-disclaimer {\n font-size: 12px;\n color: var(--acb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .acb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .acb-card {\n padding: 1.125rem;\n }\n .acb-section {\n margin-bottom: 1.75rem;\n }\n .acb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--acb-radius-sm);\n }\n .acb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .acb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .acb-grid-compact {\n gap: .625rem;\n }\n .acb-grid-compact .acb-card {\n padding: .75rem;\n }\n .acb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .acb-timeline-content {\n padding: .875rem 1rem;\n }\n .acb-timeline-content h3 {\n font-size: 14px;\n }\n .acb-timeline-content p {\n font-size: 13px;\n }\n .acb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .acb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .acb-highlight-box {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n padding: 1.25rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .acb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .acb-card:nth-child(1) { animation-delay: .05s; }\n .acb-card:nth-child(2) { animation-delay: .1s; }\n .acb-card:nth-child(3) { animation-delay: .15s; }\n .acb-card:nth-child(4) { animation-delay: .2s; }\n .acb-card:nth-child(5) { animation-delay: .25s; }\n .acb-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 .acb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754706690205,"sku":"NBAISUP0002","price":13.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-500-bio-24-comprimes-a-croquer-superdiet-packshothd.webp?v=1776437357"},{"product_id":"charbon-vegetal-150-gelules-superdiet","title":"Charbon Végétal Activé - 150 Gélules - Superdiet","description":"\u003cdiv class=\"cv-premium\"\u003e\n \u003cdiv class=\"cv-hero\"\u003e\n \u003cdiv class=\"cv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cv-hero-content\"\u003e\n \u003cdiv class=\"cv-badges-top\"\u003e\n \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cv-badge\"\u003e🌱 100% Végétal\u003c\/span\u003e\n \u003cspan class=\"cv-badge\"\u003e♻️ Flacon recyclé\u003c\/span\u003e\n \u003cspan class=\"cv-badge\"\u003e📆 Cure 25 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cv-hero-title\"\u003eCharbon Végétal Activé\u003c\/span\u003e\n \u003cp class=\"cv-subtitle\"\u003e150 gélules • Superdiet\u003c\/p\u003e\n \u003cp class=\"cv-description\"\u003eVentre léger, digestion apaisée. Le charbon végétal activé issu de coques de noix de coco aide à diminuer les ballonnements et facilite le confort digestif au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eQu'est-ce que le charbon végétal activé ?\u003c\/h2\u003e\n \u003cp class=\"cv-section-intro\"\u003eUn actif naturel à la porosité exceptionnelle, véritable éponge à gaz pour votre système digestif.\u003c\/p\u003e\n \u003cdiv class=\"cv-grid-compact\"\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🥥 Origine naturelle\u003c\/h3\u003e\n \u003cp\u003eObtenu par carbonisation de coques de noix de coco, une matière première noble et renouvelable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🔥 Activation vapeur\u003c\/h3\u003e\n \u003cp\u003eUne activation à très haute température à la vapeur d'eau qui décuple sa porosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🧽 Surface XXL\u003c\/h3\u003e\n \u003cp\u003e1 gramme développe une surface d'adsorption équivalente à plusieurs centaines de m².\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🎯 Action ciblée\u003c\/h3\u003e\n \u003cp\u003eAgit comme un filtre au sein du tube digestif pour capter gaz et substances indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eLes bienfaits du charbon activé\u003c\/h2\u003e\n \u003cp class=\"cv-section-intro\"\u003eUtilisé depuis l'Antiquité, le charbon activé végétal est aujourd'hui plébiscité pour son action ciblée sur la sphère digestive.\u003c\/p\u003e\n \u003cdiv class=\"cv-grid\"\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e💨 Anti-ballonnements\u003c\/h3\u003e\n \u003cp\u003eRéduction des ballonnements et de la sensation de ventre gonflé après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🌬️ Moins de gaz\u003c\/h3\u003e\n \u003cp\u003eDiminution des flatulences et de l'aérophagie grâce à son pouvoir d'adsorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e✨ Confort digestif\u003c\/h3\u003e\n \u003cp\u003eSoutien d'un confort digestif durable au quotidien, même après les repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🍽️ Digestion facilitée\u003c\/h3\u003e\n \u003cp\u003eAide à neutraliser les désagréments liés à une digestion difficile ou lente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🧬 Microporeux\u003c\/h3\u003e\n \u003cp\u003eSa structure microporeuse fixe les gaz excédentaires présents dans l'intestin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🚫 Non assimilé\u003c\/h3\u003e\n \u003cp\u003eN'est pas absorbé par l'organisme et s'élimine naturellement par les voies naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cv-timeline\"\u003e\n \u003cdiv class=\"cv-timeline-item\"\u003e\n \u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-content\"\u003e\n \u003ch3\u003e💊 Posologie\u003c\/h3\u003e\n \u003cp\u003e6 gélules par jour, à répartir au moment des repas avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-item\"\u003e\n \u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de la cure\u003c\/h3\u003e\n \u003cp\u003eSuivez la prise quotidienne pendant 25 jours pour une efficacité optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-item\"\u003e\n \u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-content\"\u003e\n \u003ch3\u003e🍴 En cas d'inconfort ponctuel\u003c\/h3\u003e\n \u003cp\u003eRépartissez vos gélules après les 3 repas principaux (repas copieux, digestion lente).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-item\"\u003e\n \u003cdiv class=\"cv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cv-timeline-content\"\u003e\n \u003ch3\u003e⏱️ Espacer des médicaments\u003c\/h3\u003e\n \u003cp\u003eLe charbon peut réduire l'absorption de certains médicaments : espacez de 2h minimum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-tip\"\u003e\n \u003cspan class=\"cv-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eDemandez l'avis d'un professionnel de santé en cas de traitement en cours. Ce complément ne remplace pas une alimentation variée, un mode de vie équilibré, ni un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"cv-section-intro\"\u003ePour 6 gélules (dose journalière) — une formule épurée et transparente.\u003c\/p\u003e\n \u003cdiv class=\"cv-grid-compact\"\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e⚫ Charbon végétal activé\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1620 mg\u003c\/strong\u003e (270 mg\/gélule), issu de coques de noix de coco.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🐟 Enveloppe\u003c\/h3\u003e\n \u003cp\u003eGélule en gélatine de poisson, alternative au porc et au bœuf.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🧂 Anti-agglomérant\u003c\/h3\u003e\n \u003cp\u003eTalc, utilisé pour assurer l'homogénéité de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans colorant, sans conservateur, sans arôme artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"cv-grid-compact\"\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans le laboratoire Superdiet, expert reconnu depuis plus de 60 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🌿 Origine naturelle\u003c\/h3\u003e\n \u003cp\u003eSpécialiste des compléments alimentaires d'origine naturelle depuis 1961.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003eVerre teinté en matière recyclée et recyclable pour une démarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cv-card\"\u003e\n \u003ch3\u003e🛡️ Conservation optimale\u003c\/h3\u003e\n \u003cp\u003eLe verre teinté protège les principes actifs de la lumière pour une efficacité préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"cv-accordion\"\u003e\n \u003cdetails class=\"cv-accordion-item\"\u003e\n \u003csummary class=\"cv-accordion-header\"\u003e⏳ Combien de temps dure une cure ?\u003c\/summary\u003e\n \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n \u003cp\u003eUn flacon de 150 gélules couvre 25 jours à raison de 6 gélules par jour. Une cure de 3 semaines est généralement conseillée en cas de ballonnements récurrents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cv-accordion-item\"\u003e\n \u003csummary class=\"cv-accordion-header\"\u003e📆 Peut-on prendre le charbon actif tous les jours ?\u003c\/summary\u003e\n \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est préférable de l'utiliser en cure, plutôt qu'en continu, pour préserver l'assimilation des nutriments issus de l'alimentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cv-accordion-item\"\u003e\n \u003csummary class=\"cv-accordion-header\"\u003e⭐ Avis sur le charbon végétal activé Superdiet\u003c\/summary\u003e\n \u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n \u003cp\u003eApprécié pour sa tolérance digestive, son format pratique en gélules et sa fabrication française de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"cv-cta-box\"\u003e\n \u003cp\u003eRetrouvez un ventre léger et un confort digestif au quotidien grâce au pouvoir naturel du charbon végétal activé Superdiet. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"cv-disclaimer\"\u003eComplément alimentaire. À consommer dans le cadre d'une alimentation variée et d'un mode de vie sain. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --cv-cream: #f8f4f0;\n --cv-white: #ffffff;\n --cv-primary: #6b2c5f;\n --cv-primary-dark: #4a1d42;\n --cv-primary-light: #f0e6ee;\n --cv-secondary: #c0392b;\n --cv-accent: #2d5016;\n --cv-text: #1a1a1a;\n --cv-text-light: #5a5a5a;\n --cv-border: #e0e0e0;\n --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cv-radius: 20px;\n --cv-radius-sm: 12px;\n }\n\n .cv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cv-text);\n }\n\n .cv-hero {\n position: relative;\n background: linear-gradient(135deg, #2d1a2a 0%, var(--cv-primary-dark) 50%, var(--cv-primary) 100%);\n border-radius: var(--cv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cv-shadow-lg);\n }\n\n .cv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(192,57,43,.2) 0%, transparent 50%);\n opacity: .6;\n }\n\n .cv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .cv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n }\n\n .cv-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n }\n\n .cv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .cv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .cv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n }\n\n .cv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .cv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .cv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n }\n\n .cv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cv-primary), var(--cv-secondary));\n border-radius: 2px;\n }\n\n .cv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .cv-card {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .cv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cv-shadow-lg);\n border-color: var(--cv-primary);\n }\n\n .cv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .cv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .cv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .cv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .cv-grid-compact .cv-card {\n padding: 1rem;\n }\n\n .cv-grid-compact .cv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .cv-grid-compact .cv-card p {\n font-size: 12px;\n }\n\n .cv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .cv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .cv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cv-primary), var(--cv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107,44,95,.3);\n }\n\n .cv-timeline-content {\n flex: 1;\n background: var(--cv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cv-radius-sm);\n box-shadow: var(--cv-shadow);\n }\n\n .cv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cv-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .cv-timeline-content p {\n font-size: 14px;\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .cv-accordion {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n box-shadow: var(--cv-shadow);\n overflow: hidden;\n }\n\n .cv-accordion-item {\n border-bottom: 1px solid var(--cv-border);\n margin: 0;\n padding: 0;\n }\n\n .cv-accordion-item:last-child {\n border-bottom: none;\n }\n\n .cv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n }\n\n .cv-accordion-header:hover {\n background: var(--cv-primary-light);\n }\n\n .cv-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .cv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cv-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n }\n\n .cv-accordion-item[open] .cv-accordion-header::after {\n content: '−';\n }\n\n .cv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .cv-accordion-content p {\n margin: 0;\n }\n\n .cv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cv-primary-light);\n border-radius: var(--cv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cv-secondary);\n }\n\n .cv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .cv-tip p {\n font-size: 14px;\n color: var(--cv-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .cv-cta-box {\n background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 100%);\n border-radius: var(--cv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cv-shadow-lg);\n }\n\n .cv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n }\n\n .cv-disclaimer {\n font-size: 12px;\n color: var(--cv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .cv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cv-card {\n padding: 1.125rem;\n }\n\n .cv-section {\n margin-bottom: 1.75rem;\n }\n\n .cv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cv-radius-sm);\n }\n\n .cv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cv-grid-compact {\n gap: .625rem;\n }\n\n .cv-grid-compact .cv-card {\n padding: .75rem;\n }\n\n .cv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cv-timeline-content h3 {\n font-size: 14px;\n }\n\n .cv-timeline-content p {\n font-size: 13px;\n }\n\n .cv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .cv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cv-card:nth-child(1) { animation-delay: .05s; }\n .cv-card:nth-child(2) { animation-delay: .1s; }\n .cv-card:nth-child(3) { animation-delay: .15s; }\n .cv-card:nth-child(4) { animation-delay: .2s; }\n .cv-card:nth-child(5) { animation-delay: .25s; }\n .cv-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .cv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754708492445,"sku":"NBAISUP0034","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/charbon-vegetal-active-150-gelules-superdiet-packshothd.webp?v=1776436636"},{"product_id":"quatuor-bio-articulation-150-gelules-superdiet","title":"Quatuor Bio Articulation - 150 Gélules - Superdiet","description":"\u003cdiv class=\"qba-premium\"\u003e\n \u003cdiv class=\"qba-hero\"\u003e\n \u003cdiv class=\"qba-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qba-hero-content\"\u003e\n \u003cdiv class=\"qba-badges-top\"\u003e\n \u003cspan class=\"qba-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"qba-badge\"\u003e🇫🇷 Fabrication France\u003c\/span\u003e\n \u003cspan class=\"qba-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"qba-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qba-hero-title\"\u003eQuatuor Bio Articulation\u003c\/span\u003e\n \u003cp class=\"qba-subtitle\"\u003eSuperdiet • 150 gélules • Cure de 50 jours\u003c\/p\u003e\n \u003cp class=\"qba-description\"\u003eLa synergie de 4 plantes bio — Curcuma, Cassis, Harpagophytum \u0026amp; Ortie — pour soutenir votre confort articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003eQuatuor Bio Articulation Superdiet : la synergie végétale pour votre confort articulaire\u003c\/h2\u003e\n \u003cp class=\"qba-section-intro\"\u003eVos genoux craquent au réveil, vos doigts peinent à se déplier, vos épaules protestent après le sport ou le jardinage ? Le \u003cstrong\u003eQuatuor Bio Articulation de Superdiet\u003c\/strong\u003e est un complément alimentaire conçu pour soutenir votre mobilité au quotidien. Sa formule associe quatre plantes emblématiques issues de l'agriculture biologique, reconnues pour accompagner la souplesse et le confort des articulations.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire pour articulation ?\u003c\/h2\u003e\n \u003cp class=\"qba-section-intro\"\u003eAvec l'âge, la sédentarité ou au contraire la pratique sportive intensive, nos articulations sont mises à rude épreuve. Le Quatuor Superdiet se distingue par :\u003c\/p\u003e\n \u003cdiv class=\"qba-grid\"\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌿 100 % Bio certifié\u003c\/h3\u003e\n \u003cp\u003eFormule issue de l'agriculture biologique, sans additifs controversés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eProduction locale respectueuse de l'environnement et des savoir-faire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌱 Gélules vegan\u003c\/h3\u003e\n \u003cp\u003eEnveloppe d'origine végétale, faciles à avaler au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e♻️ Flacon éco-conçu\u003c\/h3\u003e\n \u003cp\u003eMatière recyclée et recyclable pour réduire l'empreinte écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e📅 Cure complète 50 jours\u003c\/h3\u003e\n \u003cp\u003e150 gélules pour une cure longue durée, renouvelable selon besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e💪 Sportifs \u0026amp; seniors\u003c\/h3\u003e\n \u003cp\u003eUn allié polyvalent aussi bien en prévention qu'après l'effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003eUne synergie de 4 plantes pour vos articulations\u003c\/h2\u003e\n \u003cdiv class=\"qba-grid\"\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌾 Harpagophytum\u003c\/h3\u003e\n \u003cp\u003eLa \"griffe du diable\" africaine, traditionnellement utilisée pour favoriser la souplesse articulaire et le confort de mouvement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🫐 Cassis\u003c\/h3\u003e\n \u003cp\u003eSes feuilles contiennent des flavonoïdes qui contribuent à la flexibilité articulaire et au bien-être général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🎋 Bambou\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en silice organique, un oligo-élément essentiel à la structure du cartilage et des tissus conjonctifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌱 Ortie\u003c\/h3\u003e\n \u003cp\u003eReconnue pour soutenir le drainage de l'organisme et participer à l'équilibre articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-tip\"\u003e\n \u003cspan class=\"qba-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eCette association ciblée fait de ce complément un allié polyvalent, aussi bien pour les personnes actives que pour celles qui ressentent les premiers signes d'inconfort liés à l'âge.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003eComposition détaillée (pour 3 gélules)\u003c\/h2\u003e\n \u003cdiv class=\"qba-grid-compact\"\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌾 Harpagophytum\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e\u003cbr\u003eExtrait bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🌱 Ortie\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e375 mg\u003c\/strong\u003e\u003cbr\u003ePoudre bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🫐 Cassis\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e225 mg\u003c\/strong\u003e\u003cbr\u003ePoudre bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-card\"\u003e\n \u003ch3\u003e🎋 Bambou\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e120 mg\u003c\/strong\u003e\u003cbr\u003eExtrait bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"qba-disclaimer\"\u003eEnveloppe de la gélule : hydroxypropylméthylcellulose (origine végétale).\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"qba-timeline\"\u003e\n \u003cdiv class=\"qba-timeline-item\"\u003e\n \u003cdiv class=\"qba-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qba-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e3 gélules par jour, à prendre au cours des repas avec un grand verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-timeline-item\"\u003e\n \u003cdiv class=\"qba-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qba-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure conseillée\u003c\/h3\u003e\n \u003cp\u003e1 à 3 mois en continu, renouvelable si besoin selon vos ressentis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-timeline-item\"\u003e\n \u003cdiv class=\"qba-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qba-timeline-content\"\u003e\n \u003ch3\u003eRespectez la dose\u003c\/h3\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 3 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-tip\"\u003e\n \u003cspan class=\"qba-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil Naturellement Bio :\u003c\/strong\u003e associez votre cure à une activité physique douce (marche, natation, yoga), une bonne hydratation et une alimentation riche en oméga-3 pour démultiplier les bénéfices sur vos articulations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qba-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"qba-accordion-item\"\u003e\n \u003csummary class=\"qba-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement anticoagulant ou souffrant de troubles digestifs (ulcères). Demandez conseil à votre médecin ou pharmacien en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"qba-accordion\"\u003e\n \u003cdetails class=\"qba-accordion-item\"\u003e\n \u003csummary class=\"qba-accordion-header\"\u003eCe complément convient-il aux sportifs ?\u003c\/summary\u003e\n \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, il est particulièrement adapté aux personnes actives qui sollicitent fortement leurs articulations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qba-accordion-item\"\u003e\n \u003csummary class=\"qba-accordion-header\"\u003ePeut-on le donner à un chien ?\u003c\/summary\u003e\n \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, ce produit est formulé pour l'humain. Pour un complément articulation chien, tournez-vous vers une formule vétérinaire spécifique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qba-accordion-item\"\u003e\n \u003csummary class=\"qba-accordion-header\"\u003eEst-il 100 % naturel ?\u003c\/summary\u003e\n \u003cdiv class=\"qba-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, tous les ingrédients sont issus de l'agriculture biologique, certifiés ECOCERT, et fabriqués en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qba-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"qba-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos articulations la force de 4 plantes bio d'exception. Souplesse, mobilité et confort retrouvés — naturellement, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"qba-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qba-cream: #f5f1e8;\n --qba-white: #ffffff;\n --qba-primary: #5a7a3a;\n --qba-primary-dark: #3d5624;\n --qba-primary-light: #e8efd9;\n --qba-secondary: #8b2a2a;\n --qba-accent: #c9a961;\n --qba-text: #2a2a1f;\n --qba-text-light: #5a5a4f;\n --qba-border: #e0dcc8;\n --qba-shadow: 0 4px 24px rgba(61,86,36,.08);\n --qba-shadow-lg: 0 12px 48px rgba(61,86,36,.18);\n --qba-radius: 20px;\n --qba-radius-sm: 12px;\n}\n\n.qba-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qba-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--qba-text);\n line-height: 1.6;\n}\n\n.qba-hero {\n position: relative;\n background: linear-gradient(135deg, #3d5624 0%, #5a7a3a 50%, #7a9b4a 100%);\n border-radius: var(--qba-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--qba-shadow-lg);\n}\n\n.qba-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(201,169,97,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.qba-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qba-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.qba-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.qba-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.qba-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qba-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--qba-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qba-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qba-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qba-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qba-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.qba-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--qba-primary), var(--qba-accent));\n border-radius: 2px;\n}\n\n.qba-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qba-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.qba-card {\n background: var(--qba-white);\n border-radius: var(--qba-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qba-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qba-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qba-shadow-lg);\n border-color: var(--qba-primary);\n}\n\n.qba-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qba-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qba-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qba-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qba-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.qba-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qba-grid-compact .qba-card {\n padding: 1rem;\n}\n\n.qba-grid-compact .qba-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qba-grid-compact .qba-card p {\n font-size: 13px;\n}\n\n.qba-grid-compact .qba-card strong {\n color: var(--qba-primary-dark);\n font-size: 16px;\n}\n\n.qba-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qba-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qba-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qba-primary), var(--qba-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(61,86,36,.25);\n}\n\n.qba-timeline-content {\n flex: 1;\n background: var(--qba-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qba-radius-sm);\n box-shadow: var(--qba-shadow);\n}\n\n.qba-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qba-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qba-timeline-content p {\n font-size: 14px;\n color: var(--qba-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.qba-accordion {\n background: var(--qba-white);\n border-radius: var(--qba-radius);\n box-shadow: var(--qba-shadow);\n overflow: hidden;\n}\n\n.qba-accordion-item {\n border-bottom: 1px solid var(--qba-border);\n margin: 0;\n padding: 0;\n}\n\n.qba-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qba-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qba-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.qba-accordion-header:hover {\n background: var(--qba-primary-light);\n}\n\n.qba-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qba-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--qba-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.qba-accordion-item[open] .qba-accordion-header::after {\n content: '−';\n}\n\n.qba-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qba-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qba-accordion-content p {\n margin: 0;\n}\n\n.qba-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qba-primary-light);\n border-radius: var(--qba-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--qba-primary);\n}\n\n.qba-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qba-tip p {\n font-size: 14px;\n color: var(--qba-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qba-cta-box {\n background: linear-gradient(135deg, var(--qba-primary) 0%, var(--qba-primary-dark) 100%);\n border-radius: var(--qba-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--qba-shadow-lg);\n}\n\n.qba-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(201,169,97,.25) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.qba-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.qba-disclaimer {\n font-size: 12px;\n color: var(--qba-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .qba-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qba-card {\n padding: 1.125rem;\n }\n .qba-section {\n margin-bottom: 1.75rem;\n }\n .qba-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qba-radius-sm);\n }\n .qba-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qba-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qba-grid-compact {\n gap: .625rem;\n }\n .qba-grid-compact .qba-card {\n padding: .75rem;\n }\n .qba-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qba-timeline-content {\n padding: .875rem 1rem;\n }\n .qba-timeline-content h3 {\n font-size: 14px;\n }\n .qba-timeline-content p {\n font-size: 13px;\n }\n .qba-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qba-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .qba-card {\n animation: fadeInUp .5s ease backwards;\n }\n .qba-card:nth-child(1) { animation-delay: .05s; }\n .qba-card:nth-child(2) { animation-delay: .1s; }\n .qba-card:nth-child(3) { animation-delay: .15s; }\n .qba-card:nth-child(4) { animation-delay: .2s; }\n .qba-card:nth-child(5) { animation-delay: .25s; }\n .qba-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qba-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754711834781,"sku":"NBAISUP0026","price":23.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor_articulations_bio_150_gelules_superdiet.jpg?v=1776408586"},{"product_id":"quatuor-sommeil-paisible-bio-20-ampoules-superdiet","title":"Quatuor Sommeil Paisible Bio 20 Ampoules - Superdiet","description":"\u003cdiv class=\"sp-premium\"\u003e\n \u003cdiv class=\"sp-hero\"\u003e\n \u003cdiv class=\"sp-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sp-hero-content\"\u003e\n \u003cdiv class=\"sp-badges-top\"\u003e\n \u003cspan class=\"sp-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🇫🇷 Plantes françaises\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e🌙 Sans mélatonine\u003c\/span\u003e\n \u003cspan class=\"sp-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sp-hero-title\"\u003eQuatuor Sommeil Paisible Bio\u003c\/span\u003e\n \u003cp class=\"sp-subtitle\"\u003e20 ampoules buvables — Superdiet\u003c\/p\u003e\n \u003cp class=\"sp-description\"\u003eRetrouvez des nuits apaisées grâce à la synergie de 4 plantes biologiques françaises, concentrées selon la méthode Canopée pour une efficacité renforcée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003cp class=\"sp-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire sommeil\u003c\/strong\u003e efficace, naturel et sans mélatonine ? Le \u003cstrong\u003eQuatuor Sommeil Paisible Bio de Superdiet\u003c\/strong\u003e associe la force de quatre plantes françaises biologiques, soigneusement sélectionnées pour favoriser un \u003cstrong\u003esommeil réparateur\u003c\/strong\u003e et des nuits apaisées. Présenté en ampoules buvables, il offre une formule concentrée et une assimilation rapide, idéale pour retrouver un rythme nocturne harmonieux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément alimentaire pour le sommeil ?\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003eLes nuits agitées, les difficultés d'endormissement ou les réveils fréquents peuvent vite impacter votre qualité de vie. Ce \u003cstrong\u003ecomplément alimentaire naturel sommeil\u003c\/strong\u003e a été pensé pour celles et ceux qui souhaitent une alternative douce, 100 % végétale et \u003cstrong\u003esans mélatonine\u003c\/strong\u003e. Grâce à la méthode Canopée de Superdiet, la formule contient +125 % d'actifs par rapport à une formule classique, pour une efficacité renforcée à chaque prise.\u003c\/p\u003e\n \u003cdiv class=\"sp-grid-compact\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌿 100% plantes bio\u003c\/h3\u003e\n \u003cp\u003ePlantes françaises issues de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌱 Vegan \u0026amp; pur\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eÉlaboré dans les Hauts-de-France par Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e📅 Cure de 20 jours\u003c\/h3\u003e\n \u003cp\u003e20 ampoules buvables de 10 ml — 1 par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eComposition : 4 plantes bio aux vertus reconnues\u003c\/h2\u003e\n \u003cp class=\"sp-section-intro\"\u003ePour chaque ampoule de 10 ml, vous bénéficiez d'un dosage concentré en extraits de plantes :\u003c\/p\u003e\n \u003cdiv class=\"sp-grid\"\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌾 Angélique Bio — 490 mg\u003c\/h3\u003e\n \u003cp\u003ePlante traditionnellement utilisée pour favoriser la détente et le bien-être nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌸 Passiflore Bio — 340 mg\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés relaxantes, elle contribue à un \u003cstrong\u003esommeil profond\u003c\/strong\u003e et à la réduction de la nervosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌼 Eschscholtzia Bio — 300 mg\u003c\/h3\u003e\n \u003cp\u003eAussi appelée pavot de Californie, elle aide à favoriser l'endormissement en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-card\"\u003e\n \u003ch3\u003e🌺 Aubépine Bio — 150 mg\u003c\/h3\u003e\n \u003cp\u003ePlante apaisante, elle soutient la relaxation avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e eau, jus concentré de raisin bio, jus concentré de citron bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"sp-timeline\"\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eSecouez bien votre ampoule avant emploi pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eCassez aux deux extrémités\u003c\/h3\u003e\n \u003cp\u003eOuvrez l'ampoule délicatement aux deux bouts pour en faciliter l'écoulement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eVersez \u0026amp; dégustez\u003c\/h3\u003e\n \u003cp\u003eDirectement en bouche ou dilué dans un peu d'eau, 30 minutes avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-item\"\u003e\n \u003cdiv class=\"sp-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sp-timeline-content\"\u003e\n \u003ch3\u003eSuivez une cure complète\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour pendant 20 jours, renouvelable si besoin pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sp-tip\"\u003e\n \u003cspan class=\"sp-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions :\u003c\/strong\u003e ne pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes, allaitantes et aux enfants de moins de 12 ans. Demandez l'avis de votre médecin en cas de traitement médicamenteux. Ce \u003cstrong\u003ecomplément sommeil\u003c\/strong\u003e ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain, et ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"sp-accordion\"\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e🌙 Ce complément contient-il de la mélatonine ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, il s'agit d'un \u003cstrong\u003ecomplément alimentaire sommeil sans mélatonine\u003c\/strong\u003e, composé uniquement de plantes biologiques françaises.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e⏱️ Au bout de combien de temps voit-on des résultats ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eLes effets varient selon chaque personne. Une cure complète de 20 jours permet généralement d'évaluer les bienfaits sur la qualité de vos nuits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sp-accordion-item\"\u003e\n \u003csummary class=\"sp-accordion-header\"\u003e💊 Peut-on l'associer à d'autres compléments ?\u003c\/summary\u003e\n \u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, notamment avec du magnésium en cas de stress. En cas de doute, demandez conseil à votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sp-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLe savoir-faire Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"sp-cta-box\"\u003e\n \u003cp\u003eDepuis plus de 60 ans, Superdiet cultive une passion pour les plantes et le naturel. Installé dans les Hauts-de-France, le laboratoire s'engage pour votre bien-être avec des formules authentiques, respectueuses de l'environnement et issues d'une agriculture biologique certifiée. Avec le \u003cstrong\u003eQuatuor Sommeil Paisible Bio\u003c\/strong\u003e, vous bénéficiez d'un savoir-faire français reconnu pour retrouver des nuits vraiment paisibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sp-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée, ni un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sp-cream: #f4f1ea;\n --sp-white: #ffffff;\n --sp-primary: #2d4a6b;\n --sp-primary-dark: #1e3451;\n --sp-primary-light: #e6edf4;\n --sp-secondary: #5a7fa3;\n --sp-accent: #c0392b;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(45,74,107,.08);\n --sp-shadow-lg: 0 12px 48px rgba(45,74,107,.18);\n --sp-radius: 20px;\n --sp-radius-sm: 12px;\n}\n\n.sp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sp-text);\n line-height: 1.6;\n}\n\n.sp-premium p { margin: 0 0 1rem 0; }\n.sp-premium p:last-child { margin-bottom: 0; }\n.sp-premium strong { color: var(--sp-primary-dark); font-weight: 700; }\n\n\/* === HERO === *\/\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, #2d4a6b 0%, #3d5f85 50%, #5a7fa3 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.sp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.sp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.sp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sp-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n\/* === SECTIONS === *\/\n.sp-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.sp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.sp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n border-radius: 2px;\n}\n\n.sp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n\/* === CARDS === *\/\n.sp-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card { padding: 1rem; }\n.sp-grid-compact .sp-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.sp-grid-compact .sp-card p { font-size: 12px; }\n\n\/* === TIMELINE === *\/\n.sp-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.sp-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.sp-timeline-number {\n flex-shrink: 0;\n width: 40px; height: 40px;\n background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45,74,107,.3);\n}\n\n.sp-timeline-content {\n flex: 1;\n background: var(--sp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sp-radius-sm);\n box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.sp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--sp-primary);\n}\n\n.sp-tip-icon { font-size: 24px; flex-shrink: 0; line-height: 1.2; }\n\n.sp-tip p {\n font-size: 14px;\n color: var(--sp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n box-shadow: var(--sp-shadow);\n overflow: hidden;\n}\n\n.sp-accordion-item { border-bottom: 1px solid var(--sp-border); margin: 0; padding: 0; }\n.sp-accordion-item:last-child { border-bottom: none; }\n\n.sp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.sp-accordion-header:hover { background: var(--sp-primary-light); }\n.sp-accordion-header::-webkit-details-marker { display: none; }\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after { content: '−'; }\n\n.sp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sp-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sp-accordion-content p { margin: 0; }\n.mt-3 { margin-top: 10px; }\n\n\/* === CTA === *\/\n.sp-cta-box {\n background: linear-gradient(135deg, var(--sp-primary) 0%, var(--sp-primary-dark) 100%);\n border-radius: var(--sp-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sp-cta-box strong { color: white; font-weight: 800; }\n\n.sp-disclaimer {\n font-size: 12px;\n color: var(--sp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .sp-grid { grid-template-columns: 1fr; gap: 1rem; }\n .sp-card { padding: 1.125rem; }\n .sp-section { margin-bottom: 1.75rem; }\n .sp-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--sp-radius-sm); }\n .sp-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .sp-premium h2::after { width: 40px; height: 3px; }\n .sp-grid-compact { gap: .625rem; }\n .sp-grid-compact .sp-card { padding: .75rem; }\n .sp-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .sp-timeline-content { padding: .875rem 1rem; }\n .sp-timeline-content h3 { font-size: 14px; }\n .sp-timeline-content p { font-size: 13px; }\n .sp-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .sp-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .sp-tip { padding: .875rem 1rem; }\n .sp-tip p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sp-card { animation: fadeInUp .5s ease backwards; }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754712359069,"sku":"NBAISUP0044","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-sommeil-paisible-bio-20-ampoules-superdiet-packshothd.webp?v=1776409314"},{"product_id":"drainaflore-bio-20-ampoules-superdiet","title":"Drainaflore Bio - 20 ampoules - Superdiet","description":"\u003cdiv class=\"draina-premium\"\u003e\n \u003cdiv class=\"draina-hero\"\u003e\n \u003cdiv class=\"draina-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"draina-hero-content\"\u003e\n \u003cdiv class=\"draina-badges-top\"\u003e\n \u003cspan class=\"draina-badge\"\u003e🌿 15 plantes \u0026amp; fruits bio\u003c\/span\u003e\n \u003cspan class=\"draina-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"draina-badge\"\u003e🏆 Meilleur Produit Bio 2022\u003c\/span\u003e\n \u003cspan class=\"draina-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"draina-hero-title\"\u003eDrainaflore Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"draina-subtitle\"\u003eLa cure détox complète des 5 émonctoires\u003c\/p\u003e\n \u003cp class=\"draina-description\"\u003e20 ampoules · 7 189 mg d'extraits végétaux · Nouvelle formule au meilleur goût pour une cure de 20 jours qui relance votre vitalité en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eDrainaflore Bio Superdiet : la cure détox naturelle des 5 émonctoires\u003c\/h2\u003e\n \u003cp class=\"draina-section-intro\"\u003eVous cherchez un complément alimentaire de drainage efficace pour aider votre organisme à éliminer les toxines accumulées ? Drainaflore Bio de Superdiet vous propose une formule unique, réunissant \u003cstrong\u003e15 plantes et fruits biologiques\u003c\/strong\u003e soigneusement sélectionnés pour stimuler les \u003cstrong\u003e5 émonctoires\u003c\/strong\u003e : foie, reins, intestins, poumons et peau. Une véritable cure détox de 20 jours, en ampoules pratiques, pensée pour relancer votre vitalité après les excès, les changements de saison ou lorsque votre corps a besoin d'un coup de pouce.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003ePourquoi choisir Drainaflore Bio Détox ?\u003c\/h2\u003e\n \u003cp class=\"draina-section-intro\"\u003eContrairement à de nombreux produits qui ciblent un seul organe, Drainaflore Bio Détox agit en synergie sur l'ensemble des voies d'élimination du corps. Avec \u003cstrong\u003e7 189 mg d'extraits végétaux par ampoule\u003c\/strong\u003e, cette formule concentrée offre une approche globale et respectueuse du rythme naturel de l'organisme.\u003c\/p\u003e\n \u003cdiv class=\"draina-grid\"\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🫀 Foie\u003c\/h3\u003e\n \u003cp\u003eLa chicorée contribue à protéger le foie des toxines accumulées au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e💧 Reins\u003c\/h3\u003e\n \u003cp\u003eLe sureau favorise l'élimination rénale de l'eau et le drainage naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌾 Intestins\u003c\/h3\u003e\n \u003cp\u003eLe fenouil soutient un bon transit intestinal et le confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌬️ Poumons\u003c\/h3\u003e\n \u003cp\u003eLe pin sylvestre participe au bien-être des voies respiratoires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e✨ Peau\u003c\/h3\u003e\n \u003cp\u003eLa bardane et l'ortie sont reconnues pour aider au maintien d'une peau nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌿 Synergie globale\u003c\/h3\u003e\n \u003cp\u003eUne action complète et harmonieuse sur l'ensemble des voies d'élimination du corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-tip\"\u003e\n \u003cspan class=\"draina-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eBien qu'elle ne remplace pas une cure thermale de drainage lymphatique, cette formule reste une alternative naturelle, accessible et facile à intégrer dans votre quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eComposition : 15 plantes et fruits bio\u003c\/h2\u003e\n \u003cp class=\"draina-section-intro\"\u003eChaque ampoule de 15 ml contient un extrait aqueux concentré issu d'une sélection rigoureuse de plantes et fruits biologiques.\u003c\/p\u003e\n \u003cdiv class=\"draina-grid-compact\"\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌳 Bouleau\u003c\/h3\u003e\n \u003cp\u003eFeuille · détoxification\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌼 Chicorée\u003c\/h3\u003e\n \u003cp\u003eRacine · protection hépatique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🫐 Sureau noir\u003c\/h3\u003e\n \u003cp\u003eFruit · drainage rénal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌾 Fenouil\u003c\/h3\u003e\n \u003cp\u003eSemence · confort digestif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌲 Pin sylvestre\u003c\/h3\u003e\n \u003cp\u003eBourgeon · voies respiratoires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌿 Bardane \u0026amp; Ortie\u003c\/h3\u003e\n \u003cp\u003eRacine \u0026amp; feuille · éclat de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌺 Artichaut \u0026amp; Pissenlit\u003c\/h3\u003e\n \u003cp\u003eSoutien hépato-rénal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🍃 Mélisse \u0026amp; Anis vert\u003c\/h3\u003e\n \u003cp\u003eDigestion apaisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🌳 Aubier de tilleul\u003c\/h3\u003e\n \u003cp\u003eDrainage naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-card\"\u003e\n \u003ch3\u003e🫐 Cassis \u0026amp; Radis noir\u003c\/h3\u003e\n \u003cp\u003eVitalité \u0026amp; purification\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-tip\"\u003e\n \u003cspan class=\"draina-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans alcool, sans conservateur, sans colorant\u003c\/strong\u003e. Produit vegan, certifié Agriculture Biologique, fabriqué en France et élu \u003cstrong\u003eMeilleur Produit Bio 2022\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"draina-timeline\"\u003e\n \u003cdiv class=\"draina-timeline-item\"\u003e\n \u003cdiv class=\"draina-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-content\"\u003e\n \u003ch3\u003eAgitez avant ouverture\u003c\/h3\u003e\n \u003cp\u003eSecouez l'ampoule pour répartir uniformément les extraits végétaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-item\"\u003e\n \u003cdiv class=\"draina-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, diluée dans un grand verre d'eau ou une infusion tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-item\"\u003e\n \u003cdiv class=\"draina-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"draina-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eLa boîte de 20 ampoules de 15 ml correspond à une cure complète, renouvelable au printemps et à l'automne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"draina-tip\"\u003e\n \u003cspan class=\"draina-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003ePour optimiser les résultats : buvez au moins 1,5 L d'eau par jour, privilégiez les fruits, légumes et aliments peu transformés, pratiquez une activité physique régulière et limitez l'alcool, le café et les graisses saturées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\"\u003e\n \u003ch2\u003eQue pensent nos clients de Drainaflore Bio Détox ?\u003c\/h2\u003e\n \u003cdiv class=\"draina-testimonial\"\u003e\n \u003cp class=\"draina-testimonial-text\"\u003e\"Les utilisateurs apprécient la nouvelle formule au meilleur goût, beaucoup plus agréable que les précédentes générations de détox en ampoules. Les retours soulignent une sensation de légèreté, un meilleur confort digestif et un teint plus éclatant après quelques jours de cure.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"draina-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"draina-accordion\"\u003e\n \u003cdetails class=\"draina-accordion-item\"\u003e\n \u003csummary class=\"draina-accordion-header\"\u003e⚠️ Usage et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée et à un mode de vie sain. Il ne remplace en aucun cas un traitement médical. Déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"draina-accordion-item\"\u003e\n \u003csummary class=\"draina-accordion-header\"\u003e💊 Interactions \u0026amp; conseils médicaux\u003c\/summary\u003e\n \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de traitement médicamenteux, demandez conseil à votre médecin ou pharmacien avant d'entamer la cure. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"draina-accordion-item\"\u003e\n \u003csummary class=\"draina-accordion-header\"\u003e🔒 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"draina-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. Conserver à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"draina-disclaimer\"\u003eCe produit est un complément alimentaire et ne peut se substituer à une alimentation équilibrée et à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --draina-cream: #f4f9fc;\n --draina-white: #ffffff;\n --draina-primary: #2a8fbd;\n --draina-primary-dark: #1a5f82;\n --draina-primary-light: #e3f1f9;\n --draina-secondary: #6ab04c;\n --draina-accent: #e94e3a;\n --draina-text: #1a2b3a;\n --draina-text-light: #5a6a78;\n --draina-border: #dce8ef;\n --draina-shadow: 0 4px 24px rgba(26, 95, 130, .08);\n --draina-shadow-lg: 0 12px 48px rgba(26, 95, 130, .15);\n --draina-radius: 20px;\n --draina-radius-sm: 12px;\n }\n\n .draina-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--draina-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--draina-text);\n line-height: 1.6;\n }\n\n .draina-hero {\n position: relative;\n background: linear-gradient(135deg, #2a8fbd 0%, #3fa9c9 50%, #6ab04c 100%);\n border-radius: var(--draina-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--draina-shadow-lg);\n }\n\n .draina-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 80% 70%, white 2px, transparent 3px),\n radial-gradient(circle at 50% 50%, white 1px, transparent 2px);\n background-size: 80px 80px, 120px 120px, 40px 40px;\n opacity: .08;\n }\n\n .draina-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .draina-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n }\n\n .draina-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n }\n\n .draina-description {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n opacity: .92;\n line-height: 1.7;\n }\n\n .draina-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .draina-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--draina-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .draina-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .draina-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .draina-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--draina-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n }\n\n .draina-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--draina-primary), var(--draina-secondary));\n border-radius: 2px;\n }\n\n .draina-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--draina-text-light);\n margin-bottom: 1.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n }\n\n .draina-section-intro strong {\n color: var(--draina-primary-dark);\n }\n\n .draina-card {\n background: var(--draina-white);\n border-radius: var(--draina-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--draina-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .draina-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--draina-shadow-lg);\n border-color: var(--draina-primary);\n }\n\n .draina-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--draina-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .draina-card p {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--draina-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .draina-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .draina-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .draina-grid-compact .draina-card {\n padding: 1rem;\n }\n\n .draina-grid-compact .draina-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .draina-grid-compact .draina-card p {\n font-size: 12px;\n }\n\n .draina-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .draina-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .draina-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--draina-primary), var(--draina-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(42, 143, 189, .3);\n }\n\n .draina-timeline-content {\n flex: 1;\n background: var(--draina-white);\n padding: 1rem 1.25rem;\n border-radius: var(--draina-radius-sm);\n box-shadow: var(--draina-shadow);\n }\n\n .draina-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--draina-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .draina-timeline-content p {\n font-size: 14px;\n color: var(--draina-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .draina-testimonial {\n background: var(--draina-white);\n border-radius: var(--draina-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--draina-shadow);\n border-left: 4px solid var(--draina-primary);\n max-width: 900px;\n margin: 0 auto;\n }\n\n .draina-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--draina-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .draina-accordion {\n background: var(--draina-white);\n border-radius: var(--draina-radius);\n box-shadow: var(--draina-shadow);\n overflow: hidden;\n max-width: 900px;\n margin: 0 auto;\n }\n\n .draina-accordion-item {\n border-bottom: 1px solid var(--draina-border);\n margin: 0;\n padding: 0;\n }\n\n .draina-accordion-item:last-child {\n border-bottom: none;\n }\n\n .draina-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--draina-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n }\n\n .draina-accordion-header:hover {\n background: var(--draina-primary-light);\n }\n\n .draina-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .draina-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--draina-primary);\n transition: transform .2s ease;\n }\n\n .draina-accordion-item[open] .draina-accordion-header::after {\n content: '−';\n }\n\n .draina-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--draina-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .draina-accordion-content p {\n margin: 0;\n }\n\n .draina-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--draina-primary-light);\n border-radius: var(--draina-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n }\n\n .draina-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .draina-tip p {\n font-size: 14px;\n color: var(--draina-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .draina-disclaimer {\n font-size: 12px;\n color: var(--draina-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .draina-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .draina-card { padding: 1.125rem; }\n .draina-section { margin-bottom: 1.75rem; }\n .draina-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--draina-radius-sm);\n }\n .draina-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .draina-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .draina-grid-compact {\n gap: .625rem;\n }\n .draina-grid-compact .draina-card {\n padding: .75rem;\n }\n .draina-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .draina-timeline-content { padding: .875rem 1rem; }\n .draina-timeline-content h3 { font-size: 14px; }\n .draina-timeline-content p { font-size: 13px; }\n .draina-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .draina-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .draina-testimonial { padding: 1.25rem; }\n .draina-testimonial-text { font-size: 14px; }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .draina-card {\n animation: fadeInUp .5s ease backwards;\n }\n .draina-card:nth-child(1) { animation-delay: .05s; }\n .draina-card:nth-child(2) { animation-delay: .1s; }\n .draina-card:nth-child(3) { animation-delay: .15s; }\n .draina-card:nth-child(4) { animation-delay: .2s; }\n .draina-card:nth-child(5) { animation-delay: .25s; }\n .draina-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .draina-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754712785053,"sku":"NBAISUP0038","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/superdiet-drainaflore-drainage-detox.webp?v=1758627994"},{"product_id":"aubier-de-tilleul-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Aubier de Tilleul Bio - 20 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"atil-premium\"\u003e\n\u003cdiv class=\"atil-hero\"\u003e\n\u003cdiv class=\"atil-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"atil-hero-content\"\u003e\n\u003cdiv class=\"atil-badges-top\"\u003e\n\u003cspan class=\"atil-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"atil-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"atil-badge\"\u003e💧 +125% d'actifs\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"atil-hero-title\"\u003eAubier de Tilleul Bio\u003c\/span\u003e\n\u003cp class=\"atil-subtitle\"\u003e20 ampoules de 15 ml — Superdiet\u003c\/p\u003e\n\u003cp class=\"atil-description\"\u003eEnvie de retrouver un \u003cstrong\u003econfort digestif\u003c\/strong\u003e et de soutenir naturellement les fonctions d'élimination de votre organisme ? L'Aubier de Tilleul Bio de Superdiet concentre toute la richesse de cette partie tendre et précieuse du tilleul, utilisée depuis des siècles en phytothérapie traditionnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"atil-section\"\u003e\n\u003ch2\u003eQu'est-ce que l'aubier de tilleul ?\u003c\/h2\u003e\n\u003cp class=\"atil-section-intro\"\u003eL'aubier correspond à la couche de bois tendre située \u003cstrong\u003eentre l'écorce et le cœur du tronc\u003c\/strong\u003e. C'est dans cette partie que circule la sève, particulièrement riche en principes actifs.\u003c\/p\u003e\n\u003cdiv class=\"atil-grid\"\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🌳 Une partie précieuse\u003c\/h3\u003e\n\u003cp\u003eLe bois tendre où circule la sève, riche en principes actifs naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e📜 Usage traditionnel\u003c\/h3\u003e\n\u003cp\u003eConsommé en tisane ou en décoction depuis des siècles en phytothérapie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🔬 Méthode Canopée\u003c\/h3\u003e\n\u003cp\u003eExtraction soignée offrant une formule concentrée à \u003cstrong\u003e+125 % d'actifs\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"atil-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'aubier de tilleul\u003c\/h2\u003e\n\u003cdiv class=\"atil-grid\"\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n\u003cp\u003eContribue au bien-être digestif au quotidien, notamment après des repas copieux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e💧 Élimination rénale\u003c\/h3\u003e\n\u003cp\u003eFavorise l'élimination rénale de l'eau pour un meilleur équilibre hydrique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🍃 Drainage naturel\u003c\/h3\u003e\n\u003cp\u003eSoutient les fonctions naturelles de drainage du foie et des reins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e✨ Purification\u003c\/h3\u003e\n\u003cp\u003eParticipe à la purification de l'organisme et à l'élimination des toxines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-tip\"\u003e\n\u003cspan class=\"atil-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUne solution idéale lors des \u003cstrong\u003ecures détox saisonnières\u003c\/strong\u003e, après des repas copieux ou pour accompagner un mode de vie plus sain. Contrairement à une simple tisane, le format ampoule garantit un dosage précis et une concentration optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"atil-section\"\u003e\n\u003ch2\u003eComposition de l'ampoule\u003c\/h2\u003e\n\u003cp class=\"atil-section-intro\"\u003e\u003cstrong\u003eIngrédients pour 1 ampoule de 15 ml :\u003c\/strong\u003e extrait fluide d'aubier de tilleul* (2000 mg**), eau purifiée.\u003c\/p\u003e\n\u003cdiv class=\"atil-grid-compact\"\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🌱 2000 mg\u003c\/h3\u003e\n\u003cp\u003eD'aubier de tilleul par ampoule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🏔️ Roussillon (38)\u003c\/h3\u003e\n\u003cp\u003eOrigine française sélectionnée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🌿 100% Vegan\u003c\/h3\u003e\n\u003cp\u003eSans alcool, sans conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"atil-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique. **Équivalence en plantes sèches.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"atil-section\"\u003e\n\u003ch2\u003eComment prendre les ampoules d'aubier de tilleul bio ?\u003c\/h2\u003e\n\u003cdiv class=\"atil-timeline\"\u003e\n\u003cdiv class=\"atil-timeline-item\"\u003e\n\u003cdiv class=\"atil-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"atil-timeline-content\"\u003e\n\u003ch3\u003eSecouez l'ampoule\u003c\/h3\u003e\n\u003cp\u003eAgitez bien avant emploi pour homogénéiser l'extrait.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-timeline-item\"\u003e\n\u003cdiv class=\"atil-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"atil-timeline-content\"\u003e\n\u003ch3\u003eDiluez dans un demi-verre d'eau\u003c\/h3\u003e\n\u003cp\u003eVersez le contenu d'1 ampoule dans un peu d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-timeline-item\"\u003e\n\u003cdiv class=\"atil-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"atil-timeline-content\"\u003e\n\u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n\u003cp\u003eDe préférence le soir avant le coucher.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-timeline-item\"\u003e\n\u003cdiv class=\"atil-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"atil-timeline-content\"\u003e\n\u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n\u003cp\u003eRenouvelable selon vos besoins, notamment aux changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-tip\"\u003e\n\u003cspan class=\"atil-tip-icon\"\u003e🌟\u003c\/span\u003e\n\u003cp\u003ePour une routine bien-être complète, associez votre cure à une alimentation équilibrée, une bonne hydratation et une activité physique régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"atil-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'aubier de tilleul Superdiet ?\u003c\/h2\u003e\n\u003cdiv class=\"atil-grid-compact\"\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n\u003cp\u003eLaboratoire reconnu depuis 1961\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e⚗️ Méthode Canopée\u003c\/h3\u003e\n\u003cp\u003e+125 % d'actifs vs extraction classique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🌱 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eAgriculture Biologique garantie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e🏔️ Tilleul du Roussillon\u003c\/h3\u003e\n\u003cp\u003eOrigine française d'exception\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e📅 20 jours de cure\u003c\/h3\u003e\n\u003cp\u003e1 ampoule par jour, format pratique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atil-card\"\u003e\n\u003ch3\u003e💧 Assimilation rapide\u003c\/h3\u003e\n\u003cp\u003eDosage précis et saveur authentique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"atil-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"atil-accordion\"\u003e\n\u003cdetails class=\"atil-accordion-item\"\u003e\n\u003csummary class=\"atil-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n\u003cdiv class=\"atil-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"atil-accordion-item\"\u003e\n\u003csummary class=\"atil-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"atil-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"atil-accordion-item\"\u003e\n\u003csummary class=\"atil-accordion-header\"\u003e👨⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"atil-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical ou de doute, demandez conseil à votre médecin ou pharmacien. Ce produit ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --atil-cream: #f7f3f7;\n --atil-white: #ffffff;\n --atil-primary: #7a3b7a;\n --atil-primary-dark: #5a2a5a;\n --atil-primary-light: #ede3ed;\n --atil-secondary: #8fa84e;\n --atil-accent: #c49a3f;\n --atil-text: #2a1a2a;\n --atil-text-light: #6a5a6a;\n --atil-border: #e5dce5;\n --atil-shadow: 0 4px 24px rgba(90,42,90,.08);\n --atil-shadow-lg: 0 12px 48px rgba(90,42,90,.18);\n --atil-radius: 20px;\n --atil-radius-sm: 12px;\n}\n\n.atil-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--atil-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--atil-text);\n}\n\n.atil-hero {\n position: relative;\n background: linear-gradient(135deg, #7a3b7a 0%, #8fa84e 60%, #c49a3f 100%);\n border-radius: var(--atil-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--atil-shadow-lg);\n}\n\n.atil-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.2) 3px, transparent 4px),\n radial-gradient(circle at 40% 80%, rgba(255,255,255,.25) 2px, transparent 3px);\n background-size: 120px 120px, 180px 180px, 150px 150px;\n opacity: .4;\n}\n\n.atil-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.atil-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.atil-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.atil-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.atil-description strong { color: #fff; }\n\n.atil-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.atil-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--atil-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.atil-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.atil-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.atil-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--atil-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.atil-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--atil-primary), var(--atil-secondary));\n border-radius: 2px;\n}\n\n.atil-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--atil-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.atil-section-intro strong { color: var(--atil-primary-dark); }\n\n.atil-card {\n background: var(--atil-white);\n border-radius: var(--atil-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--atil-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.atil-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--atil-shadow-lg);\n border-color: var(--atil-primary);\n}\n\n.atil-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--atil-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.atil-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--atil-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.atil-card p strong { color: var(--atil-primary-dark); }\n\n.atil-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.atil-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.atil-grid-compact .atil-card {\n padding: 1rem;\n}\n\n.atil-grid-compact .atil-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.atil-grid-compact .atil-card p {\n font-size: 12px;\n}\n\n.atil-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.atil-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.atil-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--atil-primary), var(--atil-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.atil-timeline-content {\n flex: 1;\n background: var(--atil-white);\n padding: 1rem 1.25rem;\n border-radius: var(--atil-radius-sm);\n box-shadow: var(--atil-shadow);\n}\n\n.atil-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--atil-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.atil-timeline-content p {\n font-size: 14px;\n color: var(--atil-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.atil-accordion {\n background: var(--atil-white);\n border-radius: var(--atil-radius);\n box-shadow: var(--atil-shadow);\n overflow: hidden;\n}\n\n.atil-accordion-item {\n border-bottom: 1px solid var(--atil-border);\n margin: 0;\n padding: 0;\n}\n\n.atil-accordion-item:last-child {\n border-bottom: none;\n}\n\n.atil-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--atil-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.atil-accordion-header:hover {\n background: var(--atil-primary-light);\n}\n\n.atil-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.atil-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--atil-primary);\n transition: transform .2s ease;\n}\n\n.atil-accordion-item[open] .atil-accordion-header::after {\n content: '−';\n}\n\n.atil-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--atil-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.atil-accordion-content p { margin: 0; }\n\n.atil-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--atil-primary-light);\n border-radius: var(--atil-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.atil-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.atil-tip p {\n font-size: 14px;\n color: var(--atil-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.atil-tip p strong { color: var(--atil-primary-dark); }\n\n.atil-disclaimer {\n font-size: 12px;\n color: var(--atil-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .atil-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .atil-card { padding: 1.125rem; }\n .atil-section { margin-bottom: 1.75rem; }\n .atil-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--atil-radius-sm);\n }\n .atil-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .atil-premium h2::after { width: 40px; height: 3px; }\n .atil-grid-compact { gap: .625rem; }\n .atil-grid-compact .atil-card { padding: .75rem; }\n .atil-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .atil-timeline-content { padding: .875rem 1rem; }\n .atil-timeline-content h3 { font-size: 14px; }\n .atil-timeline-content p { font-size: 13px; }\n .atil-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .atil-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .atil-card { animation: atilFadeInUp .5s ease backwards; }\n .atil-card:nth-child(1) { animation-delay: .05s; }\n .atil-card:nth-child(2) { animation-delay: .1s; }\n .atil-card:nth-child(3) { animation-delay: .15s; }\n .atil-card:nth-child(4) { animation-delay: .2s; }\n .atil-card:nth-child(5) { animation-delay: .25s; }\n .atil-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes atilFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .atil-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754714292381,"sku":"NBAISUP0022","price":16.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aubier-de-tilleul-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776429771"},{"product_id":"desmodium-coffret-20-ampoules-de-15-ml-superdiet","title":"Desmodium - 20 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"dsm-premium\"\u003e\n \u003cdiv class=\"dsm-hero\"\u003e\n \u003cdiv class=\"dsm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dsm-hero-content\"\u003e\n \u003cdiv class=\"dsm-badges-top\"\u003e\n \u003cspan class=\"dsm-badge\"\u003e🌿 100% plantes\u003c\/span\u003e\n \u003cspan class=\"dsm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"dsm-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n \u003cspan class=\"dsm-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dsm-hero-title\"\u003eDesmodium Superdiet\u003c\/span\u003e\n \u003cp class=\"dsm-subtitle\"\u003eBien-être du foie · 20 ampoules de 15 ml\u003c\/p\u003e\n \u003cp class=\"dsm-description\"\u003eUne formule concentrée 100% végétale à \u003cstrong\u003e3000 mg de Desmodium par ampoule\u003c\/strong\u003e, issue de la Méthode Canopée, pour accompagner le fonctionnement hépatique normal et soutenir la détoxication naturelle de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Desmodium Superdiet ?\u003c\/h2\u003e\n \u003cp class=\"dsm-section-intro\"\u003eLe \u003cstrong\u003eDesmodium adscendens\u003c\/strong\u003e est une plante herbacée originaire d'Afrique équatoriale, utilisée depuis des générations dans la pharmacopée traditionnelle pour son action protectrice hépatique. Superdiet a conçu une formule liquide sans alcool, sans colorant ni conservateur, pour une assimilation optimale des principes actifs.\u003c\/p\u003e\n \u003cdiv class=\"dsm-grid-compact\"\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🧪 +125% d'actifs\u003c\/h3\u003e\n \u003cp\u003eFormule plus concentrée que la version précédente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🌿 100% plantes\u003c\/h3\u003e\n \u003cp\u003eVegan et fabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🍃 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003eLe gage de qualité signé Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e📅 Cure de 20 jours\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, simple et efficace\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003eLes bienfaits du Desmodium pour le foie\u003c\/h2\u003e\n \u003cp class=\"dsm-section-intro\"\u003eLe foie est un organe essentiel : il filtre, trie et transforme en permanence ce que nous ingérons. Après une période de repas copieux, d'excès ou de fatigue, il peut avoir besoin d'un coup de pouce. C'est précisément là que le \u003cstrong\u003eDesmodium pour le foie\u003c\/strong\u003e entre en jeu.\u003c\/p\u003e\n \u003cdiv class=\"dsm-grid\"\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🌱 Fonctionnement hépatique\u003c\/h3\u003e\n \u003cp\u003eParticipe au fonctionnement hépatique normal de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🛡️ Protecteur hépatique\u003c\/h3\u003e\n \u003cp\u003eUtilisé traditionnellement comme protecteur hépatique de référence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e💧 Drainage naturel\u003c\/h3\u003e\n \u003cp\u003eFavorise le drainage et l'élimination naturelle de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🍽️ Confort digestif\u003c\/h3\u003e\n \u003cp\u003eAccompagne le confort digestif après des excès alimentaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-tip\"\u003e\n \u003cspan class=\"dsm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne cure de \u003cstrong\u003eDesmodium en ampoules\u003c\/strong\u003e est particulièrement appréciée au changement de saison, après les fêtes ou lors de périodes plus chargées pour votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"dsm-timeline\"\u003e\n \u003cdiv class=\"dsm-timeline-item\"\u003e\n \u003cdiv class=\"dsm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dsm-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eAgitez bien l'ampoule avant ouverture pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-timeline-item\"\u003e\n \u003cdiv class=\"dsm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dsm-timeline-content\"\u003e\n \u003ch3\u003eDiluez dans un demi-verre d'eau\u003c\/h3\u003e\n \u003cp\u003eVersez le contenu dans un demi-verre d'eau pour une prise agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-timeline-item\"\u003e\n \u003cdiv class=\"dsm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dsm-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour, le soir\u003c\/h3\u003e\n \u003cp\u003ePrenez de préférence le soir, au cours d'un repas, pendant 20 jours. Cure renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-tip\"\u003e\n \u003cspan class=\"dsm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePrécautions d'emploi :\u003c\/strong\u003e déconseillé aux femmes enceintes et allaitantes, aux personnes épileptiques et aux enfants de moins de 12 ans. En cas de traitement médical (notamment pour l'hypertension), demandez conseil à votre médecin ou pharmacien. Ne remplace pas une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"dsm-section-intro\"\u003ePour une ampoule de 10 ml, une formule épurée et 100% naturelle :\u003c\/p\u003e\n \u003cdiv class=\"dsm-grid-compact\"\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🌿 Desmodium 3000 mg\u003c\/h3\u003e\n \u003cp\u003eExtrait aqueux concentré de Desmodium adscendens (feuilles)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e💧 Eau purifiée\u003c\/h3\u003e\n \u003cp\u003ePour une formulation simple et pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-tip\"\u003e\n \u003cspan class=\"dsm-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans alcool · Sans conservateur · Sans colorant · Sans édulcorant.\u003c\/strong\u003e La formule est vegan et adaptée à une consommation quotidienne pendant la durée de la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003eFabrication française et qualité Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"dsm-grid\"\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eLes ampoules sont produites en France, dans le respect strict des réglementations européennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🍃 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003ePlantes rigoureusement sélectionnées, traçabilité complète et respect de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dsm-card\"\u003e\n \u003ch3\u003e🧪 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eUn procédé d'extraction qui préserve la richesse en actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\"\u003e\n \u003ch2\u003eVos interrogations sur le Desmodium\u003c\/h2\u003e\n \u003cdiv class=\"dsm-accordion\"\u003e\n \u003cdetails class=\"dsm-accordion-item\"\u003e\n \u003csummary class=\"dsm-accordion-header\"\u003e🕒 Quand prendre le Desmodium ?\u003c\/summary\u003e\n \u003cdiv class=\"dsm-accordion-content mt-3\"\u003e\n \u003cp\u003eIdéalement le soir, au cours d'un repas, pendant 20 jours consécutifs pour profiter pleinement de la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dsm-accordion-item\"\u003e\n \u003csummary class=\"dsm-accordion-header\"\u003e🔁 Combien de cures par an ?\u003c\/summary\u003e\n \u003cdiv class=\"dsm-accordion-content mt-3\"\u003e\n \u003cp\u003e2 à 3 cures annuelles sont généralement conseillées, notamment aux changements de saison ou après des périodes d'excès.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dsm-accordion-item\"\u003e\n \u003csummary class=\"dsm-accordion-header\"\u003e⚠️ Le Desmodium est-il dangereux ?\u003c\/summary\u003e\n \u003cdiv class=\"dsm-accordion-content mt-3\"\u003e\n \u003cp\u003eAux doses recommandées et en dehors des contre-indications, il est bien toléré. En cas de doute ou de traitement en cours, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dsm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dsm-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre foie une cure de douceur avec le \u003cstrong\u003eDesmodium Superdiet\u003c\/strong\u003e : 20 jours, 20 ampoules concentrées à 3000 mg, pour accompagner votre bien-être au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"dsm-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dsm-cream: #faf7fb;\n --dsm-white: #ffffff;\n --dsm-primary: #6b2d5c;\n --dsm-primary-dark: #4a1f40;\n --dsm-primary-light: #f3e8ef;\n --dsm-secondary: #8fa82e;\n --dsm-accent: #c8385f;\n --dsm-text: #1a1a1a;\n --dsm-text-light: #5a5a5a;\n --dsm-border: #e8dde6;\n --dsm-shadow: 0 4px 24px rgba(74,31,64,.08);\n --dsm-shadow-lg: 0 12px 48px rgba(74,31,64,.18);\n --dsm-radius: 20px;\n --dsm-radius-sm: 12px;\n}\n\n.dsm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dsm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dsm-text);\n line-height: 1.6;\n}\n\n.dsm-hero {\n position: relative;\n background: linear-gradient(135deg, #6b2d5c 0%, #8f3b7a 50%, #a85b3f 100%);\n border-radius: var(--dsm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--dsm-shadow-lg);\n}\n\n.dsm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 2px),\n radial-gradient(circle at 80% 70%, #fff 2px, transparent 2px);\n background-size: 80px 80px;\n}\n\n.dsm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dsm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dsm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.dsm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.dsm-description strong {\n color: #fff;\n font-weight: 700;\n}\n\n.dsm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dsm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dsm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dsm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dsm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dsm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dsm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dsm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dsm-primary), var(--dsm-secondary));\n border-radius: 2px;\n}\n\n.dsm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dsm-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.dsm-section-intro strong {\n color: var(--dsm-primary-dark);\n}\n\n.dsm-card {\n background: var(--dsm-white);\n border-radius: var(--dsm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dsm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dsm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dsm-shadow-lg);\n border-color: var(--dsm-primary);\n}\n\n.dsm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dsm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dsm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dsm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dsm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dsm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dsm-grid-compact .dsm-card {\n padding: 1rem;\n}\n\n.dsm-grid-compact .dsm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dsm-grid-compact .dsm-card p {\n font-size: 12px;\n}\n\n.dsm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.dsm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dsm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dsm-primary), var(--dsm-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107,45,92,.3);\n}\n\n.dsm-timeline-content {\n flex: 1;\n background: var(--dsm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dsm-radius-sm);\n box-shadow: var(--dsm-shadow);\n}\n\n.dsm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dsm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dsm-timeline-content p {\n font-size: 14px;\n color: var(--dsm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.dsm-accordion {\n background: var(--dsm-white);\n border-radius: var(--dsm-radius);\n box-shadow: var(--dsm-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.dsm-accordion-item {\n border-bottom: 1px solid var(--dsm-border);\n}\n\n.dsm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dsm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dsm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.dsm-accordion-header:hover {\n background: var(--dsm-primary-light);\n}\n\n.dsm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dsm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--dsm-primary);\n transition: transform .2s ease;\n}\n\n.dsm-accordion-item[open] .dsm-accordion-header::after {\n content: '−';\n}\n\n.dsm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dsm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dsm-accordion-content p {\n margin: 0;\n}\n\n.dsm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dsm-primary-light);\n border-radius: var(--dsm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--dsm-primary);\n}\n\n.dsm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.dsm-tip p {\n font-size: 14px;\n color: var(--dsm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.dsm-tip p strong {\n color: var(--dsm-primary-dark);\n}\n\n.dsm-cta-box {\n background: linear-gradient(135deg, var(--dsm-primary) 0%, var(--dsm-primary-dark) 100%);\n border-radius: var(--dsm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dsm-shadow-lg);\n}\n\n.dsm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n}\n\n.dsm-cta-box p strong {\n color: #fff;\n font-weight: 800;\n}\n\n.dsm-disclaimer {\n font-size: 12px;\n color: var(--dsm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .dsm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .dsm-card {\n padding: 1.125rem;\n }\n .dsm-section {\n margin-bottom: 1.75rem;\n }\n .dsm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dsm-radius-sm);\n }\n .dsm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .dsm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .dsm-grid-compact {\n gap: .625rem;\n }\n .dsm-grid-compact .dsm-card {\n padding: .75rem;\n }\n .dsm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .dsm-timeline-content {\n padding: .875rem 1rem;\n }\n .dsm-timeline-content h3 {\n font-size: 14px;\n }\n .dsm-timeline-content p {\n font-size: 13px;\n }\n .dsm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .dsm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .dsm-card {\n animation: dsmFadeInUp .5s ease backwards;\n }\n .dsm-card:nth-child(1) { animation-delay: .05s; }\n .dsm-card:nth-child(2) { animation-delay: .1s; }\n .dsm-card:nth-child(3) { animation-delay: .15s; }\n .dsm-card:nth-child(4) { animation-delay: .2s; }\n .dsm-card:nth-child(5) { animation-delay: .25s; }\n .dsm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes dsmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .dsm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754714390685,"sku":"NBAISUP0023","price":22.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/desmodium-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776429550"},{"product_id":"radis-noir-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Radis Noir Bio - Coffret 20 ampoules de 10 ml - Superdiet","description":"\u003cdiv class=\"rn-premium\"\u003e\n \u003cdiv class=\"rn-hero\"\u003e\n \u003cdiv class=\"rn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rn-hero-content\"\u003e\n \u003cdiv class=\"rn-badges-top\"\u003e\n \u003cspan class=\"rn-badge\"\u003e🌱 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"rn-badge\"\u003e🇫🇷 Origine Nord (59)\u003c\/span\u003e\n \u003cspan class=\"rn-badge\"\u003e❄️ Pressé à froid\u003c\/span\u003e\n \u003cspan class=\"rn-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rn-hero-title\"\u003eRadis Noir Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"rn-subtitle\" style=\"color: lightgrey;\"\u003eCoffret 20 ampoules de 10 ml\u003c\/p\u003e\n \u003cp class=\"rn-description\" style=\"color: white;\"\u003eLe pur jus de radis noir bio, allié naturel de votre foie pour une cure détox de 20 jours. Cultivé en France, pressé à froid, sans additifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003eRadis Noir Bio Superdiet : l'allié naturel de votre foie en cure détox\u003c\/h2\u003e\n \u003cp class=\"rn-section-intro\"\u003eAprès les fêtes, un excès alimentaire ou simplement au changement de saison, votre organisme a parfois besoin d'un petit coup de pouce. Le \u003cstrong\u003eRadis Noir Bio de Superdiet\u003c\/strong\u003e, en coffret de 20 ampoules de 10 ml, est une solution 100 % végétale pour soutenir naturellement votre fonction hépatique. Une \u003cstrong\u003ecure détox au radis noir\u003c\/strong\u003e idéale pour retrouver légèreté et confort digestif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003ePourquoi choisir le radis noir en ampoules ?\u003c\/h2\u003e\n \u003cdiv class=\"rn-grid\"\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🌿 Une plante ancestrale\u003c\/h3\u003e\n \u003cp\u003eLe \u003cem\u003eRaphanus sativus var. niger\u003c\/em\u003e est utilisé depuis l'Antiquité pour accompagner la digestion et soutenir le foie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e💧 Fonctions hépatiques\u003c\/h3\u003e\n \u003cp\u003eSa racine concentre des composés soufrés, reconnus pour favoriser les fonctions hépatiques et biliaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e✨ Détox traditionnelle\u003c\/h3\u003e\n \u003cp\u003eAssocié à une detox du foie après des repas riches ou une période de fatigue digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e⚡ Assimilation rapide\u003c\/h3\u003e\n \u003cp\u003eLa forme ampoule buvable permet une assimilation rapide avec un dosage précis, bien plus concentré qu'une gélule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🥬 Pur jus concentré\u003c\/h3\u003e\n \u003cp\u003eChaque ampoule délivre un pur jus de radis noir, sans dilution superflue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e📏 Dosage précis\u003c\/h3\u003e\n \u003cp\u003e10 ml par ampoule, un format optimal pour une cure sérieuse de 20 jours consécutifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003eUne qualité bio tracée, du champ à l'ampoule\u003c\/h2\u003e\n \u003cp\u003eCe qui fait la différence du \u003cstrong\u003eRadis Noir Bio Superdiet\u003c\/strong\u003e, c'est sa fabrication de proximité. Le radis noir est cultivé dans le \u003cstrong\u003eNord de la France\u003c\/strong\u003e, à seulement 20 km des ateliers Superdiet. Dès la récolte, les racines sont \u003cstrong\u003epressées à froid\u003c\/strong\u003e pour préserver tous leurs principes actifs. Résultat : un \u003cstrong\u003epur jus bio\u003c\/strong\u003e authentique, sans additifs, sans colorants, sans conservateurs.\u003c\/p\u003e\n \u003cdiv class=\"rn-grid-compact\"\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e📍 Origine Nord (59)\u003c\/h3\u003e\n \u003cp\u003eCultivé à seulement 20 km de l'usine Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e❄️ Pressé à froid\u003c\/h3\u003e\n \u003cp\u003ePour préserver tous les principes actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🌱 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003eUn savoir-faire unique signé Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabricant français\u003c\/h3\u003e\n \u003cp\u003e100 % de la filière maîtrisée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-tip\"\u003e\n \u003cspan class=\"rn-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCôté \u003cstrong\u003eradis noir bio prix\u003c\/strong\u003e, le format 20 ampoules correspond à une cure complète, souvent plus avantageux qu'un achat unitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003eComposition de chaque ampoule de 10 ml\u003c\/h2\u003e\n \u003cdiv class=\"rn-grid\"\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🥬 Jus concentré de radis noir bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eRaphanus sativus var. niger\u003c\/em\u003e : 10 ml, issu de l'agriculture biologique française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateur, sans sucre ajouté, sans gluten, sans alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-card\"\u003e\n \u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n \u003cp\u003eLabel Agriculture Biologique garanti, traçabilité française complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-tip\"\u003e\n \u003cspan class=\"rn-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003eLe radis noir peut d'ailleurs être associé à l'artichaut pour une synergie intéressante : la \u003cstrong\u003edetox foie radis noir artichaut\u003c\/strong\u003e est l'une des associations les plus réputées en phytothérapie traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"rn-timeline\"\u003e\n \u003cdiv class=\"rn-timeline-item\"\u003e\n \u003cdiv class=\"rn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eSecouez bien l'ampoule avant ouverture pour homogénéiser le pur jus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-item\"\u003e\n \u003cdiv class=\"rn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-content\"\u003e\n \u003ch3\u003e1 ampoule par jour\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun, pure ou diluée dans un peu d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-item\"\u003e\n \u003cdiv class=\"rn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-content\"\u003e\n \u003ch3\u003eCure de 20 jours\u003c\/h3\u003e\n \u003cp\u003eSuivez le programme sur 20 jours consécutifs pour une détox complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-item\"\u003e\n \u003cdiv class=\"rn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rn-timeline-content\"\u003e\n \u003ch3\u003e2 à 3 cures par an\u003c\/h3\u003e\n \u003cp\u003eIdéalement aux intersaisons, au printemps et en automne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rn-tip\"\u003e\n \u003cspan class=\"rn-tip-icon\"\u003e🍋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour adoucir le goût prononcé du radis noir, vous pouvez le mélanger à un jus de fruits frais ou à une eau citronnée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le radis noir\u003c\/h2\u003e\n \u003cdiv class=\"rn-accordion\"\u003e\n \u003cdetails class=\"rn-accordion-item\"\u003e\n \u003csummary class=\"rn-accordion-header\"\u003e🌿 Quels sont les bienfaits du radis noir ?\u003c\/summary\u003e\n \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n \u003cp\u003eIl soutient la digestion, le confort hépatique et participe à l'élimination. Le radis noir est traditionnellement utilisé pour accompagner les fonctions hépatiques et biliaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rn-accordion-item\"\u003e\n \u003csummary class=\"rn-accordion-header\"\u003e📅 Quand faire une cure ?\u003c\/summary\u003e\n \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n \u003cp\u003eAprès les fêtes, un excès alimentaire, ou à chaque changement de saison. Les intersaisons (printemps et automne) sont les moments privilégiés pour une cure détox.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rn-accordion-item\"\u003e\n \u003csummary class=\"rn-accordion-header\"\u003e🌱 Peut-on l'associer à l'artichaut ?\u003c\/summary\u003e\n \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, la \u003cstrong\u003edetox artichaut radis noir\u003c\/strong\u003e est une combinaison classique et complémentaire, très utilisée en phytothérapie traditionnelle pour un effet synergique sur le foie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rn-accordion\"\u003e\n \u003cdetails class=\"rn-accordion-item\"\u003e\n \u003csummary class=\"rn-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux personnes souffrant de calculs biliaires, aux femmes enceintes ou allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rn-accordion-item\"\u003e\n \u003csummary class=\"rn-accordion-header\"\u003e🩺 Usage responsable\u003c\/summary\u003e\n \u003cdiv class=\"rn-accordion-content mt-3\"\u003e\n \u003cp\u003eNe remplace pas une alimentation variée, équilibrée ni un mode de vie sain. En cas de doute, demandez conseil à votre professionnel de santé. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rn-disclaimer\"\u003eCe produit n'est pas un médicament et ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .rn-premium {\n --rn-cream: #faf7f5;\n --rn-white: #ffffff;\n --rn-primary: #6b2c5f;\n --rn-primary-dark: #4a1d44;\n --rn-primary-light: #f3e8f1;\n --rn-secondary: #c89b3c;\n --rn-accent: #5a8a3a;\n --rn-text: #1a1a1a;\n --rn-text-light: #5a5a5a;\n --rn-border: #e8dfe5;\n --rn-shadow: 0 4px 24px rgba(74, 29, 68, .08);\n --rn-shadow-lg: 0 12px 48px rgba(74, 29, 68, .15);\n --rn-radius: 20px;\n --rn-radius-sm: 12px;\n\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rn-text);\n line-height: 1.6;\n }\n\n .rn-premium *,\n .rn-premium *::before,\n .rn-premium *::after {\n box-sizing: border-box;\n }\n\n \/* === HERO === *\/\n .rn-hero {\n position: relative;\n background: linear-gradient(135deg, #6b2c5f 0%, #4a1d44 50%, #3d1839 100%);\n border-radius: var(--rn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(1.5rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rn-shadow-lg);\n }\n\n .rn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, var(--rn-secondary) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, var(--rn-accent) 0%, transparent 50%);\n opacity: .12;\n }\n\n .rn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .rn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .rn-subtitle {\n color: var(--rn-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n }\n\n .rn-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n \/* === BADGES === *\/\n .rn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n }\n\n .rn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .rn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n \/* === SECTIONS === *\/\n .rn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .rn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rn-primary-dark);\n margin: 0 0 clamp(1.25rem, 3vw, 2rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n }\n\n .rn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rn-primary), var(--rn-secondary));\n border-radius: 2px;\n }\n\n .rn-premium p {\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--rn-text);\n line-height: 1.75;\n margin: 0 0 1rem 0;\n }\n\n .rn-premium p:last-child {\n margin-bottom: 0;\n }\n\n .rn-premium strong {\n color: var(--rn-primary-dark);\n font-weight: 700;\n }\n\n .rn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px) !important;\n color: var(--rn-text-light) !important;\n max-width: 720px;\n margin: 0 auto !important;\n }\n\n \/* === CARDS === *\/\n .rn-card {\n background: var(--rn-white);\n border-radius: var(--rn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .rn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rn-shadow-lg);\n border-color: var(--rn-primary);\n }\n\n .rn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .rn-card p {\n font-size: clamp(13px, 2vw, 15px) !important;\n color: var(--rn-text-light) !important;\n margin: 0 !important;\n line-height: 1.6;\n }\n\n \/* === GRILLES === *\/\n .rn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.25rem;\n }\n\n .rn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.25rem;\n }\n\n .rn-grid-compact .rn-card {\n padding: 1rem;\n }\n\n .rn-grid-compact .rn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .rn-grid-compact .rn-card p {\n font-size: 12px !important;\n }\n\n \/* === TIMELINE === *\/\n .rn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.25rem;\n }\n\n .rn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .rn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rn-primary), var(--rn-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107, 44, 95, .3);\n }\n\n .rn-timeline-content {\n flex: 1;\n background: var(--rn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rn-radius-sm);\n box-shadow: var(--rn-shadow);\n }\n\n .rn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rn-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .rn-timeline-content p {\n font-size: 14px !important;\n color: var(--rn-text-light) !important;\n margin: 0 !important;\n line-height: 1.5;\n }\n\n \/* === ACCORDÉON === *\/\n .rn-accordion {\n background: var(--rn-white);\n border-radius: var(--rn-radius);\n box-shadow: var(--rn-shadow);\n overflow: hidden;\n }\n\n .rn-accordion-item {\n border-bottom: 1px solid var(--rn-border);\n margin: 0;\n padding: 0;\n }\n\n .rn-accordion-item:last-child {\n border-bottom: none;\n }\n\n .rn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rn-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n }\n\n .rn-accordion-header:hover {\n background: var(--rn-primary-light);\n }\n\n .rn-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .rn-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--rn-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n }\n\n .rn-accordion-item[open] .rn-accordion-header::after {\n content: '−';\n }\n\n .rn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .rn-accordion-content p {\n margin: 0 !important;\n font-size: 14px !important;\n color: var(--rn-text-light) !important;\n }\n\n \/* === TIP BOX === *\/\n .rn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rn-primary-light);\n border-radius: var(--rn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--rn-secondary);\n }\n\n .rn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n }\n\n .rn-tip p {\n font-size: 14px !important;\n color: var(--rn-text) !important;\n margin: 0 !important;\n line-height: 1.6;\n }\n\n \/* === DISCLAIMER === *\/\n .rn-disclaimer {\n font-size: 12px !important;\n color: var(--rn-text-light) !important;\n text-align: center;\n margin-top: 1rem !important;\n font-style: italic;\n }\n\n \/* === RESPONSIVE MOBILE === *\/\n @media (max-width: 767px) {\n .rn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rn-card {\n padding: 1.125rem;\n }\n\n .rn-section {\n margin-bottom: 1.75rem;\n }\n\n .rn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rn-radius-sm);\n }\n\n .rn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rn-grid-compact {\n gap: .625rem;\n }\n\n .rn-grid-compact .rn-card {\n padding: .75rem;\n }\n\n .rn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rn-timeline-content h3 {\n font-size: 14px;\n }\n\n .rn-timeline-content p {\n font-size: 13px !important;\n }\n\n .rn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n \/* === ANIMATIONS === *\/\n @media (prefers-reduced-motion: no-preference) {\n .rn-card {\n animation: rnFadeInUp .5s ease backwards;\n }\n .rn-card:nth-child(1) { animation-delay: .05s; }\n .rn-card:nth-child(2) { animation-delay: .1s; }\n .rn-card:nth-child(3) { animation-delay: .15s; }\n .rn-card:nth-child(4) { animation-delay: .2s; }\n .rn-card:nth-child(5) { animation-delay: .25s; }\n .rn-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes rnFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .rn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754714816669,"sku":"NBAISUP0025","price":13.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/radis_noir_20_ampoules_superdiet.jpg?v=1776358885"},{"product_id":"plasma-marin-hypertonique-20-ampoules-de-15-ml-superdiet","title":"Plasma Marin Hypertonique 20 Ampoules de 10 ml - Oligocéan","description":"\u003cdiv class=\"pmh-premium\"\u003e\n \u003cdiv class=\"pmh-hero\"\u003e\n \u003cdiv class=\"pmh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pmh-hero-content\"\u003e\n \u003cdiv class=\"pmh-badges-top\"\u003e\n \u003cspan class=\"pmh-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"pmh-badge\"\u003e🌊 Eau de mer pure\u003c\/span\u003e\n \u003cspan class=\"pmh-badge\"\u003e💎 78 minéraux\u003c\/span\u003e\n \u003cspan class=\"pmh-badge\"\u003e🧪 Principes Quinton\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pmh-hero-title\"\u003ePlasma Marin Hypertonique Oligocéan\u003c\/span\u003e\n \u003cp class=\"pmh-subtitle\"\u003e20 ampoules de 10 ml • Puisé au large de Pen Lan (Bretagne)\u003c\/p\u003e\n \u003cp class=\"pmh-description\"\u003eLa force revitalisante de l'océan en ampoules : un concentré naturel d'électrolytes et d'oligo-éléments pour retrouver tonus, vitalité et équilibre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003ePlasma Marin Hypertonique Oligocéan : la force revitalisante de l'océan en ampoules\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003eIssu des travaux pionniers du physiologiste \u003cstrong\u003eRené Quinton\u003c\/strong\u003e, le \u003cstrong\u003ePlasma Marin Hypertonique Oligocéan\u003c\/strong\u003e est une eau de mer pure, puisée au large de la presqu'île de Pen Lan en Bretagne.\u003c\/p\u003e\n \u003cp class=\"pmh-section-intro\"\u003eCe concentré naturel d'électrolytes et d'oligo-éléments vous offre une reminéralisation complète, idéale pour retrouver tonus, vitalité et équilibre intérieur. Chaque ampoule de 10 ml renferme la richesse minérale de l'océan, dans sa forme la plus brute et la plus bio-disponible.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003eLes bienfaits du plasma marin hypertonique\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003eLe plasma marin hypertonique se distingue par sa concentration naturelle en sels minéraux, proche de \u003cstrong\u003etrois fois celle du plasma sanguin\u003c\/strong\u003e. Un allié précieux dans de nombreuses situations.\u003c\/p\u003e\n \u003cdiv class=\"pmh-grid\"\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e⚡ Coups de fatigue\u003c\/h3\u003e\n \u003cp\u003eIdéal contre l'asthénie passagère, les baisses de tonus et les besoins de vitalité quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🏃 Activité physique\u003c\/h3\u003e\n \u003cp\u003eSoutien en cas d'effort intense et aide à la récupération sportive grâce aux électrolytes naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e💧 Besoins accrus\u003c\/h3\u003e\n \u003cp\u003eParfait lors de fortes chaleurs, de transpiration importante ou de périodes de stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🌱 Convalescence\u003c\/h3\u003e\n \u003cp\u003eAccompagne l'organisme lors des changements de saison ou des périodes de récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e⚖️ Équilibre minéral\u003c\/h3\u003e\n \u003cp\u003eParticipe au bon équilibre hydro-électrolytique grâce à ses 78 minéraux et oligo-éléments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🥗 Complément alimentaire\u003c\/h3\u003e\n \u003cp\u003eComplète utilement une alimentation parfois pauvre en micronutriments essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003ePlasma marin hypertonique ou isotonique : quelle différence ?\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003eUne question revient souvent : faut-il choisir la version hypertonique ou isotonique ? Voici les clés pour bien choisir.\u003c\/p\u003e\n \u003cdiv class=\"pmh-grid-compact\"\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e💧 Isotonique\u003c\/h3\u003e\n \u003cp\u003eDiluée pour correspondre à la concentration du plasma sanguin. Douce et adaptée aux enfants ou aux personnes sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🌊 Hypertonique\u003c\/h3\u003e\n \u003cp\u003eNon diluée, plus concentrée en minéraux. Pour les adultes en recherche d'un effet tonifiant et reminéralisant marqué, le matin à jeun.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003ePosologie et conseils d'utilisation\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003ePour profiter pleinement des bienfaits du plasma marin hypertonique Quinton.\u003c\/p\u003e\n \u003cdiv class=\"pmh-timeline\"\u003e\n \u003cdiv class=\"pmh-timeline-item\"\u003e\n \u003cdiv class=\"pmh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003e1 à 3 ampoules par jour, de préférence le matin à jeun ou avant les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-item\"\u003e\n \u003cdiv class=\"pmh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-content\"\u003e\n \u003ch3\u003eDurée de la cure\u003c\/h3\u003e\n \u003cp\u003eEffectuez une cure de 6 à 20 jours, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-item\"\u003e\n \u003cdiv class=\"pmh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-content\"\u003e\n \u003ch3\u003eMode de consommation\u003c\/h3\u003e\n \u003cp\u003eÀ boire pur, ou dilué dans un verre d'eau de source selon votre préférence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-item\"\u003e\n \u003cdiv class=\"pmh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pmh-timeline-content\"\u003e\n \u003ch3\u003eOuverture de l'ampoule\u003c\/h3\u003e\n \u003cp\u003eBrisez l'ampoule aux deux extrémités et consommez immédiatement après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-tip\"\u003e\n \u003cspan class=\"pmh-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Ce complément alimentaire ne se substitue pas à une alimentation variée ni à un mode de vie sain. Demandez conseil à votre médecin en cas de régime sans sel, d'hypertension ou de grossesse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003eComposition : 100 % eau de mer pure\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003eChaque ampoule de 10 ml contient exclusivement de l'\u003cstrong\u003eeau de mer naturelle hypertonique\u003c\/strong\u003e, microfiltrée à froid, sans ajout ni conservateur.\u003c\/p\u003e\n \u003cdiv class=\"pmh-grid-compact\"\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🧂 Sel minéral total\u003c\/h3\u003e\n \u003cp\u003eEnviron 0,3 g par ampoule. Pour 3 ampoules (30 ml) : environ 0,9 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e💎 Minéraux majeurs\u003c\/h3\u003e\n \u003cp\u003eSodium, magnésium, calcium et potassium en proportions naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🔬 Oligo-éléments\u003c\/h3\u003e\n \u003cp\u003eZinc, manganèse, cuivre, fer et sélénium parmi les 78 éléments présents.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n \u003cp\u003eProcédé qui préserve l'intégrité des minéraux sans ajout ni conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\"\u003e\n \u003ch2\u003eUne origine bretonne d'exception\u003c\/h2\u003e\n \u003cp class=\"pmh-section-intro\"\u003eL'\u003cstrong\u003eOligocéan Plasma Marin Hypertonique\u003c\/strong\u003e est puisé au large de Pen Lan, dans une zone marine préservée reconnue pour la pureté de ses eaux.\u003c\/p\u003e\n \u003cdiv class=\"pmh-grid\"\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🌊 Pen Lan, Bretagne\u003c\/h3\u003e\n \u003cp\u003eUne zone marine préservée, reconnue pour la pureté et la richesse minérale de ses eaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e❄️ Microfiltration à froid\u003c\/h3\u003e\n \u003cp\u003eUn procédé doux qui conserve l'intégrité des minéraux et des oligo-éléments naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🧪 Ampoules en verre\u003c\/h3\u003e\n \u003cp\u003eConditionnement premium gage de qualité, de traçabilité et de préservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eDans le respect des principes originels de René Quinton et du savoir-faire hexagonal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"pmh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eAvis et retours d'expérience\u003c\/h2\u003e\n \u003cdiv class=\"pmh-testimonial\"\u003e\n \u003cp class=\"pmh-testimonial-text\"\u003e\"Les avis sur le plasma marin hypertonique soulignent souvent un regain d'énergie dès les premiers jours de cure, une meilleure récupération et un effet coup de fouet appréciable.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"pmh-accordion-item\"\u003e\n \u003csummary class=\"pmh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pmh-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez les ampoules à température ambiante, à l'abri de la lumière et de la chaleur. Tenez-les hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pmh-accordion-item\"\u003e\n \u003csummary class=\"pmh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"pmh-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé en cas de régime sans sel ou d'hypertension sans avis médical. Demandez conseil à votre médecin en cas de grossesse ou d'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pmh-accordion-item\"\u003e\n \u003csummary class=\"pmh-accordion-header\"\u003e📅 Durée d'une cure\u003c\/summary\u003e\n \u003cdiv class=\"pmh-accordion-content mt-3\"\u003e\n \u003cp\u003eUne cure classique dure de 6 à 20 jours, à raison de 1 à 3 ampoules par jour. Renouvelable selon vos besoins, notamment lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pmh-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cp\u003e🌊 Reconnectez-vous à la force minérale de l'océan et retrouvez votre énergie naturelle avec le Plasma Marin Hypertonique Oligocéan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pmh-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pmh-cream: #f4f8fb;\n --pmh-white: #ffffff;\n --pmh-primary: #1e4d8b;\n --pmh-primary-dark: #0f2d5c;\n --pmh-primary-light: #e3edf7;\n --pmh-secondary: #2d8bc9;\n --pmh-accent: #e63946;\n --pmh-text: #1a1a1a;\n --pmh-text-light: #5a6b7d;\n --pmh-border: #d8e2ec;\n --pmh-shadow: 0 4px 24px rgba(15,45,92,.08);\n --pmh-shadow-lg: 0 12px 48px rgba(15,45,92,.18);\n --pmh-radius: 20px;\n --pmh-radius-sm: 12px;\n}\n\n.pmh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pmh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--pmh-text);\n line-height: 1.6;\n}\n\n.pmh-hero {\n position: relative;\n background: linear-gradient(135deg, #0f2d5c 0%, #1e4d8b 50%, #2d8bc9 100%);\n border-radius: var(--pmh-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(--pmh-shadow-lg);\n}\n\n.pmh-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%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.pmh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pmh-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.pmh-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.pmh-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.pmh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pmh-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(--pmh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pmh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.pmh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pmh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pmh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.pmh-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(--pmh-primary), var(--pmh-secondary));\n border-radius: 2px;\n}\n\n.pmh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmh-text-light);\n margin-bottom: 1.5rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pmh-section-intro strong {\n color: var(--pmh-primary-dark);\n}\n\n.pmh-card {\n background: var(--pmh-white);\n border-radius: var(--pmh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pmh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pmh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pmh-shadow-lg);\n border-color: var(--pmh-primary);\n}\n\n.pmh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pmh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pmh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pmh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pmh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.pmh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pmh-grid-compact .pmh-card {\n padding: 1rem;\n}\n\n.pmh-grid-compact .pmh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pmh-grid-compact .pmh-card p {\n font-size: 12px;\n}\n\n.pmh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.pmh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pmh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pmh-primary), var(--pmh-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(30,77,139,.3);\n}\n\n.pmh-timeline-content {\n flex: 1;\n background: var(--pmh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pmh-radius-sm);\n box-shadow: var(--pmh-shadow);\n}\n\n.pmh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pmh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pmh-timeline-content p {\n font-size: 14px;\n color: var(--pmh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.pmh-testimonial {\n background: var(--pmh-white);\n border-radius: var(--pmh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pmh-shadow);\n border-left: 4px solid var(--pmh-primary);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.pmh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pmh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.pmh-accordion {\n background: var(--pmh-white);\n border-radius: var(--pmh-radius);\n box-shadow: var(--pmh-shadow);\n overflow: hidden;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.pmh-accordion-item {\n border-bottom: 1px solid var(--pmh-border);\n margin: 0;\n padding: 0;\n}\n\n.pmh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pmh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pmh-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.pmh-accordion-header:hover {\n background: var(--pmh-primary-light);\n}\n\n.pmh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pmh-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--pmh-primary);\n transition: transform .2s ease;\n}\n\n.pmh-accordion-item[open] .pmh-accordion-header::after {\n content: '−';\n}\n\n.pmh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pmh-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.pmh-accordion-content p {\n margin: 0;\n}\n\n.pmh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pmh-primary-light);\n border-radius: var(--pmh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n border-left: 3px solid var(--pmh-accent);\n}\n\n.pmh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pmh-tip p {\n font-size: 14px;\n color: var(--pmh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pmh-cta-box {\n background: linear-gradient(135deg, var(--pmh-primary) 0%, var(--pmh-primary-dark) 100%);\n border-radius: var(--pmh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--pmh-shadow-lg);\n}\n\n.pmh-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.pmh-disclaimer {\n font-size: 12px;\n color: var(--pmh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .pmh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .pmh-card {\n padding: 1.125rem;\n }\n .pmh-section {\n margin-bottom: 1.75rem;\n }\n .pmh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pmh-radius-sm);\n }\n .pmh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .pmh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .pmh-grid-compact {\n gap: .625rem;\n }\n .pmh-grid-compact .pmh-card {\n padding: .75rem;\n }\n .pmh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .pmh-timeline-content {\n padding: .875rem 1rem;\n }\n .pmh-timeline-content h3 {\n font-size: 14px;\n }\n .pmh-timeline-content p {\n font-size: 13px;\n }\n .pmh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .pmh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .pmh-testimonial {\n padding: 1.25rem;\n }\n .pmh-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .pmh-card {\n animation: fadeInUp .5s ease backwards;\n }\n .pmh-card:nth-child(1) { animation-delay: .05s; }\n .pmh-card:nth-child(2) { animation-delay: .1s; }\n .pmh-card:nth-child(3) { animation-delay: .15s; }\n .pmh-card:nth-child(4) { animation-delay: .2s; }\n .pmh-card:nth-child(5) { animation-delay: .25s; }\n .pmh-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 .pmh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754715046045,"sku":"NBAISUP0041","price":23.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/plasma-marin-hypertonique-20-ampoules-de-10-ml-oligocean-packshothd.webp?v=1776408669"},{"product_id":"chardon-marie-bio-20-ampoules-de-15-ml-superdiet","title":"Chardon Marie Bio - 20 ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"cm-premium\"\u003e\n \u003cdiv class=\"cm-hero\"\u003e\n \u003cdiv class=\"cm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cm-hero-content\"\u003e\n \u003cdiv class=\"cm-badges-top\"\u003e\n \u003cspan class=\"cm-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e💧 3250 mg \/ ampoule\u003c\/span\u003e\n \u003cspan class=\"cm-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cm-hero-title\"\u003eChardon Marie Bio Superdiet\u003c\/span\u003e\n \u003cp class=\"cm-subtitle\"\u003e20 ampoules de 15 ml — Protection du foie\u003c\/p\u003e\n \u003cp class=\"cm-description\"\u003eEnvie de chouchouter votre foie après les excès du quotidien ? Une solution naturelle, concentrée et prête à l'emploi pour soutenir vos fonctions hépatiques grâce à la méthode d'extraction exclusive Canopée®.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Chardon Marie Bio ?\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eLe Chardon Marie (\u003cem\u003eSilybum marianum\u003c\/em\u003e) est une plante emblématique de la phytothérapie européenne, utilisée depuis l'Antiquité pour ses vertus sur la sphère hépatique. Sa richesse en \u003cstrong\u003esilymarine\u003c\/strong\u003e, un complexe de flavonoïdes antioxydants, en fait une plante de référence.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌱 Fonctions hépatiques\u003c\/h3\u003e\n \u003cp\u003eSoutient les fonctions naturelles du foie au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 Drainage du foie\u003c\/h3\u003e\n \u003cp\u003eContribue au drainage hépatique et à l'élimination des toxines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🍽️ Digestion confortable\u003c\/h3\u003e\n \u003cp\u003eFavorise une digestion agréable, même après des repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✨ Actifs antioxydants\u003c\/h3\u003e\n \u003cp\u003eApporte des flavonoïdes précieux pour lutter contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🍂\u003c\/span\u003e\n \u003cp\u003eLa silymarine du Chardon Marie est particulièrement appréciée lors des \u003cstrong\u003echangements de saison\u003c\/strong\u003e, après les fêtes ou pendant une cure détox au printemps et à l'automne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eLa méthode Canopée® : une extraction unique\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eSuperdiet utilise sa méthode d'extraction exclusive, uniquement à base d'eau, pour obtenir une tisane concentrée de Chardon Marie bio ultra-biodisponible.\u003c\/p\u003e\n \u003cdiv class=\"cm-grid-compact\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 100% à l'eau\u003c\/h3\u003e\n \u003cp\u003eSans alcool, extraction douce préservant les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e⚡ +125% d'actifs\u003c\/h3\u003e\n \u003cp\u003ePlus concentrée qu'une formule classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌿 100% vegan\u003c\/h3\u003e\n \u003cp\u003eSans conservateur, sans colorant, sans sucre ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eTraçabilité exemplaire et respect total de la plante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eIngrédients pour une ampoule de 10 ml :\u003c\/p\u003e\n \u003cdiv class=\"cm-grid\"\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e🌸 Chardon Marie bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3250 mg\u003c\/strong\u003e d'extrait aqueux concentré (\u003cem\u003eSilybum marianum\u003c\/em\u003e, parties aériennes fleuries)*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003eBase pure pour une extraction douce et naturelle des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-card\"\u003e\n \u003ch3\u003e✅ Certifié AB\u003c\/h3\u003e\n \u003cp\u003eIngrédient issu de l'Agriculture Biologique — FR-BIO-10, Agriculture France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eSans alcool, sans sucre ajouté, sans gluten, sans lactose, sans OGM, sans conservateur, sans colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003eComment prendre le Chardon Marie Superdiet ?\u003c\/h2\u003e\n \u003cp class=\"cm-section-intro\"\u003eUne cure recommandée de 10 à 20 jours, à raison de 1 à 2 ampoules par jour.\u003c\/p\u003e\n \u003cdiv class=\"cm-timeline\"\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eAgitez l'ampoule\u003c\/h3\u003e\n \u003cp\u003eSecouez avant ouverture pour homogénéiser la préparation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eOuverture facile\u003c\/h3\u003e\n \u003cp\u003ePas besoin de scie : l'ampoule s'ouvre simplement aux deux extrémités.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eDiluez son contenu\u003c\/h3\u003e\n \u003cp\u003eVersez dans un grand verre d'eau ou de jus de fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-item\"\u003e\n \u003cdiv class=\"cm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cm-timeline-content\"\u003e\n \u003ch3\u003eLe bon moment\u003c\/h3\u003e\n \u003cp\u003eDe préférence le matin à jeun ou 15 minutes avant un repas pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-tip\"\u003e\n \u003cspan class=\"cm-tip-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003ePour un accompagnement détox complet, associez cette cure à une \u003cstrong\u003ealimentation légère\u003c\/strong\u003e, riche en légumes verts, et à une bonne hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cm-accordion\"\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e⚠️ Public non concerné\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes sous traitement médicamenteux sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e👨‍⚕️ Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eDemandez conseil à votre médecin ou pharmacien avant toute cure, surtout en cas de pathologie hépatique ou biliaire. Respectez les doses journalières indiquées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cm-accordion-item\"\u003e\n \u003csummary class=\"cm-accordion-header\"\u003e🍽️ Rappel important\u003c\/summary\u003e\n \u003cdiv class=\"cm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eNotre avis sur le Chardon Marie bio Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"cm-testimonial\"\u003e\n \u003cp class=\"cm-testimonial-text\"\u003e\"Plébiscité pour son goût végétal doux et son format pratique, ce chardon marie silymarine en ampoules séduit autant les adeptes de phytothérapie que les novices. Une solution sérieuse, française et bio pour prendre soin de votre foie en douceur.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cm-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🌿 Offrez à votre foie une cure détox naturelle, concentrée et 100% bio — la signature Superdiet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cm-cream: #faf7fb;\n --cm-white: #ffffff;\n --cm-primary: #7a2e6b;\n --cm-primary-dark: #4d1a44;\n --cm-primary-light: #f4e7f1;\n --cm-secondary: #c44a9e;\n --cm-accent: #d4a017;\n --cm-text: #1a1a1a;\n --cm-text-light: #5a5a5a;\n --cm-border: #e8dde6;\n --cm-shadow: 0 4px 24px rgba(122,46,107,.08);\n --cm-shadow-lg: 0 12px 48px rgba(122,46,107,.18);\n --cm-radius: 20px;\n --cm-radius-sm: 12px;\n}\n\n.cm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cm-text);\n}\n\n.cm-hero {\n position: relative;\n background: linear-gradient(135deg, #7a2e6b 0%, #a93d8a 50%, #c44a9e 100%);\n border-radius: var(--cm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cm-shadow-lg);\n}\n\n.cm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(212,160,23,.3) 0%, transparent 45%);\n opacity: .2;\n}\n\n.cm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cm-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.cm-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.3vw, 16px);\n line-height: 1.7;\n margin: 0 auto;\n max-width: 700px;\n}\n\n.cm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cm-primary), var(--cm-secondary));\n border-radius: 2px;\n}\n\n.cm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cm-card {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cm-shadow-lg);\n border-color: var(--cm-primary);\n}\n\n.cm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cm-grid-compact .cm-card {\n padding: 1rem;\n}\n\n.cm-grid-compact .cm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cm-grid-compact .cm-card p {\n font-size: 12px;\n}\n\n.cm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cm-primary), var(--cm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(122,46,107,.3);\n}\n\n.cm-timeline-content {\n flex: 1;\n background: var(--cm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cm-radius-sm);\n box-shadow: var(--cm-shadow);\n}\n\n.cm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cm-timeline-content p {\n font-size: 14px;\n color: var(--cm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cm-testimonial {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cm-shadow);\n border-left: 4px solid var(--cm-primary);\n}\n\n.cm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cm-accordion {\n background: var(--cm-white);\n border-radius: var(--cm-radius);\n box-shadow: var(--cm-shadow);\n overflow: hidden;\n}\n\n.cm-accordion-item {\n border-bottom: 1px solid var(--cm-border);\n margin: 0;\n padding: 0;\n}\n\n.cm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cm-accordion-header:hover {\n background: var(--cm-primary-light);\n}\n\n.cm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cm-primary);\n transition: transform .2s ease;\n}\n\n.cm-accordion-item[open] .cm-accordion-header::after {\n content: '−';\n}\n\n.cm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cm-accordion-content p {\n margin: 0;\n}\n\n.cm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cm-primary-light);\n border-radius: var(--cm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cm-tip p {\n font-size: 14px;\n color: var(--cm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cm-cta-box {\n background: linear-gradient(135deg, var(--cm-primary) 0%, var(--cm-primary-dark) 100%);\n border-radius: var(--cm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cm-shadow-lg);\n}\n\n.cm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .cm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cm-card {\n padding: 1.125rem;\n }\n\n .cm-section {\n margin-bottom: 1.75rem;\n }\n\n .cm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cm-radius-sm);\n }\n\n .cm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cm-grid-compact {\n gap: .625rem;\n }\n\n .cm-grid-compact .cm-card {\n padding: .75rem;\n }\n\n .cm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cm-timeline-content h3 {\n font-size: 14px;\n }\n\n .cm-timeline-content p {\n font-size: 13px;\n }\n\n .cm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cm-testimonial {\n padding: 1.25rem;\n }\n\n .cm-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cm-card:nth-child(1) { animation-delay: .05s; }\n .cm-card:nth-child(2) { animation-delay: .1s; }\n .cm-card:nth-child(3) { animation-delay: .15s; }\n .cm-card:nth-child(4) { animation-delay: .2s; }\n .cm-card:nth-child(5) { animation-delay: .25s; }\n .cm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754716815517,"sku":"NBAISUP0057","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chardon-marie-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776436743"},{"product_id":"radis-noir-artichaut-bio-coffret-20-ampoules-de-15-ml-superdiet","title":"Radis Noir \u0026 Artichaut Bio - 20 Ampoules de 15 ml - Superdiet","description":"\u003cdiv class=\"rna-premium\"\u003e\n \u003cdiv class=\"rna-hero\"\u003e\n \u003cdiv class=\"rna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rna-hero-content\"\u003e\n \u003cdiv class=\"rna-badges-top\"\u003e\n \u003cspan class=\"rna-badge\"\u003e🌱 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e💪 +125% d'actifs\u003c\/span\u003e\n \u003cspan class=\"rna-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rna-hero-title\"\u003eRadis Noir \u0026amp; Artichaut Bio\u003c\/span\u003e\n \u003cp class=\"rna-subtitle\"\u003eLe duo végétal de référence pour votre digestion\u003c\/p\u003e\n \u003cp class=\"rna-description\"\u003e20 ampoules concentrées Superdiet — Méthode Canopée exclusive pour une efficacité optimisée à chaque prise, après les repas copieux ou en cure détox.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces ampoules de Radis Noir Artichaut ?\u003c\/h2\u003e\n \u003cp class=\"rna-section-intro\"\u003eLourdeurs digestives, excès alimentaires, changements de saison, foie paresseux… Notre système digestif est soumis à de nombreuses sollicitations au quotidien. L'ampoule artichaut et radis noir agit comme un véritable coup de pouce naturel pour relancer votre vitalité digestive.\u003c\/p\u003e\n \u003cdiv class=\"rna-grid\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌿 Artichaut bio — 890 mg\u003c\/h3\u003e\n \u003cp\u003eTitré à \u003cstrong\u003e3,7 mg de cynarines\u003c\/strong\u003e, il contribue au \u003cstrong\u003econfort digestif\u003c\/strong\u003e et au \u003cstrong\u003efonctionnement normal du foie\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🖤 Radis noir bio pur jus — 8,6 ml\u003c\/h3\u003e\n \u003cp\u003eComplète harmonieusement la formule grâce à sa \u003cstrong\u003erichesse naturelle en composés soufrés\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e✨ Synergie détox\u003c\/h3\u003e\n \u003cp\u003eSolution idéale lors des \u003cstrong\u003ecures détox\u003c\/strong\u003e de printemps ou d'automne, ou après une période de repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 1 ampoule de 10 ml\u003c\/h2\u003e\n \u003cdiv class=\"rna-grid-compact\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🖤 Radis noir bio\u003c\/h3\u003e\n \u003cp\u003eJus pur : \u003cstrong\u003e8,6 ml\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌿 Artichaut bio\u003c\/h3\u003e\n \u003cp\u003eExtrait aqueux (feuilles) : \u003cstrong\u003e890 mg\u003c\/strong\u003e titré à 3,7 mg de cynarines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003ePour une formule \u003cstrong\u003epure et naturelle\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e✅ Certifications\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eFR-BIO-10\u003c\/strong\u003e — Vegan, sans alcool, sans conservateur ni colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-tip\"\u003e\n \u003cspan class=\"rna-tip-icon\"\u003e🏆\u003c\/span\u003e\n \u003cp\u003eFabriqué en France par \u003cstrong\u003eSuperdiet\u003c\/strong\u003e, laboratoire reconnu pour son savoir-faire phytothérapeutique depuis plus de \u003cstrong\u003e60 ans\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eComment prendre les ampoules Radis Noir Artichaut ?\u003c\/h2\u003e\n \u003cdiv class=\"rna-timeline\"\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003eAgitez bien avant ouverture\u003c\/h3\u003e\n \u003cp\u003eSecouez l'ampoule pour homogénéiser les actifs végétaux naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003e1 à 2 ampoules par jour\u003c\/h3\u003e\n \u003cp\u003eAdaptez la posologie selon vos besoins, sur une durée de 10 à 20 jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003eLe soir, après le repas\u003c\/h3\u003e\n \u003cp\u003eÀ consommer pure ou diluée dans un demi-verre d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-item\"\u003e\n \u003cdiv class=\"rna-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rna-timeline-content\"\u003e\n \u003ch3\u003eCure idéale de 20 jours\u003c\/h3\u003e\n \u003cp\u003eParfait lors des changements de saison ou après une période d'excès. Réservé aux adultes et adolescents de plus de 12 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eLa méthode Canopée : une concentration inédite\u003c\/h2\u003e\n \u003cp class=\"rna-section-intro\"\u003eSuperdiet a développé la \u003cstrong\u003eméthode Canopée\u003c\/strong\u003e, un procédé d'extraction exclusif permettant de préserver un maximum d'actifs végétaux tout en garantissant une qualité constante.\u003c\/p\u003e\n \u003cdiv class=\"rna-grid-compact\"\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🚀 +125% d'actifs\u003c\/h3\u003e\n \u003cp\u003eUne formule \u003cstrong\u003eplus concentrée\u003c\/strong\u003e qu'une formulation classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🌱 Goût authentique\u003c\/h3\u003e\n \u003cp\u003eLa \u003cstrong\u003esaveur naturelle\u003c\/strong\u003e des plantes fraîches préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e🔬 Qualité constante\u003c\/h3\u003e\n \u003cp\u003eUn procédé \u003cstrong\u003eexclusif\u003c\/strong\u003e pour une efficacité régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rna-card\"\u003e\n \u003ch3\u003e💚 Respect du végétal\u003c\/h3\u003e\n \u003cp\u003eExtraction douce qui \u003cstrong\u003epréserve les principes actifs\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"rna-accordion\"\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e⏱️ Quand ressentir les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eLa plupart des utilisateurs observent une \u003cstrong\u003eamélioration du confort digestif dès la première semaine de cure\u003c\/strong\u003e, avec une réduction des sensations de lourdeur après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e🔄 Peut-on enchaîner plusieurs cures ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, vous pouvez renouveler la cure \u003cstrong\u003e2 à 3 fois par an\u003c\/strong\u003e, notamment aux intersaisons. Laissez une pause d'une à deux semaines entre chaque cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e👥 Pour qui ?\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément convient aux \u003cstrong\u003eadultes souhaitant soutenir leur digestion\u003c\/strong\u003e et la vitalité de leur foie de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rna-accordion\"\u003e\n \u003cdetails class=\"rna-accordion-item\"\u003e\n \u003csummary class=\"rna-accordion-header\"\u003e⚠️ Contre-indications et mises en garde\u003c\/summary\u003e\n \u003cdiv class=\"rna-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes ou allaitantes\u003c\/strong\u003e, aux \u003cstrong\u003eenfants de moins de 12 ans\u003c\/strong\u003e et aux personnes présentant des \u003cstrong\u003ecalculs biliaires\u003c\/strong\u003e ou une \u003cstrong\u003eobstruction des voies biliaires\u003c\/strong\u003e. Ne se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain. Ce produit ne remplace en aucun cas un traitement médical : demandez l'avis de votre médecin en cas de doute ou de traitement en cours. Respectez la dose journalière recommandée. À tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"rna-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée, équilibrée et à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rna-cream: #faf7fb;\n --rna-white: #ffffff;\n --rna-primary: #6b2d5c;\n --rna-primary-dark: #4a1f3f;\n --rna-primary-light: #f0e6ef;\n --rna-secondary: #8fa85a;\n --rna-accent: #d4a017;\n --rna-text: #1a1a1a;\n --rna-text-light: #5a5a5a;\n --rna-border: #e6dce5;\n --rna-shadow: 0 4px 24px rgba(74,31,63,.08);\n --rna-shadow-lg: 0 12px 48px rgba(74,31,63,.15);\n --rna-radius: 20px;\n --rna-radius-sm: 12px;\n}\n\n.rna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rna-text);\n line-height: 1.6;\n}\n\n.rna-hero {\n position: relative;\n background: linear-gradient(135deg, #6b2d5c 0%, #8fa85a 70%, #a8c26e 100%);\n border-radius: var(--rna-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rna-shadow-lg);\n}\n\n.rna-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, white 1px, transparent 2px),\n radial-gradient(circle at 40% 80%, white 2px, transparent 3px);\n background-size: 120px 120px, 80px 80px, 160px 160px;\n}\n\n.rna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rna-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.rna-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.8vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.rna-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.rna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rna-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rna-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rna-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rna-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.rna-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rna-primary), var(--rna-secondary));\n border-radius: 2px;\n}\n\n.rna-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rna-text-light);\n margin-bottom: 1.75rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.rna-card {\n background: var(--rna-white);\n border-radius: var(--rna-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rna-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rna-shadow-lg);\n border-color: var(--rna-primary);\n}\n\n.rna-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rna-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rna-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rna-card strong {\n color: var(--rna-primary);\n font-weight: 700;\n}\n\n.rna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rna-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rna-grid-compact .rna-card {\n padding: 1rem;\n}\n\n.rna-grid-compact .rna-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rna-grid-compact .rna-card p {\n font-size: 12px;\n}\n\n.rna-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.rna-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rna-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rna-primary), var(--rna-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.rna-timeline-content {\n flex: 1;\n background: var(--rna-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rna-radius-sm);\n box-shadow: var(--rna-shadow);\n}\n\n.rna-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rna-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rna-timeline-content p {\n font-size: 14px;\n color: var(--rna-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rna-accordion {\n background: var(--rna-white);\n border-radius: var(--rna-radius);\n box-shadow: var(--rna-shadow);\n overflow: hidden;\n max-width: 860px;\n margin: 0 auto;\n}\n\n.rna-accordion-item {\n border-bottom: 1px solid var(--rna-border);\n margin: 0;\n padding: 0;\n}\n\n.rna-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rna-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rna-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rna-accordion-header:hover {\n background: var(--rna-primary-light);\n}\n\n.rna-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rna-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--rna-primary);\n transition: transform .2s ease;\n line-height: 1;\n}\n\n.rna-accordion-item[open] .rna-accordion-header::after {\n content: '−';\n}\n\n.rna-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rna-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rna-accordion-content p {\n margin: 0;\n}\n\n.rna-accordion-content strong {\n color: var(--rna-primary-dark);\n}\n\n.rna-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rna-primary-light);\n border-radius: var(--rna-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.rna-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rna-tip p {\n font-size: 14px;\n color: var(--rna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.rna-tip strong {\n color: var(--rna-primary-dark);\n}\n\n.rna-disclaimer {\n font-size: 12px;\n color: var(--rna-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .rna-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .rna-card {\n padding: 1.125rem;\n }\n .rna-section {\n margin-bottom: 1.75rem;\n }\n .rna-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rna-radius-sm);\n }\n .rna-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .rna-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .rna-grid-compact {\n gap: .625rem;\n }\n .rna-grid-compact .rna-card {\n padding: .75rem;\n }\n .rna-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .rna-timeline-content {\n padding: .875rem 1rem;\n }\n .rna-timeline-content h3 {\n font-size: 14px;\n }\n .rna-timeline-content p {\n font-size: 13px;\n }\n .rna-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .rna-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rna-card {\n animation: rnaFadeInUp .5s ease backwards;\n }\n .rna-card:nth-child(1) { animation-delay: .05s; }\n .rna-card:nth-child(2) { animation-delay: .1s; }\n .rna-card:nth-child(3) { animation-delay: .15s; }\n .rna-card:nth-child(4) { animation-delay: .2s; }\n .rna-card:nth-child(5) { animation-delay: .25s; }\n .rna-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rnaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754717241501,"sku":"NBAISUP0024","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/radis-noir-artichaut-bio-20-ampoules-de-15-ml-superdiet-packshothd.webp?v=1776409841"},{"product_id":"psyllium-blond-bio-teguments-200-g-superdiet","title":"Psyllium Blond Bio - Téguments 200 G - Superdiet","description":"\u003cdiv class=\"psy-premium\"\u003e\n \u003cdiv class=\"psy-hero\"\u003e\n \u003cdiv class=\"psy-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"psy-hero-content\"\u003e\n \u003cdiv class=\"psy-badges-top\"\u003e\n \u003cspan class=\"psy-badge\"\u003e🌱 100% Bio (AB)\u003c\/span\u003e\n \u003cspan class=\"psy-badge\"\u003e🌾 Sans gluten\u003c\/span\u003e\n \u003cspan class=\"psy-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003cspan class=\"psy-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"psy-hero-title\"\u003ePsyllium Blond Bio\u003c\/span\u003e\n \u003cp class=\"psy-subtitle\"\u003eTéguments de Plantago ovata — 200 g • Superdiet\u003c\/p\u003e\n \u003cp class=\"psy-description\" style=\"color:white;\"\u003eEnvie d'un \u003cstrong\u003e\u003cspan style=\"color:white;\"\u003etransit régulier\u003c\/span\u003e\u003c\/strong\u003e et d'un ventre plus léger au quotidien ? Découvrez un complément alimentaire 100% naturel composé exclusivement de \u003cstrong\u003e\u003cspan style=\"color:white;\"\u003etéguments de Plantago ovata bio\u003c\/span\u003e\u003c\/strong\u003e, aussi appelé \u003cem\u003eispaghul\u003c\/em\u003e, reconnu pour sa richesse exceptionnelle en \u003cstrong\u003e\u003cspan style=\"color:white;\"\u003e solubles\u003c\/span\u003e\u003c\/strong\u003e qui gonflent au contact de l'eau pour former un gel doux, véritable allié de votre confort digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003ePsyllium blond : 4 bienfaits pour votre digestion\u003c\/h2\u003e\n \u003cp class=\"psy-section-intro\"\u003eLes \u003cstrong\u003etéguments de psyllium blond\u003c\/strong\u003e concentrent jusqu'à \u003cstrong\u003e88% de fibres\u003c\/strong\u003e, essentiellement solubles. Au contact de l'eau, ces fibres forment un mucilage qui agit mécaniquement sur votre système digestif.\u003c\/p\u003e\n \u003cdiv class=\"psy-grid\"\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌀 Régulation du transit\u003c\/h3\u003e\n \u003cp\u003eAide en cas de constipation occasionnelle en ramollissant les selles, et freine un transit trop rapide grâce à son effet régulateur naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eApaise et lubrifie le tube digestif en douceur, sans irriter la muqueuse intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🥣 Effet de satiété\u003c\/h3\u003e\n \u003cp\u003eIdéal dans le cadre d'une alimentation équilibrée, il aide à mieux gérer l'appétit au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌾 Source de fibres\u003c\/h3\u003e\n \u003cp\u003eParfait pour compléter les apports recommandés de \u003cstrong\u003e25 à 30 g de fibres par jour\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003ePsyllium blond posologie : comment le prendre ?\u003c\/h2\u003e\n \u003cp class=\"psy-section-intro\"\u003ePour une efficacité optimale, introduisez le \u003cstrong\u003epsyllium blond en poudre\u003c\/strong\u003e progressivement dans votre routine.\u003c\/p\u003e\n \u003cdiv class=\"psy-timeline\"\u003e\n \u003cdiv class=\"psy-timeline-item\"\u003e\n \u003cdiv class=\"psy-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-content\"\u003e\n \u003ch3\u003eDébut de cure (3 premiers jours)\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à café rase dans un grand verre d'eau, de jus, un yaourt ou une compote. Mélangez et consommez \u003cstrong\u003eimmédiatement\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-item\"\u003e\n \u003cdiv class=\"psy-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-content\"\u003e\n \u003ch3\u003eAprès 3 jours\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e2 cuillères à café par jour\u003c\/strong\u003e, en 1 ou 2 prises, selon votre tolérance digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-item\"\u003e\n \u003cdiv class=\"psy-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"psy-timeline-content\"\u003e\n \u003ch3\u003eDurée recommandée\u003c\/h3\u003e\n \u003cp\u003eCure de \u003cstrong\u003e1 à 2 mois\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-tip\"\u003e\n \u003cspan class=\"psy-tip-icon\"\u003e💧\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eHydratation essentielle :\u003c\/strong\u003e buvez au moins \u003cstrong\u003e1,5 L d'eau par jour\u003c\/strong\u003e pendant la cure. Sans eau suffisante, les fibres ne peuvent pas agir correctement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-tip\"\u003e\n \u003cspan class=\"psy-tip-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce gourmande :\u003c\/strong\u003e intégrez-le dans un porridge, un smoothie, une soupe, ou saupoudrez-le sur vos salades pour un apport en fibres invisible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003eComposition : la pureté avant tout\u003c\/h2\u003e\n \u003cp class=\"psy-section-intro\"\u003e\u003cstrong\u003eIngrédient unique\u003c\/strong\u003e : téguments de psyllium blond (\u003cem\u003ePlantago ovata\u003c\/em\u003e) issus de l'agriculture biologique. \u003cstrong\u003e100% Bio, sans additif, sans conservateur, naturellement sans gluten.\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"psy-grid-compact\"\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌱 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌿 Vegan\u003c\/h3\u003e\n \u003cp\u003eConvient aux végétariens \u0026amp; véganes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003ePar la marque Superdiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🌏 Origine Inde\u003c\/h3\u003e\n \u003cp\u003eTerroir historique du Plantago ovata\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Psyllium Blond Bio Superdiet ?\u003c\/h2\u003e\n \u003cp\u003eSouvent recherché en magasin bio type \u003cstrong\u003eBiocoop\u003c\/strong\u003e, le \u003cstrong\u003epsyllium bio Superdiet\u003c\/strong\u003e se distingue par sa qualité premium : téguments obtenus par \u003cstrong\u003etri doux\u003c\/strong\u003e, sans solvants ni traitements agressifs, afin de préserver l'intégrité des mucilages. La marque française Superdiet s'engage depuis plus de \u003cstrong\u003e60 ans\u003c\/strong\u003e pour des formules simples, transparentes et respectueuses de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"psy-grid-compact\"\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🏆 60 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003ePionnier français du bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e✨ Tri doux\u003c\/h3\u003e\n \u003cp\u003eSans solvants ni agressions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e🔒 Mucilages préservés\u003c\/h3\u003e\n \u003cp\u003eEfficacité maximale des fibres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"psy-card\"\u003e\n \u003ch3\u003e♻️ Sachet recyclable\u003c\/h3\u003e\n \u003cp\u003eEngagement éco-responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"psy-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"psy-accordion\"\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e💧 Hydratation indispensable\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ consommer avec une \u003cstrong\u003equantité suffisante d'eau\u003c\/strong\u003e. Un apport hydrique insuffisant peut provoquer un inconfort digestif ou une obstruction intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de \u003cstrong\u003esténose intestinale, occlusion digestive ou troubles de la déglutition\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eEspacez la prise d'au moins \u003cstrong\u003e2 heures\u003c\/strong\u003e avec vos éventuels traitements médicamenteux (les fibres peuvent réduire leur absorption).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e🤰 Femmes enceintes \u0026amp; traitements\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eFemmes enceintes, allaitantes\u003c\/strong\u003e ou personnes sous traitement : demandez l'avis d'un professionnel de santé avant toute cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"psy-accordion-item\"\u003e\n \u003csummary class=\"psy-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"psy-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des jeunes enfants. À conserver \u003cstrong\u003eau sec\u003c\/strong\u003e, à l'abri de la chaleur et de la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"psy-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée, équilibrée, ni à un mode de vie sain. Il ne remplace en aucun cas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --psy-cream: #f5f9fa;\n --psy-white: #ffffff;\n --psy-primary: #3a8a94;\n --psy-primary-dark: #1f5c66;\n --psy-primary-light: #e3f1f3;\n --psy-secondary: #7cb342;\n --psy-accent: #c8e6c9;\n --psy-text: #1a2e32;\n --psy-text-light: #5a6a6d;\n --psy-border: #d8e4e6;\n --psy-shadow: 0 4px 24px rgba(31, 92, 102, .08);\n --psy-shadow-lg: 0 12px 48px rgba(31, 92, 102, .18);\n --psy-radius: 20px;\n --psy-radius-sm: 12px;\n}\n\n.psy-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--psy-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--psy-text);\n line-height: 1.6;\n}\n\n.psy-premium *, .psy-premium *::before, .psy-premium *::after { box-sizing: border-box; }\n\n.psy-hero {\n position: relative;\n background: linear-gradient(135deg, #a8d5dc 0%, #3a8a94 55%, #1f5c66 100%);\n border-radius: var(--psy-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--psy-shadow-lg);\n}\n\n.psy-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 80%, rgba(124,179,66,.3) 0%, transparent 45%);\n opacity: .5;\n}\n\n.psy-hero-content { position: relative; z-index: 1; text-align: center; }\n\n.psy-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.psy-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.psy-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.psy-description strong { color: #fff; }\n.psy-description em { color: #e3f1f3; }\n\n.psy-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.psy-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--psy-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.psy-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n.psy-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.psy-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--psy-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.psy-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--psy-primary), var(--psy-secondary));\n border-radius: 2px;\n}\n\n.psy-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--psy-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.psy-section-intro strong { color: var(--psy-primary-dark); }\n\n.psy-premium p { margin: 0 0 1rem 0; color: var(--psy-text); }\n.psy-premium p:last-child { margin-bottom: 0; }\n.psy-premium strong { color: var(--psy-primary-dark); font-weight: 700; }\n\n.psy-card {\n background: var(--psy-white);\n border-radius: var(--psy-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--psy-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.psy-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--psy-shadow-lg);\n border-color: var(--psy-primary);\n}\n\n.psy-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--psy-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.psy-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--psy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.psy-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.psy-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.psy-grid-compact .psy-card { padding: 1rem; }\n.psy-grid-compact .psy-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.psy-grid-compact .psy-card p { font-size: 12px; }\n\n.psy-timeline { display: flex; flex-direction: column; gap: 1rem; }\n\n.psy-timeline-item { display: flex; gap: 1rem; align-items: flex-start; }\n\n.psy-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--psy-primary), var(--psy-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 14px rgba(31, 92, 102, .25);\n}\n\n.psy-timeline-content {\n flex: 1;\n background: var(--psy-white);\n padding: 1rem 1.25rem;\n border-radius: var(--psy-radius-sm);\n box-shadow: var(--psy-shadow);\n}\n\n.psy-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--psy-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.psy-timeline-content p {\n font-size: 14px;\n color: var(--psy-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.psy-accordion {\n background: var(--psy-white);\n border-radius: var(--psy-radius);\n box-shadow: var(--psy-shadow);\n overflow: hidden;\n}\n\n.psy-accordion-item {\n border-bottom: 1px solid var(--psy-border);\n margin: 0;\n padding: 0;\n}\n\n.psy-accordion-item:last-child { border-bottom: none; }\n\n.psy-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--psy-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.psy-accordion-header:hover { background: var(--psy-primary-light); }\n.psy-accordion-header::-webkit-details-marker { display: none; }\n\n.psy-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--psy-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.psy-accordion-item[open] .psy-accordion-header::after { content: '−'; }\n\n.psy-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--psy-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.psy-accordion-content p { margin: 0; color: var(--psy-text-light); }\n.mt-3 { margin-top: 10px; }\n\n.psy-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--psy-primary-light);\n border-radius: var(--psy-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--psy-primary);\n}\n\n.psy-tip-icon { font-size: 26px; flex-shrink: 0; line-height: 1; }\n\n.psy-tip p {\n font-size: 14px;\n color: var(--psy-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.psy-disclaimer {\n font-size: 12px;\n color: var(--psy-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n padding: 0 1rem;\n}\n\n@media (max-width: 767px) {\n .psy-grid { grid-template-columns: 1fr; gap: 1rem; }\n .psy-card { padding: 1.125rem; }\n .psy-section { margin-bottom: 1.75rem; }\n .psy-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--psy-radius-sm);\n }\n .psy-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .psy-premium h2::after { width: 40px; height: 3px; }\n .psy-grid-compact { gap: .625rem; }\n .psy-grid-compact .psy-card { padding: .75rem; }\n .psy-timeline-number { width: 36px; height: 36px; font-size: 15px; }\n .psy-timeline-content { padding: .875rem 1rem; }\n .psy-timeline-content h3 { font-size: 14px; }\n .psy-timeline-content p { font-size: 13px; }\n .psy-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .psy-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .psy-tip { padding: .875rem 1rem; }\n .psy-tip p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .psy-card { animation: psyFadeInUp .5s ease backwards; }\n .psy-card:nth-child(1) { animation-delay: .05s; }\n .psy-card:nth-child(2) { animation-delay: .1s; }\n .psy-card:nth-child(3) { animation-delay: .15s; }\n .psy-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes psyFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .psy-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754717798557,"sku":"NBAISUP0040","price":16.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/psyllium-blond-bio-teguments-200-g-superdiet-packshothd.webp?v=1776409165"},{"product_id":"acerola-1000-bio-60-comprimes-superdiet","title":"Acérola 1000 Bio - 60 Comprimés - Superdiet","description":"\u003cdiv class=\"ac-premium\"\u003e\n\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🍒 100 % vitamine C naturelle\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n\u003cspan class=\"ac-badge\"\u003e📦 Maxi format 60 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eAcérola 1000 Bio\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003e60 comprimés de vitamine c naturelle à croquer\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eLa puissance de l'acérola bio concentrée dans un comprimé fruité : 170 mg de vitamine C naturelle pure pour réduire la fatigue et booster vos défenses, jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eAcérola 1000 Bio Superdiet : votre vitamine C naturelle au quotidien\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eVous cherchez un moyen simple et efficace de faire le plein de \u003cstrong\u003evitamine C naturelle\u003c\/strong\u003e ? L'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e de Superdiet est un complément alimentaire biologique à croquer, formulé à partir d'acérola, cette petite baie rouge originaire d'Amérique latine, réputée pour être l'un des fruits les plus riches en vitamine C au monde.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍒 Acérola bio\u003c\/h3\u003e\n\u003cp\u003ePetite cerise des Antilles, l'une des sources les plus concentrées en vitamine C au monde\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💊 1 comprimé\/jour\u003c\/h3\u003e\n\u003cp\u003eFormat pratique à croquer, au bon goût fruité, pour une prise simple et agréable\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📅 60 jours de cure\u003c\/h3\u003e\n\u003cp\u003eMaxi format pensé pour vous accompagner pendant deux mois complets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n\u003cp\u003eSans colorants ni conservateurs artificiels, issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi choisir la vitamine C d'acérola bio ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eContrairement à la vitamine C de synthèse, la \u003cstrong\u003evitamine C acérola bio\u003c\/strong\u003e est naturellement présente dans le fruit et s'accompagne de cofacteurs végétaux qui favorisent son assimilation par l'organisme.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍊 30x plus de vitamine C qu'une orange\u003c\/h3\u003e\n\u003cp\u003eL'acérola, aussi surnommé « cerise des Antilles », concentre une quantité exceptionnelle de vitamine C, incomparable face aux agrumes classiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🧬 Cofacteurs végétaux naturels\u003c\/h3\u003e\n\u003cp\u003eLes bioflavonoïdes et micronutriments naturellement présents dans le fruit favorisent une absorption optimale par votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e✅ 100 % naturelle et certifiée bio\u003c\/h3\u003e\n\u003cp\u003eEn optant pour l'\u003cstrong\u003eAcérola 1000 vitamine C\u003c\/strong\u003e, vous profitez d'une source pure, sans additifs artificiels, sans colorants ni conservateurs de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'Acérola 1000 Bio\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e😴 Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue à diminuer la fatigue passagère, notamment lors des changements de saison ou des périodes de surmenage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🛡️ Soutien du système immunitaire\u003c\/h3\u003e\n\u003cp\u003eElle participe au fonctionnement normal de vos défenses naturelles tout au long de l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🔬 Protection contre le stress oxydatif\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C est un antioxydant puissant qui aide à protéger vos cellules contre les radicaux libres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚡ Énergie et vitalité\u003c\/h3\u003e\n\u003cp\u003eElle contribue à un métabolisme énergétique normal pour aborder chaque journée avec entrain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🫐 Bon goût fruité\u003c\/h3\u003e\n\u003cp\u003eLe comprimé à croquer offre une saveur agréable de fruits rouges, ce qui rend la prise quotidienne réellement plaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eChaque comprimé de l'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e est soigneusement formulé avec des ingrédients d'origine biologique.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🍒 Extrait d'acérola bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eMalpighia glabra\u003c\/em\u003e titré en vitamine C — \u003cstrong\u003e1000 mg d'acérola\u003c\/strong\u003e par comprimé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌾 Sucre de canne bio\u003c\/h3\u003e\n\u003cp\u003eExcipient naturel issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 Maltodextrine bio\u003c\/h3\u003e\n\u003cp\u003eAgent de charge d'origine végétale certifié bio\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚪ Carbonate de magnésium\u003c\/h3\u003e\n\u003cp\u003eAnti-agglomérant naturel pour une texture de comprimé optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍃 Arôme naturel\u003c\/h3\u003e\n\u003cp\u003ePour un goût fruité agréable sans arôme artificiel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e📊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eApport par comprimé :\u003c\/strong\u003e 170 mg de vitamine C naturelle pure, soit \u003cstrong\u003e212 % des valeurs nutritionnelles de référence\u003c\/strong\u003e. Produit certifié bio, fabriqué en France.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eCroquez ou laissez fondre\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e1 comprimé par jour\u003c\/strong\u003e, de préférence le matin, pour bien démarrer votre journée avec un boost de vitamine C naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eCure de 60 jours\u003c\/h3\u003e\n\u003cp\u003eIdéale aux intersaisons (automne, printemps) ou dès que vous ressentez un coup de fatigue. Peut être renouvelée plusieurs fois dans l'année.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eConservation et précautions\u003c\/h3\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Ne pas dépasser la dose journalière recommandée. Convient aux adultes et aux enfants de plus de 12 ans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eOrigine et engagement qualité Superdiet\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n\u003cp\u003eL'acérola provient de plantations biologiques certifiées au Brésil, où les conditions climatiques permettent une concentration optimale en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eLes fruits sont récoltés à pleine maturité, puis transformés et conditionnés en France, dans le respect des normes de qualité les plus strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n\u003cp\u003eEmballage recyclable, culture sans OGM ni pesticides, respect de la biodiversité. Superdiet s'engage pour une démarche durable à chaque étape.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"ac-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e🍒 Faites le plein de vitalité avec l'\u003cstrong\u003eAcérola 1000 Bio\u003c\/strong\u003e — 170 mg de vitamine C naturelle par comprimé, 60 jours de cure, fabriqué en France et certifié bio !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, demandez conseil à votre médecin ou pharmacien avant de commencer une cure de vitamine C naturelle en comprimés.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ac-cream: #fef9f5;\n --ac-white: #ffffff;\n --ac-primary: #d4232a;\n --ac-primary-dark: #a51b20;\n --ac-primary-light: #fdeaea;\n --ac-secondary: #5ba33a;\n --ac-accent: #f7c948;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e8e0da;\n --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.ac-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 40%, #7b1518 100%);\n border-radius: var(--ac-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(247,201,72,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(91,163,58,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ac-subtitle {\n color: 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.ac-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-card-highlight {\n border-color: var(--ac-primary);\n background: var(--ac-primary-light);\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ac-testimonial {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ac-shadow);\n border-left: 4px solid var(--ac-primary);\n}\n\n.ac-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ac-cta-box 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.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-tip {\n padding: .875rem 1rem;\n }\n\n .ac-tip-icon {\n font-size: 20px;\n }\n\n .ac-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754718879901,"sku":"NBAISUP0001","price":23.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-1000-bio-60-comprimes-superdiet-packshothd.webp?v=1789750161"},{"product_id":"quatuor-digestion-bio-20-ampoules-superdiet","title":"Quatuor bien être du foie Bio 20 Ampoules - Superdiet","description":"\u003cdiv class=\"qbf-premium\"\u003e\n \u003cdiv class=\"qbf-hero\"\u003e\n \u003cdiv class=\"qbf-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qbf-hero-content\"\u003e\n \u003cdiv class=\"qbf-badges-top\"\u003e\n \u003cspan class=\"qbf-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"qbf-badge\"\u003e🇫🇷 100% plantes françaises\u003c\/span\u003e\n \u003cspan class=\"qbf-badge\"\u003e✨ +125% d'actifs\u003c\/span\u003e\n \u003cspan class=\"qbf-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qbf-hero-title\"\u003eQuatuor Bien-être du Foie Bio\u003c\/span\u003e\n \u003cp class=\"qbf-subtitle\"\u003e20 ampoules · Superdiet\u003c\/p\u003e\n \u003cp class=\"qbf-description\"\u003eVotre foie travaille sans relâche pour filtrer, digérer et détoxifier votre organisme. Le \u003cstrong\u003eQuatuor Bien-être du Foie Bio de Superdiet\u003c\/strong\u003e associe quatre plantes emblématiques : radis noir, artichaut, chardon-marie et romarin. Une cure de 20 jours en ampoules buvables pour soutenir votre confort digestif et votre bien-être hépatique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"qbf-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce quatuor de plantes pour votre foie ?\u003c\/h2\u003e\n \u003cp class=\"qbf-section-intro\"\u003eLes excès alimentaires, le stress ou une alimentation déséquilibrée peuvent mettre votre foie à rude épreuve. Cette formule concentrée mise sur la complémentarité de 4 plantes traditionnellement utilisées en phytothérapie.\u003c\/p\u003e\n \u003cdiv class=\"qbf-grid\"\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🥬 Radis noir\u003c\/h3\u003e\n \u003cp\u003eReconnu pour soutenir les fonctions digestives et favoriser l'élimination naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌼 Artichaut\u003c\/h3\u003e\n \u003cp\u003eContribue au confort digestif et au bon fonctionnement hépatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌸 Chardon-marie\u003c\/h3\u003e\n \u003cp\u003eRéputé pour ses vertus protectrices sur le foie grâce à la silymarine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌿 Romarin\u003c\/h3\u003e\n \u003cp\u003eApprécié pour ses propriétés antioxydantes et son action sur la vésicule biliaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-tip\"\u003e\n \u003cspan class=\"qbf-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eUne synergie complète qui fait de ce produit l'un des \u003cstrong\u003emeilleurs choix de detox foie\u003c\/strong\u003e parmi les formules bio disponibles en pharmacie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbf-section\"\u003e\n \u003ch2\u003eComposition détaillée par ampoule de 10 ml\u003c\/h2\u003e\n \u003cdiv class=\"qbf-grid-compact\"\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🥬 Radis noir bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e5 ml\u003c\/strong\u003e de jus pur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌼 Artichaut bio\u003c\/h3\u003e\n \u003cp\u003eExtrait équivalent à \u003cstrong\u003e1500 mg\u003c\/strong\u003e de plante sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌸 Chardon-marie bio\u003c\/h3\u003e\n \u003cp\u003eExtrait équivalent à \u003cstrong\u003e375 mg\u003c\/strong\u003e de plante sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌿 Romarin bio\u003c\/h3\u003e\n \u003cp\u003eExtrait équivalent à \u003cstrong\u003e50 mg\u003c\/strong\u003e de plante sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e💧 Eau de source\u003c\/h3\u003e\n \u003cp\u003eTitré en cynarines : \u003cstrong\u003e7,3 mg\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e✅ Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique \u003cstrong\u003eFR-BIO-10\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-tip\"\u003e\n \u003cspan class=\"qbf-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003e100% plantes françaises\u003c\/strong\u003e, vegan, sans alcool, sans conservateur et sans colorant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbf-section\"\u003e\n \u003ch2\u003eComment prendre le Quatuor Bien-être du Foie ?\u003c\/h2\u003e\n \u003cdiv class=\"qbf-timeline\"\u003e\n \u003cdiv class=\"qbf-timeline-item\"\u003e\n \u003cdiv class=\"qbf-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qbf-timeline-content\"\u003e\n \u003ch3\u003e🌙 Posologie\u003c\/h3\u003e\n \u003cp\u003e1 ampoule par jour, de préférence \u003cstrong\u003ele soir après le repas\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-timeline-item\"\u003e\n \u003cdiv class=\"qbf-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qbf-timeline-content\"\u003e\n \u003ch3\u003e💧 Mode d'emploi\u003c\/h3\u003e\n \u003cp\u003eAgitez l'ampoule, ouvrez-la et diluez son contenu dans un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-timeline-item\"\u003e\n \u003cdiv class=\"qbf-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qbf-timeline-content\"\u003e\n \u003ch3\u003e📅 Durée de cure\u003c\/h3\u003e\n \u003cp\u003eUne boîte = \u003cstrong\u003e20 jours de cure\u003c\/strong\u003e. Renouvelable selon les besoins, notamment aux changements de saison ou après une période d'excès.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-tip\"\u003e\n \u003cspan class=\"qbf-tip-icon\"\u003e🥗\u003c\/span\u003e\n \u003cp\u003eAssociez cette cure à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e et une hydratation suffisante pour optimiser les effets. Aucun complément ne remplace une hygiène de vie adaptée : il vient en soutien, pas en substitut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbf-section\"\u003e\n \u003ch2\u003eAvis et points forts du Quatuor Superdiet\u003c\/h2\u003e\n \u003cdiv class=\"qbf-grid-compact\"\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e✨ +125% d'actifs\u003c\/h3\u003e\n \u003cp\u003eFormule concentrée vs. version précédente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🌿 Méthode Canopée\u003c\/h3\u003e\n \u003cp\u003eExtraction qui préserve la qualité des plantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e💎 Ampoules en verre\u003c\/h3\u003e\n \u003cp\u003eOuverture facile, pratiques à emporter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qbf-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire phyto depuis +60 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qbf-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"qbf-accordion\"\u003e\n \u003cdetails class=\"qbf-accordion-item\"\u003e\n \u003csummary class=\"qbf-accordion-header\"\u003e⚠️ Public et contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"qbf-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé aux adultes. Déconseillé aux femmes enceintes ou allaitantes, aux enfants et aux personnes souffrant de troubles hépatiques ou biliaires sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qbf-accordion-item\"\u003e\n \u003csummary class=\"qbf-accordion-header\"\u003e👶 Conservation \u0026amp; sécurité\u003c\/summary\u003e\n \u003cdiv class=\"qbf-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ tenir hors de portée des enfants. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qbf-accordion-item\"\u003e\n \u003csummary class=\"qbf-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"qbf-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée, équilibrée ni à un mode de vie sain\u003c\/strong\u003e, et ne remplace en aucun cas un traitement médical. En cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qbf-cream: #f5f6f0;\n --qbf-white: #ffffff;\n --qbf-primary: #2d6a3e;\n --qbf-primary-dark: #1e4a2b;\n --qbf-primary-light: #e8f0e4;\n --qbf-secondary: #c9234a;\n --qbf-accent: #8b3a8f;\n --qbf-text: #1a1a1a;\n --qbf-text-light: #5a5a5a;\n --qbf-border: #e0e0e0;\n --qbf-shadow: 0 4px 24px rgba(0,0,0,.08);\n --qbf-shadow-lg: 0 12px 48px rgba(45,106,62,.18);\n --qbf-radius: 20px;\n --qbf-radius-sm: 12px;\n}\n\n.qbf-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qbf-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--qbf-text);\n}\n\n.qbf-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6a3e 0%, #3d8855 50%, #1e4a2b 100%);\n border-radius: var(--qbf-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--qbf-shadow-lg);\n}\n\n.qbf-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(201,35,74,.2) 0%, transparent 40%);\n opacity: .6;\n}\n\n.qbf-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qbf-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.qbf-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.qbf-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.qbf-description strong {\n color: white;\n font-weight: 700;\n}\n\n.qbf-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qbf-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--qbf-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qbf-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.qbf-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qbf-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qbf-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.qbf-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--qbf-primary), var(--qbf-secondary));\n border-radius: 2px;\n}\n\n.qbf-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qbf-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.qbf-card {\n background: var(--qbf-white);\n border-radius: var(--qbf-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qbf-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qbf-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qbf-shadow-lg);\n border-color: var(--qbf-primary);\n}\n\n.qbf-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qbf-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qbf-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qbf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qbf-card strong {\n color: var(--qbf-secondary);\n font-weight: 700;\n}\n\n.qbf-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.qbf-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.qbf-grid-compact .qbf-card {\n padding: 1rem;\n}\n\n.qbf-grid-compact .qbf-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qbf-grid-compact .qbf-card p {\n font-size: 12.5px;\n}\n\n.qbf-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.qbf-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qbf-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qbf-primary), var(--qbf-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45,106,62,.3);\n}\n\n.qbf-timeline-content {\n flex: 1;\n background: var(--qbf-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qbf-radius-sm);\n box-shadow: var(--qbf-shadow);\n}\n\n.qbf-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qbf-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qbf-timeline-content p {\n font-size: 14px;\n color: var(--qbf-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.qbf-timeline-content strong {\n color: var(--qbf-secondary);\n}\n\n.qbf-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qbf-primary-light);\n border-radius: var(--qbf-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--qbf-primary);\n}\n\n.qbf-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.qbf-tip p {\n font-size: 14px;\n color: var(--qbf-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.qbf-tip strong {\n color: var(--qbf-primary-dark);\n}\n\n.qbf-accordion {\n background: var(--qbf-white);\n border-radius: var(--qbf-radius);\n box-shadow: var(--qbf-shadow);\n overflow: hidden;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.qbf-accordion-item {\n border-bottom: 1px solid var(--qbf-border);\n margin: 0;\n padding: 0;\n}\n\n.qbf-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qbf-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qbf-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.qbf-accordion-header:hover {\n background: var(--qbf-primary-light);\n}\n\n.qbf-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qbf-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--qbf-primary);\n transition: transform .2s ease;\n margin-left: 10px;\n}\n\n.qbf-accordion-item[open] .qbf-accordion-header::after {\n content: '−';\n}\n\n.qbf-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qbf-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qbf-accordion-content p {\n margin: 0;\n}\n\n.qbf-accordion-content strong {\n color: var(--qbf-primary-dark);\n}\n\n@media (max-width: 767px) {\n .qbf-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qbf-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n .qbf-grid-compact .qbf-card {\n padding: .75rem;\n }\n .qbf-card {\n padding: 1.125rem;\n }\n .qbf-section {\n margin-bottom: 1.75rem;\n }\n .qbf-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qbf-radius-sm);\n }\n .qbf-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qbf-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qbf-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qbf-timeline-content {\n padding: .875rem 1rem;\n }\n .qbf-timeline-content h3 {\n font-size: 14px;\n }\n .qbf-timeline-content p {\n font-size: 13px;\n }\n .qbf-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qbf-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .qbf-card {\n animation: qbfFadeInUp .5s ease backwards;\n }\n .qbf-card:nth-child(1) { animation-delay: .05s; }\n .qbf-card:nth-child(2) { animation-delay: .1s; }\n .qbf-card:nth-child(3) { animation-delay: .15s; }\n .qbf-card:nth-child(4) { animation-delay: .2s; }\n .qbf-card:nth-child(5) { animation-delay: .25s; }\n .qbf-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qbfFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .qbf-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754719305885,"sku":"NBAISUP0020","price":19.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quatuor-bien-etre-du-foie-bio-20-ampoules-superdiet-packshothd.webp?v=1776409519"},{"product_id":"quatuor-circulation-bio-120-gelules-superdiet","title":"Quatuor Circulation Bio 120 Gélules - Superdiet","description":"\u003cdiv class=\"qc-premium\"\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🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qc-hero-title\"\u003eQuatuor Circulation Bio\u003c\/span\u003e\n \u003cp class=\"qc-subtitle\"\u003eSuperdiet · 120 gélules · 30 jours de cure\u003c\/p\u003e\n \u003cp class=\"qc-description\"\u003eVos jambes tirent en fin de journée ? Sensation de lourdeur, de gonflement ou de fatigue dans les mollets ? Le Quatuor Circulation Bio associe \u003cstrong\u003e4 plantes emblématiques du bien-être veineux\u003c\/strong\u003e : marronnier d'Inde, vigne rouge, hamamélis et ginkgo. Une synergie pensée pour votre confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complément circulation sanguine ?\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eLe Quatuor Circulation Bio répond aux attentes de celles et ceux qui recherchent un complément alimentaire circulation veineuse et lymphatique à la fois efficace, naturel et certifié bio. Sa formule concentrée réunit le meilleur de la phytothérapie traditionnelle.\u003c\/p\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌰 Marronnier d'Inde\u003c\/h3\u003e\n \u003cp\u003eContribue au bien-être circulatoire et participe à la sensation de jambes légères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍇 Vigne rouge\u003c\/h3\u003e\n \u003cp\u003ePlante emblématique du confort veineux, elle accompagne le retour veineux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌿 Hamamélis\u003c\/h3\u003e\n \u003cp\u003eComplète harmonieusement la formule grâce à ses feuilles riches en tanins naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo biloba\u003c\/h3\u003e\n \u003cp\u003eParticulièrement apprécié pour ses feuilles riches en actifs naturels, soutient la microcirculation.\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\u003eCette association en fait l'un des \u003cstrong\u003emeilleurs compléments alimentaires circulation sanguine\u003c\/strong\u003e disponibles en format gélules végétales, sans additif superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eComposition pour 4 gélules (dose journalière)\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid-compact\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌰 Marronnier d'Inde\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e450 mg\u003c\/strong\u003e\u003cbr\u003e\u003cem\u003eAesculus hippocastanum L. · graine\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍇 Vigne rouge\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e**\u003cbr\u003e\u003cem\u003eVitis Vinifera L. · feuille\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌿 Hamamélis\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e**\u003cbr\u003e\u003cem\u003eHamamelis virginiana L. · feuille\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🍃 Ginkgo\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e230 mg\u003c\/strong\u003e**\u003cbr\u003e\u003cem\u003eGinkgo biloba L. · feuille\u003c\/em\u003e\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\u003eAutres ingrédients :\u003c\/strong\u003e gélule d'hydroxypropylméthylcellulose, amidon de riz*.\u003cbr\u003e*Ingrédient issu de l'agriculture biologique. **Équivalent en plantes sèches.\u003cbr\u003eProduit \u003cstrong\u003evegan\u003c\/strong\u003e, \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, conditionné dans un flacon éco-conçu (au moins 97 % de matière recyclée et majoritairement recyclable). Présentation : 120 gélules de 385 mg, soit 30 jours de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\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\u003eQui ?\u003c\/h3\u003e\n \u003cp\u003eHommes et femmes adultes.\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\u003eQuand ?\u003c\/h3\u003e\n \u003cp\u003ePendant le repas.\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\u003eComment ?\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e4 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 \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour de meilleurs résultats, réalisez une cure de \u003cstrong\u003e1 à 3 mois\u003c\/strong\u003e, notamment lors des périodes propices à l'inconfort (fortes chaleurs, longues stations debout, voyages prolongés). Associez la prise à une alimentation variée et équilibrée, une activité physique régulière (marche, natation) et une bonne hydratation pour soutenir votre circulation du sang.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur le Quatuor Circulation Bio\u003c\/h2\u003e\n \u003cdiv class=\"qc-accordion\"\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e🍃 Quels sont les bienfaits du ginkgo biloba sur la circulation sanguine ?\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eLe ginkgo biloba est traditionnellement utilisé en phytothérapie pour accompagner une bonne microcirculation, notamment au niveau des extrémités.\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💧 Peut-on l'utiliser comme complément alimentaire pour la circulation lymphatique ?\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eSa formule polyvalente en fait un bon allié pour le confort des jambes, qu'il s'agisse du retour veineux ou du drainage.\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⏱️ En combien de temps voit-on les effets ?\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eLes bénéfices ressentis varient selon les personnes ; une cure de \u003cstrong\u003e1 mois minimum\u003c\/strong\u003e est généralement recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"qc-accordion\"\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux \u003cstrong\u003efemmes enceintes et allaitantes\u003c\/strong\u003e, ainsi qu'aux enfants et adolescents de moins de 18 ans. Consultez votre médecin en cas de prise simultanée d'anticoagulants ou d'agents antiplaquettaires. Respectez les doses conseillées et tenez hors de portée des jeunes enfants.\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🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene se substitue pas à une alimentation variée et équilibrée, ni à un mode de vie sain, ni à un traitement médical\u003c\/strong\u003e. En cas de troubles circulatoires persistants, demandez l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"qc-disclaimer\"\u003eComplément alimentaire à base de Marronnier d'Inde, Vigne rouge, Hamamélis et Ginkgo. À consommer dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qc-cream: #faf7f2;\n --qc-white: #ffffff;\n --qc-primary: #a8182a;\n --qc-primary-dark: #7a1020;\n --qc-primary-light: #fbecee;\n --qc-secondary: #4a7c3a;\n --qc-accent: #d4a12a;\n --qc-text: #1a1a1a;\n --qc-text-light: #5a5a5a;\n --qc-border: #e8dfd4;\n --qc-shadow: 0 4px 24px rgba(122,16,32,.08);\n --qc-shadow-lg: 0 12px 48px rgba(122,16,32,.18);\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 color: var(--qc-text);\n line-height: 1.6;\n}\n\n.qc-hero {\n position: relative;\n background: linear-gradient(135deg, #a8182a 0%, #7a1020 55%, #4a7c3a 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% 20%, rgba(255,255,255,.3) 0%, transparent 40%), radial-gradient(circle at 80% 80%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\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 line-height: 1.1;\n}\n\n.qc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.qc-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n max-width: 720px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.qc-description strong {\n color: white;\n font-weight: 700;\n}\n\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.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 line-height: 1.2;\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.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.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\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.qc-card p strong {\n color: var(--qc-primary);\n font-size: 1.1em;\n}\n\n.qc-card p em {\n font-size: .85em;\n color: var(--qc-text-light);\n}\n\n.qc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 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.qc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 720px;\n margin: 0 auto;\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-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(168,24,42,.3);\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.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 gap: 1rem;\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: 22px;\n font-weight: 400;\n color: var(--qc-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\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.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 border-left: 3px solid var(--qc-primary);\n}\n\n.qc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\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.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@media (max-width: 767px) {\n .qc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .qc-card {\n padding: 1.125rem;\n }\n .qc-section {\n margin-bottom: 1.75rem;\n }\n .qc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qc-radius-sm);\n }\n .qc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .qc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .qc-grid-compact {\n gap: .625rem;\n }\n .qc-grid-compact .qc-card {\n padding: .75rem;\n }\n .qc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .qc-timeline-content {\n padding: .875rem 1rem;\n }\n .qc-timeline-content h3 {\n font-size: 14px;\n }\n .qc-timeline-content p {\n font-size: 13px;\n }\n .qc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .qc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\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}\n\n@keyframes qcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\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":"SUPERDIET","offers":[{"title":"Default Title","offer_id":45754719731869,"sku":"NBAISUP0029","price":23.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/superdiet-quatuor-circulation-bio-120-gelules-recto.webp?v=1776408452"},{"product_id":"siliriche-silicium-plantes-manganese-1-litre-qualidiet","title":"Siliriche Silicium, Plantes, Manganèse - 1 Litre - Qualidiet","description":"\u003cdiv class=\"sil-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sil-hero\"\u003e\n\u003cdiv class=\"sil-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sil-hero-content\"\u003e\n\u003cdiv class=\"sil-badges-top\"\u003e\n\u003cspan class=\"sil-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"sil-badge\"\u003e🌿 1 200 mg de silicium \/ litre\u003c\/span\u003e \u003cspan class=\"sil-badge\"\u003e📏 Cure 33 jours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sil-hero-title\"\u003eLa force naturelle du silicium organique\u003c\/span\u003e\n\u003cp class=\"sil-subtitle\"\u003eQualidiet — Complément alimentaire liquide 1 litre\u003c\/p\u003e\n\u003cp class=\"sil-description\"\u003eSynergie de silicium organique, bambou, ortie, prêle et manganèse pour sublimer cheveux, articulations et peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"sil-section\"\u003e\n\u003ch2\u003eSiliriche : le complément silicium nouvelle génération\u003c\/h2\u003e\n\u003cp class=\"sil-section-intro\"\u003eVous recherchez un \u003cstrong\u003esilicium pour cheveux\u003c\/strong\u003e efficace, qui soutient aussi articulations et peau ? Le \u003cstrong\u003eSiliriche de Qualidiet\u003c\/strong\u003e propose une formule concentrée et biodisponible pour une action globale sur les tissus conjonctifs.\u003c\/p\u003e\n\u003cdiv class=\"sil-grid\"\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e💇 Cheveux fortifiés\u003c\/h3\u003e\n\u003cp\u003eLe \u003cstrong\u003esilicium et cheveux\u003c\/strong\u003e : duo clé pour la kératine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🦴 Articulations souples\u003c\/h3\u003e\n\u003cp\u003eContribue au maintien d'une ossature normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e✨ Peau radieuse\u003c\/h3\u003e\n\u003cp\u003eSoutient l'élasticité cutanée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"sil-section\"\u003e\n\u003ch2\u003ePourquoi choisir le silicium organique ?\u003c\/h2\u003e\n\u003cdiv class=\"sil-testimonial\"\u003e\n\u003cp class=\"sil-testimonial-text\"\u003eLe \u003cstrong\u003esilicium organique pour cheveux\u003c\/strong\u003e participe à la synthèse de la kératine et du collagène, protéines qui structurent la fibre capillaire. Avec l'âge, nos réserves diminuent : les cheveux deviennent fins et cassants. Un apport ciblé relance leur vitalité dès la racine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🔬 Kératine\u003c\/h3\u003e\n\u003cp\u003eStructure la fibre capillaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🌱 Cuir chevelu sain\u003c\/h3\u003e\n\u003cp\u003eSoutient le cycle de pousse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e📉 Réserves comblées\u003c\/h3\u003e\n\u003cp\u003eCompense la baisse liée à l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e📸 Effet visible\u003c\/h3\u003e\n\u003cp\u003eRésultats en 2-3 mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"sil-section\"\u003e\n\u003ch2\u003eSynergie unique : bambou, ortie, prêle \u0026amp; manganèse\u003c\/h2\u003e\n\u003cdiv class=\"sil-grid\"\u003e\n\u003cdiv class=\"sil-card sil-card-highlight\"\u003e\n\u003ch3\u003e🎋 Bambou tabashir\u003c\/h3\u003e\n\u003cp\u003eSource végétale riche en silice naturelle, soutient os, articulations et fermeté de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card sil-card-highlight\"\u003e\n\u003ch3\u003e🌿 Ortie\u003c\/h3\u003e\n\u003cp\u003eRiche en minéraux naturels, soutient la vitalité des tissus, cheveux et peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card sil-card-highlight\"\u003e\n\u003ch3\u003e🌾 Prêle des champs\u003c\/h3\u003e\n\u003cp\u003eReminéralisante, renforce les tissus conjonctifs et la santé des ongles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card sil-card-highlight\"\u003e\n\u003ch3\u003e⚙️ Manganèse\u003c\/h3\u003e\n\u003cp\u003eContribue à protéger les cellules du stress oxydatif et au maintien d'une ossature normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-tip\"\u003e\n\u003cspan class=\"sil-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003e1 200 mg de silicium organique par litre\u003c\/strong\u003e : une concentration qui fait la différence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"sil-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"sil-timeline\"\u003e\n\u003cdiv class=\"sil-timeline-item\"\u003e\n\u003cdiv class=\"sil-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez avant chaque prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-item\"\u003e\n\u003cdiv class=\"sil-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-content\"\u003e\n\u003ch3\u003e30 ml par jour\u003c\/h3\u003e\n\u003cp\u003ePur ou dilué. Flacon pour \u003cstrong\u003e33 jours\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-item\"\u003e\n\u003cdiv class=\"sil-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-content\"\u003e\n\u003ch3\u003e15 min avant un repas\u003c\/h3\u003e\n\u003cp\u003ePour une absorption optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-item\"\u003e\n\u003cdiv class=\"sil-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"sil-timeline-content\"\u003e\n\u003ch3\u003eCure de 2 à 3 mois\u003c\/h3\u003e\n\u003cp\u003eRenouvelable pour des résultats durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"sil-section\"\u003e\n\u003ch2\u003eComposition complète\u003c\/h2\u003e\n\u003cdiv class=\"sil-accordion\"\u003e\n\u003cdetails open=\"\" class=\"sil-accordion-item\"\u003e\n\u003csummary class=\"sil-accordion-header\"\u003e📋 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"sil-accordion-content mt-3\"\u003e\n\u003cp\u003eEau purifiée, silicium organique (acide orthosilicique stabilisé par hydrolysat de collagène marin), extraits de \u003cstrong\u003ebambou tabashir\u003c\/strong\u003e, d'\u003cstrong\u003eortie\u003c\/strong\u003e et de \u003cstrong\u003eprêle\u003c\/strong\u003e, gluconate de \u003cstrong\u003emanganèse\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sil-accordion-item\"\u003e\n\u003csummary class=\"sil-accordion-header\"\u003e🔢 Dosage par dose\u003c\/summary\u003e\n\u003cdiv class=\"sil-accordion-content mt-3\"\u003e\n\u003cp\u003ePour 30 ml\/jour : \u003cstrong\u003e36 mg de silicium organique\u003c\/strong\u003e, extraits végétaux et manganèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"sil-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eLes engagements Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"sil-grid-compact\"\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eNormes qualité strictes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans colorants ni conservateurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e🧪 Formule concentrée\u003c\/h3\u003e\n\u003cp\u003eAdaptée à une cure longue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-card\"\u003e\n\u003ch3\u003e👨👩👧 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eDès l'adolescence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sil-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à vos cheveux, articulations et peau le meilleur du \u003cstrong\u003esilicium organique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"sil-disclaimer\"\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sil-cream: #F7F6F1;\n --sil-white: #ffffff;\n --sil-primary: #2E7D32;\n --sil-primary-dark: #1B5E20;\n --sil-primary-light: #E8F5E9;\n --sil-secondary: #C62828;\n --sil-accent: #8D6E63;\n --sil-text: #1a1a1a;\n --sil-text-light: #5a5a5a;\n --sil-border: #e0e0e0;\n --sil-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sil-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sil-radius: 20px;\n --sil-radius-sm: 12px;\n}\n.sil-premium { max-width: 1200px; margin: 0 auto; padding: clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem); background: var(--sil-cream); font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; }\n.sil-hero { position: relative; background: linear-gradient(135deg,#1B5E20 0%,#2E7D32 40%,#43A047 75%,#66BB6A 100%); border-radius: var(--sil-radius); padding: clamp(3rem,7vw,5rem) clamp(2rem,5vw,4rem); margin-bottom: clamp(2.5rem,5vw,4rem); overflow: hidden; box-shadow: var(--sil-shadow-lg); }\n.sil-hero-pattern { position: absolute; top:0;left:0;right:0;bottom:0; background-image: radial-gradient(circle at 20% 80%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.06) 0%,transparent 50%); }\n.sil-hero-content { position: relative; z-index:1; text-align:center; }\n.sil-hero-title { display:block; color:white; font-size: clamp(26px,7vw,48px); font-weight:900; margin:0 0 1rem 0; letter-spacing:-.04em; text-shadow: 0 4px 20px rgba(0,0,0,.2); line-height:1.1; }\n.sil-subtitle { color: rgba(255,255,255,.85); font-size: clamp(13px,2.5vw,17px); font-weight:600; margin:0 0 1rem 0; letter-spacing:.02em; text-transform:uppercase; }\n.sil-description { color: rgba(255,255,255,.9); font-size: clamp(14px,2.5vw,17px); line-height:1.7; max-width:650px; margin:0 auto; }\n.sil-badges-top { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:1.5rem; }\n.sil-badge { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:rgba(255,255,255,.95); border-radius:999px; font-size:13px; font-weight:700; color: var(--sil-primary-dark); box-shadow: 0 2px 12px rgba(0,0,0,.1); transition: all .3s ease; }\n.sil-badge:hover { transform: translateY(-2px) scale(1.05); }\n.sil-section { margin-bottom: clamp(2rem,4vw,3.5rem); }\n.sil-premium h2 { font-size: clamp(22px,5vw,36px); font-weight:900; color: var(--sil-primary-dark); margin-bottom: clamp(1.25rem,3vw,2rem); text-align:center; letter-spacing:-.03em; position:relative; padding-bottom:1rem; line-height:1.25; }\n.sil-premium h2::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:60px; height:4px; background: linear-gradient(90deg,var(--sil-primary),var(--sil-secondary)); border-radius:2px; }\n.sil-card { background: var(--sil-white); border-radius: var(--sil-radius); padding: clamp(1.25rem,3vw,2rem); box-shadow: var(--sil-shadow); border:2px solid transparent; transition: all .3s ease; text-align:center; }\n.sil-card:hover { transform: translateY(-6px); box-shadow: var(--sil-shadow-lg); border-color: var(--sil-primary); }\n.sil-card h3 { font-size: clamp(15px,2.5vw,18px); font-weight:800; color: var(--sil-primary-dark); margin:0 0 .5rem 0; line-height:1.3; }\n.sil-card p { font-size: clamp(13px,2vw,15px); color: var(--sil-text-light); margin:0; line-height:1.6; }\n.sil-card-highlight { border-left:4px solid var(--sil-primary); text-align:left; }\n.sil-card-highlight:hover { border-left-color: var(--sil-secondary); }\n.sil-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:1.25rem; }\n.sil-grid-compact { display:grid; grid-template-columns: repeat(2,1fr); gap:1rem; }\n.sil-grid-compact .sil-card { padding:1rem; }\n.sil-grid-compact .sil-card h3 { font-size:14px; margin-bottom:.35rem; }\n.sil-grid-compact .sil-card p { font-size:12px; }\n.sil-timeline { display:flex; flex-direction:column; gap:1rem; }\n.sil-timeline-item { display:flex; gap:1rem; align-items:flex-start; }\n.sil-timeline-number { flex-shrink:0; width:40px; height:40px; background: linear-gradient(135deg,var(--sil-primary),var(--sil-primary-dark)); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px; }\n.sil-timeline-content { flex:1; background: var(--sil-white); padding:1rem 1.25rem; border-radius: var(--sil-radius-sm); box-shadow: var(--sil-shadow); }\n.sil-timeline-content h3 { font-size:16px; font-weight:700; color: var(--sil-primary-dark); margin:0 0 .25rem 0; }\n.sil-timeline-content p { font-size:14px; color: var(--sil-text-light); margin:0; line-height:1.5; }\n.sil-testimonial { background: var(--sil-white); border-radius: var(--sil-radius); padding: clamp(1.5rem,4vw,2.5rem); box-shadow: var(--sil-shadow); border-left:4px solid var(--sil-primary); }\n.sil-testimonial-text { font-size: clamp(15px,2.5vw,17px); color: var(--sil-text); line-height:1.8; font-style:italic; margin:0; }\n.sil-accordion { background: var(--sil-white); border-radius: var(--sil-radius); box-shadow: var(--sil-shadow); overflow:hidden; }\n.sil-accordion-item { border-bottom:1px solid var(--sil-border); margin:0; padding:0; }\n.sil-accordion-item:last-child { border-bottom:none; }\n.sil-accordion-header { padding:1rem 1.25rem; font-weight:700; font-size:15px; color: var(--sil-primary-dark); cursor:pointer; display:flex; justify-content:space-between; align-items:center; list-style:none; transition: background .2s ease; }\n.sil-accordion-header:hover { background: var(--sil-primary-light); }\n.sil-accordion-header::-webkit-details-marker { display:none; }\n.sil-accordion-header::after { content:'+'; font-size:20px; color: var(--sil-primary); }\n.sil-accordion-item[open] .sil-accordion-header::after { content:'−'; }\n.sil-accordion-content { padding:0 1.25rem 1rem; color: var(--sil-text-light); font-size:14px; line-height:1.7; margin-top:10px; }\n.sil-accordion-content p { margin:0; }\n.sil-tip { display:flex; gap:1rem; align-items:flex-start; background: var(--sil-primary-light); border-radius: var(--sil-radius-sm); padding:1rem 1.25rem; margin-top:1.25rem; }\n.sil-tip-icon { font-size:24px; flex-shrink:0; }\n.sil-tip p { font-size:14px; color: var(--sil-text); margin:0; line-height:1.6; }\n.sil-cta-box { background: linear-gradient(135deg,var(--sil-primary) 0%,var(--sil-primary-dark) 100%); border-radius: var(--sil-radius); padding: clamp(1.75rem,4vw,3rem); text-align:center; margin-top:1.5rem; }\n.sil-cta-box p { color:white; font-size: clamp(15px,2.5vw,19px); line-height:1.7; font-weight:600; margin:0; }\n.sil-disclaimer { font-size:12px; color: var(--sil-text-light); text-align:center; margin-top:1rem; font-style:italic; }\n.sil-section-intro { text-align:center; font-size: clamp(15px,2.5vw,17px); color: var(--sil-text-light); margin-bottom:1.5rem; max-width:600px; margin-left:auto; margin-right:auto; line-height:1.7; }\n@media (max-width:767px) {\n .sil-grid { grid-template-columns:1fr; gap:1rem; }\n .sil-card-highlight { text-align:center; border-left:none; border-top:4px solid var(--sil-primary); }\n .sil-hero { padding: 2rem 1.25rem; margin-bottom: 1.75rem; border-radius: var(--sil-radius-sm); }\n .sil-section { margin-bottom: 1.75rem; }\n .sil-timeline-number { width:32px; height:32px; font-size:14px; }\n .sil-accordion-header { padding: .875rem 1rem; font-size:14px; }\n .sil-accordion-content { padding: 0 1rem .875rem; font-size:13px; }\n}\n@media (prefers-reduced-motion: no-preference) {\n .sil-card { animation: silFadeInUp .5s ease backwards; }\n .sil-card:nth-child(1) { animation-delay:.05s; }\n .sil-card:nth-child(2) { animation-delay:.1s; }\n .sil-card:nth-child(3) { animation-delay:.15s; }\n .sil-card:nth-child(4) { animation-delay:.2s; }\n}\n@keyframes silFadeInUp { from { opacity:0; transform: translateY(20px); } to { opacity:1; transform: translateY(0); } }\n@media (prefers-reduced-motion: reduce) {\n .sil-premium * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754724614301,"sku":"VO4870","price":27.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/siliriche-silicium-plantes-manganese-1-litre-qualidiet-packshothd.webp?v=1790860366"},{"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-qualidiet-packshothd.webp?v=1786024913"},{"product_id":"algue-ascophyllum-nodosum-150-mg-bio-60-comprimes-vitalosmose","title":"Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés - Vitalosmose","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Algue Ascophyllum Nodosum Bio 505 mg - 60 Comprimés\nPalette détectée:\n - Primaire: #8B4513 (marron\/brun du texte packaging)\n - Secondaire: #1E88A8 (bleu océan du fond)\n - Accent: #C41E3A (rouge du texte \"Contribue à\" et logo Qualidiet)\n - Background: #2A8B9C (turquoise océanique)\nAmbiance: Marine\/océanique, naturel\/bio, santé\/bien-être, algues et mer\nPréfixe CSS: asc\n--\u003e\n\n\u003cdiv class=\"asc-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"asc-hero\"\u003e\n \u003cdiv class=\"asc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"asc-hero-content\"\u003e\n \u003cdiv class=\"asc-badges-top\"\u003e\n \u003cspan class=\"asc-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"asc-badge\"\u003e🌊 Algue de l'Atlantique Nord\u003c\/span\u003e\n \u003cspan class=\"asc-badge\"\u003e💊 60 comprimés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"asc-hero-title\"\u003eVotre source naturelle d'iode pour la thyroïde\u003c\/span\u003e\n \u003cp class=\"asc-description\"\u003eRécoltée dans les eaux froides et pures de l'Atlantique Nord, cette algue brune concentre une richesse exceptionnelle en iode et oligo-éléments essentiels à votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits de l'iode naturel\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🦋 Fonction thyroïdienne normale\u003c\/h3\u003e\n \u003cp\u003eL'iode est indispensable à la production des hormones T3 et T4, régulatrices de votre métabolisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e⚡ Métabolisme énergétique\u003c\/h3\u003e\n \u003cp\u003eContribue à un métabolisme énergétique équilibré pour vous aider à maintenir votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cp\u003eSoutient les fonctions cognitives normales pour une clarté mentale optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e✨ Santé de la peau\u003c\/h3\u003e\n \u003cp\u003eParticipe au maintien d'une peau normale grâce à son rôle dans le métabolisme cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eIode hautement biodisponible accompagné de cofacteurs naturels pour une assimilation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🔬 Hormones thyroïdiennes\u003c\/h3\u003e\n \u003cp\u003eContribue à la production normale des hormones thyroïdiennes essentielles à l'équilibre de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e🧪 Composition par comprimé\u003c\/h2\u003e\n \u003cdiv class=\"asc-composition-box\"\u003e\n \u003cdiv class=\"asc-ingredient-main\"\u003e\n \u003cspan class=\"asc-ingredient-name\"\u003eAscophyllum Nodosum biologique\u003c\/span\u003e\n \u003cspan class=\"asc-ingredient-dose\"\u003e505 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"asc-ingredient-desc\"\u003ePoudre d'algue entière issue de l'Atlantique Nord\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-grid-compact\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌊 Iode naturel\u003c\/h3\u003e\n \u003cp\u003eHautement biodisponible\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🍇 Polyphénols\u003c\/h3\u003e\n \u003cp\u003ePropriétés antioxydantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🧬 Alginates\u003c\/h3\u003e\n \u003cp\u003eBénéfiques pour la digestion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e💎 Minéraux\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, sélénium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément ?\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🦋 Soutien thyroïdien\u003c\/h3\u003e\n \u003cp\u003ePersonnes souhaitant soutenir naturellement leur fonction thyroïdienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🥗 Régimes restrictifs\u003c\/h3\u003e\n \u003cp\u003eIdéal si vous consommez peu ou pas de produits de la mer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌱 Végétariens \u0026amp; Végétaliens\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle parfaitement adaptée aux régimes végétaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e😴 Fatigue persistante\u003c\/h3\u003e\n \u003cp\u003ePour ceux ressentant une fatigue liée à un métabolisme ralenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"asc-steps\"\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 comprimés par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003eAvec de l'eau\u003c\/h3\u003e\n \u003cp\u003eAvalez avec un \u003cstrong\u003egrand verre d'eau\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-step\"\u003e\n \u003cdiv class=\"asc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"asc-step-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau moment d'un repas\u003c\/strong\u003e pour une meilleure assimilation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil :\u003c\/strong\u003e Un flacon représente 1 à 2 mois de cure. Nous recommandons des cures de 2 à 3 mois, suivies d'une pause d'un mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e✅ Qualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"asc-grid-compact\"\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🌱 Vegan\u003c\/h3\u003e\n \u003cp\u003e100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eFormule pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"asc-card\"\u003e\n \u003ch3\u003e♻️ Récolte durable\u003c\/h3\u003e\n \u003cp\u003eRespect des écosystèmes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"asc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"asc-accordion\"\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e🏭 Fabrication et origine\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eL'Ascophyllum Nodosum utilisé provient de zones de récolte préservées de l'Atlantique Nord, loin de toute source de pollution industrielle. Le séchage à basse température préserve tous les nutriments. Aucun solvant chimique n'est utilisé et des contrôles qualité sont effectués à chaque étape de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de l'humidité, à température ambiante (inférieure à 25°C). Refermez bien le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003eConsultez votre médecin si vous souffrez de troubles thyroïdiens (hypothyroïdie, hyperthyroïdie, nodules). Si vous prenez un traitement thyroïdien (comme le Levothyrox), demandez l'avis de votre médecin avant toute supplémentation. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"asc-accordion-item\"\u003e\n \u003csummary class=\"asc-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n \u003cdiv class=\"asc-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eQuelle est la différence entre Ascophyllum et kelp ?\u003c\/strong\u003e\u003cbr\u003e\n Le terme « kelp » désigne plusieurs espèces d'algues brunes riches en iode. L'Ascophyllum Nodosum se distingue par sa croissance lente qui lui permet de concentrer davantage de nutriments. C'est l'une des sources d'iode naturel les plus qualitatives.\u003c\/p\u003e\n \u003cp style=\"margin-top: 1rem;\"\u003e\u003cstrong\u003eCombien de temps dure une cure ?\u003c\/strong\u003e\u003cbr\u003e\n Une cure classique dure entre 2 et 3 mois. Pour un soutien thyroïdien régulier, vous pouvez alterner des périodes de cure et des pauses d'un mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"asc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"asc-cta-box\"\u003e\n \u003cp\u003e🌊 Offrez à votre thyroïde le meilleur de la nature avec l'Ascophyllum Nodosum Bio – une source d'iode pure, naturelle et hautement assimilable directement issue des océans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"asc-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Il ne constitue pas un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --asc-cream: #f5f9fa;\n --asc-white: #ffffff;\n --asc-primary: #1E88A8;\n --asc-primary-dark: #156378;\n --asc-primary-light: #e8f4f7;\n --asc-secondary: #8B5A2B;\n --asc-accent: #C41E3A;\n --asc-text: #1a1a1a;\n --asc-text-light: #5a5a5a;\n --asc-border: #d8e8ec;\n --asc-shadow: 0 4px 24px rgba(30, 136, 168, .08);\n --asc-shadow-lg: 0 12px 48px rgba(30, 136, 168, .15);\n --asc-radius: 20px;\n --asc-radius-sm: 12px;\n}\n\n.asc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--asc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.asc-hero {\n position: relative;\n background: linear-gradient(135deg, #156378 0%, #1E88A8 40%, #2A9BB5 70%, #3AAFCA 100%);\n border-radius: var(--asc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--asc-shadow-lg);\n}\n\n.asc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.asc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.asc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.asc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--asc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.asc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.asc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.asc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.asc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.asc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.asc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--asc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.asc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--asc-primary), var(--asc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.asc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.asc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.asc-card {\n background: var(--asc-white);\n border-radius: var(--asc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--asc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.asc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--asc-shadow-lg);\n border-color: var(--asc-primary);\n}\n\n.asc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--asc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.asc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--asc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.asc-grid-compact .asc-card {\n padding: 1rem;\n}\n\n.asc-grid-compact .asc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.asc-grid-compact .asc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.asc-composition-box {\n background: linear-gradient(135deg, var(--asc-primary-light) 0%, var(--asc-white) 100%);\n border-radius: var(--asc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: 1.5rem;\n border: 2px solid var(--asc-primary);\n text-align: center;\n}\n\n.asc-ingredient-main {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: baseline;\n gap: .75rem;\n margin-bottom: .5rem;\n}\n\n.asc-ingredient-name {\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 800;\n color: var(--asc-primary-dark);\n}\n\n.asc-ingredient-dose {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--asc-accent);\n}\n\n.asc-ingredient-desc {\n font-size: 14px;\n color: var(--asc-text-light);\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.asc-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.asc-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--asc-white);\n border-radius: var(--asc-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--asc-shadow);\n}\n\n.asc-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--asc-primary), var(--asc-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 800;\n}\n\n.asc-step-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--asc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.asc-step-content p {\n font-size: 14px;\n color: var(--asc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.asc-tip-box {\n background: linear-gradient(135deg, #FFF8E7 0%, #FFF3D6 100%);\n border-radius: var(--asc-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid var(--asc-secondary);\n}\n\n.asc-tip-box p {\n font-size: 14px;\n color: var(--asc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.asc-accordion {\n background: var(--asc-white);\n border-radius: var(--asc-radius);\n box-shadow: var(--asc-shadow);\n overflow: hidden;\n}\n\n.asc-accordion-item {\n border-bottom: 1px solid var(--asc-border);\n margin: 0;\n padding: 0;\n}\n\n.asc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.asc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--asc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.asc-accordion-header:hover {\n background: var(--asc-primary-light);\n}\n\n.asc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.asc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--asc-primary);\n transition: transform .2s ease;\n}\n\n.asc-accordion-item[open] .asc-accordion-header::after {\n content: '−';\n}\n\n.asc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--asc-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.asc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.asc-cta-box {\n background: linear-gradient(135deg, var(--asc-primary) 0%, var(--asc-primary-dark) 100%);\n border-radius: var(--asc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.asc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23ffffff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.asc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.asc-disclaimer {\n text-align: center;\n font-size: 12px;\n color: var(--asc-text-light);\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .asc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .asc-grid-compact {\n gap: .625rem;\n }\n \n .asc-grid-compact .asc-card {\n padding: .75rem;\n }\n \n .asc-card {\n padding: 1.125rem;\n }\n \n .asc-section {\n margin-bottom: 1.75rem;\n }\n \n .asc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--asc-radius-sm);\n }\n \n .asc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .asc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .asc-step {\n padding: 1rem;\n }\n \n .asc-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .asc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .asc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .asc-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .asc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .asc-card:nth-child(1) { animation-delay: .05s; }\n .asc-card:nth-child(2) { animation-delay: .1s; }\n .asc-card:nth-child(3) { animation-delay: .15s; }\n .asc-card:nth-child(4) { animation-delay: .2s; }\n .asc-card:nth-child(5) { animation-delay: .25s; }\n .asc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .asc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":45754725105821,"sku":"REF155","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/algue-ascophyllum-nodosum-bio-505-mg-60-comprimes-vitalosmos-packshothd.webp?v=1790681575"},{"product_id":"berberine-350-mg-120-gelules-vitalosmose","title":"Berbérine 350 mg 120 gélules - Gestion du poids \u0026 de la glycémie - VitalOsmose","description":"\u003cdiv class=\"brb-premium\"\u003e\n \u003cdiv class=\"brb-hero\"\u003e\n \u003cdiv class=\"brb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brb-hero-content\"\u003e\n \u003cdiv class=\"brb-badges-top\"\u003e\n \u003cspan class=\"brb-badge\"\u003e🌿 97% de berbérine pure\u003c\/span\u003e\n \u003cspan class=\"brb-badge\"\u003e💊 120 gélules\u003c\/span\u003e\n \u003cspan class=\"brb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"brb-badge\"\u003e⚡ + Zinc bisglycinate\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"brb-hero-title\"\u003eBerbérine 350 mg + Zinc\u003c\/span\u003e\n \u003cp class=\"brb-subtitle\"\u003eGestion du poids \u0026amp; équilibre glycémique\u003c\/p\u003e\n \u003cp class=\"brb-description\"\u003eExtrait de \u003cem\u003eBerberis aristata\u003c\/em\u003e titré à 97 % de berbérine pure, associé au zinc bisglycinate pour soutenir votre métabolisme glucidique au quotidien. Format économique de 120 gélules, soit 4 mois de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"brb-section\"\u003e\n \u003ch2\u003eLa berbérine, c'est quoi exactement ?\u003c\/h2\u003e\n \u003cp class=\"brb-section-intro\"\u003eUn alcaloïde végétal jaune extrait de l'épine-vinette indienne (\u003cem\u003eBerberis aristata\u003c\/em\u003e), utilisé depuis plus de 2 500 ans en médecine traditionnelle chinoise et ayurvédique.\u003c\/p\u003e\n \u003cdiv class=\"brb-highlight-box\"\u003e\n \u003cp\u003eAujourd'hui, la berbérine suscite un fort intérêt scientifique pour son rôle dans \u003cstrong\u003el'activation de l'enzyme AMPK\u003c\/strong\u003e, véritable régulateur du métabolisme énergétique cellulaire. C'est cette action qui explique sa popularité grandissante auprès des personnes souhaitant équilibrer leur glycémie ou accompagner une démarche de gestion du poids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brb-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette formule berbérine + zinc ?\u003c\/h2\u003e\n \u003cdiv class=\"brb-grid\"\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e🍬 Métabolisme glucidique\u003c\/h3\u003e\n \u003cp\u003eLe zinc contribue à un métabolisme normal des glucides (allégation santé approuvée par l'EFSA).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e⚖️ Accompagnement minceur\u003c\/h3\u003e\n \u003cp\u003eEn synergie avec une alimentation équilibrée et une activité physique régulière, elle soutient vos objectifs de perte de poids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e🌱 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eLa berbérine est traditionnellement reconnue pour son action favorable sur la flore intestinale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e❤️ Équilibre cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eElle est étudiée pour son influence sur le cholestérol et les triglycérides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eLe zinc contribue au fonctionnement normal du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e✨ Haute concentration\u003c\/h3\u003e\n \u003cp\u003eVous trouverez aussi des associations berbérine \u0026amp; Morosil : la formule VitalOsmose mise sur la simplicité et 97 % de berbérine pour une efficacité ciblée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brb-section\"\u003e\n \u003ch2\u003eComposition par gélule\u003c\/h2\u003e\n \u003cdiv class=\"brb-grid\"\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e🌿 Extrait de Berberis aristata\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e350 mg\u003c\/strong\u003e titré à 97 %, soit 340 mg de berbérine pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e⚡ Bisglycinate de zinc\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e18 mg\u003c\/strong\u003e, dont 5,9 mg de zinc élément (59 % des VNR)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e💊 Enveloppe végétale\u003c\/h3\u003e\n \u003cp\u003eCellulose HPMC d'origine végétale, adaptée aux régimes végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-tip\"\u003e\n \u003cspan class=\"brb-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans OGM, sans gluten, sans lactose.\u003c\/strong\u003e Fabriqué en France selon des standards stricts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brb-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"brb-timeline\"\u003e\n \u003cdiv class=\"brb-timeline-item\"\u003e\n \u003cdiv class=\"brb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"brb-timeline-content\"\u003e\n \u003ch3\u003e1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003ePrenez votre gélule avec un grand verre d'eau, idéalement juste avant le repas le plus riche en glucides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-timeline-item\"\u003e\n \u003cdiv class=\"brb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"brb-timeline-content\"\u003e\n \u003ch3\u003eCure de 3 mois minimum\u003c\/h3\u003e\n \u003cp\u003ePour des résultats visibles, suivez une cure d'au moins 3 mois en continu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-timeline-item\"\u003e\n \u003cdiv class=\"brb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"brb-timeline-content\"\u003e\n \u003ch3\u003e4 mois d'accompagnement\u003c\/h3\u003e\n \u003cp\u003eLe format 120 gélules vous offre 4 mois d'utilisation continue, idéal pour un accompagnement durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brb-section\"\u003e\n \u003ch2\u003eBerbérine : y a-t-il un danger ?\u003c\/h2\u003e\n \u003cp class=\"brb-section-intro\"\u003eBien tolérée à dose recommandée, la berbérine peut occasionner chez certaines personnes des inconforts digestifs passagers (ballonnements, selles molles) en début de cure.\u003c\/p\u003e\n \u003cdiv class=\"brb-highlight-box\"\u003e\n \u003cp\u003eConcernant un éventuel \u003cstrong\u003edanger pour le pancréas\u003c\/strong\u003e, aucune étude n'a démontré de toxicité aux doses physiologiques chez l'adulte en bonne santé. En revanche, la berbérine interagit avec de nombreux médicaments (hypoglycémiants, anticoagulants, immunosuppresseurs).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"brb-section-intro\" style=\"margin-top:1.5rem;\"\u003eCe complément est \u003cstrong\u003edéconseillé\u003c\/strong\u003e aux :\u003c\/p\u003e\n \u003cdiv class=\"brb-grid-compact\"\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eOu allaitantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e👶 Enfants \u0026amp; ados\u003c\/h3\u003e\n \u003cp\u003eRéservé aux adultes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e💉 Personnes diabétiques\u003c\/h3\u003e\n \u003cp\u003eOu sous traitement médical\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-card\"\u003e\n \u003ch3\u003e🫀 Troubles spécifiques\u003c\/h3\u003e\n \u003cp\u003eTroubles hépatiques ou cardiaques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brb-tip\"\u003e\n \u003cspan class=\"brb-tip-icon\"\u003e💬\u003c\/span\u003e\n \u003cp\u003eEn cas de doute, demandez l'avis de votre médecin ou pharmacien avant de commencer la cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"brb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions importantes\u003c\/h2\u003e\n \u003cdiv class=\"brb-cta-box\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée, équilibrée et un mode de vie sain. Il ne se substitue en aucun cas à un traitement médical. Respectez la dose journalière recommandée et tenez hors de portée des jeunes enfants. Conservez à l'abri de la lumière, de la chaleur et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --brb-cream: #f7f9f4;\n --brb-white: #ffffff;\n --brb-primary: #4a9b3e;\n --brb-primary-dark: #2d6b25;\n --brb-primary-light: #e8f3e4;\n --brb-secondary: #d4a017;\n --brb-accent: #e85d1f;\n --brb-text: #1a2e15;\n --brb-text-light: #5a6b55;\n --brb-border: #d8e3d3;\n --brb-shadow: 0 4px 24px rgba(45,107,37,.08);\n --brb-shadow-lg: 0 12px 48px rgba(45,107,37,.15);\n --brb-radius: 20px;\n --brb-radius-sm: 12px;\n}\n\n.brb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--brb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--brb-text);\n line-height: 1.6;\n}\n\n.brb-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6b25 0%, #4a9b3e 50%, #6bb85a 100%);\n border-radius: var(--brb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--brb-shadow-lg);\n}\n\n.brb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,.4) 0%, transparent 40%),\n radial-gradient(circle at 80% 80%, rgba(212,160,23,.3) 0%, transparent 40%);\n opacity: .3;\n}\n\n.brb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.brb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.brb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.brb-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.brb-description em {\n font-style: italic;\n}\n\n.brb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.brb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--brb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.brb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.brb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.brb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--brb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.brb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--brb-primary), var(--brb-secondary));\n border-radius: 2px;\n}\n\n.brb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--brb-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.brb-section-intro em {\n font-style: italic;\n color: var(--brb-primary-dark);\n}\n\n.brb-highlight-box {\n background: var(--brb-white);\n border-radius: var(--brb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--brb-shadow);\n border-left: 4px solid var(--brb-primary);\n max-width: 850px;\n margin: 0 auto;\n}\n\n.brb-highlight-box p {\n margin: 0;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--brb-text);\n line-height: 1.75;\n}\n\n.brb-card {\n background: var(--brb-white);\n border-radius: var(--brb-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--brb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.brb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--brb-shadow-lg);\n border-color: var(--brb-primary);\n}\n\n.brb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--brb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.brb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--brb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.brb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.brb-grid-compact .brb-card {\n padding: 1rem;\n}\n\n.brb-grid-compact .brb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.brb-grid-compact .brb-card p {\n font-size: 12px;\n}\n\n.brb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.brb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.brb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--brb-primary), var(--brb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(74,155,62,.3);\n}\n\n.brb-timeline-content {\n flex: 1;\n background: var(--brb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--brb-radius-sm);\n box-shadow: var(--brb-shadow);\n}\n\n.brb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--brb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.brb-timeline-content p {\n font-size: 14px;\n color: var(--brb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.brb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--brb-primary-light);\n border-radius: var(--brb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.brb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.brb-tip p {\n font-size: 14px;\n color: var(--brb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.brb-cta-box {\n background: linear-gradient(135deg, var(--brb-primary) 0%, var(--brb-primary-dark) 100%);\n border-radius: var(--brb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--brb-shadow-lg);\n}\n\n.brb-cta-box p {\n color: white;\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.75;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .brb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .brb-card { padding: 1.125rem; }\n .brb-section { margin-bottom: 1.75rem; }\n .brb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--brb-radius-sm);\n }\n .brb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .brb-premium h2::after { width: 40px; height: 3px; }\n .brb-grid-compact { gap: .625rem; }\n .brb-grid-compact .brb-card { padding: .75rem; }\n .brb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .brb-timeline-content { padding: .875rem 1rem; }\n .brb-timeline-content h3 { font-size: 14px; }\n .brb-timeline-content p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .brb-card { animation: fadeInUp .5s ease backwards; }\n .brb-card:nth-child(1) { animation-delay: .05s; }\n .brb-card:nth-child(2) { animation-delay: .1s; }\n .brb-card:nth-child(3) { animation-delay: .15s; }\n .brb-card:nth-child(4) { animation-delay: .2s; }\n .brb-card:nth-child(5) { animation-delay: .25s; }\n .brb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .brb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":46023919435933,"sku":"BERBERINE120","price":43.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/berberine-350-mg-120-gelules-gestion-du-poids-de-la-glycemie-packshothd.webp?v=1785840437"},{"product_id":"cervomax-510-mg-60-gelules-qualidiet","title":"Cervomax 510 Mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"cv-premium\"\u003e\n\u003cdiv class=\"cv-hero\"\u003e\n\u003cdiv class=\"cv-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cv-hero-content\"\u003e\n\u003cdiv class=\"cv-badges-top\"\u003e\n\u003cspan class=\"cv-badge\"\u003e🧠 Fonctions cérébrales\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e💊 60 gélules – 510 mg\u003c\/span\u003e \u003cspan class=\"cv-badge\"\u003e🦐 Huile de krill \u0026amp; lécithine marine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cv-hero-title\"\u003eCervomax 510 mg\u003c\/span\u003e\n\u003cp class=\"cv-subtitle\"\u003eSoutien des fonctions cérébrales par Qualidiet\u003c\/p\u003e\n\u003cp class=\"cv-description\"\u003eComplexe synergique de lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour la mémoire, la concentration et la vivacité intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eCervomax 510 mg : votre allié naturel pour la mémoire et la concentration\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eVous ressentez des baisses de concentration, des trous de mémoire ou une fatigue intellectuelle persistante ? \u003cstrong\u003eCervomax\u003c\/strong\u003e de \u003cstrong\u003eQualidiet\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire mémoire et concentration\u003c\/strong\u003e formulé à partir d'actifs naturels soigneusement sélectionnés. Chaque gélule de 510 mg associe lécithine marine, huile de krill, graines germées de sarrasin, spiruline et lithothamne pour offrir un soutien global à vos fonctions cérébrales.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003ePourquoi choisir Cervomax pour soutenir vos fonctions cognitives ?\u003c\/h2\u003e\n\u003cp class=\"cv-section-intro\"\u003eContrairement à de nombreux compléments qui misent sur un seul ingrédient, Cervomax propose une \u003cstrong\u003eformulation synergique\u003c\/strong\u003e combinant plusieurs familles de nutriments essentiels au bon fonctionnement du cerveau.\u003c\/p\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides indispensables à la structure des membranes neuronales, elle favorise la transmission de l'influx nerveux et contribue au maintien de la mémoire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill riche en phospholipides\u003c\/h3\u003e\n\u003cp\u003eSa forme hautement biodisponible d'oméga-3 (EPA et DHA) participe au fonctionnement normal du cerveau et aide à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eNaturellement riches en \u003cstrong\u003evitamines du groupe B\u003c\/strong\u003e (notamment B6 et B12), elles soutiennent le métabolisme énergétique et contribuent à réduire la fatigue intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eCette micro-algue apporte des protéines complètes, du fer et des antioxydants qui participent à la vitalité globale de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine riche en \u003cstrong\u003ecalcium\u003c\/strong\u003e, elle contribue à la transmission normale des messages nerveux entre les neurones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-tip\"\u003e\n\u003cspan class=\"cv-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCette combinaison fait de Cervomax l'un des \u003cstrong\u003emeilleurs compléments alimentaires mémoire concentration\u003c\/strong\u003e pour les personnes souhaitant préserver leur vivacité d'esprit au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse Cervomax ?\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid-compact\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🎓 Étudiants\u003c\/h3\u003e\n\u003cp\u003eEn période de révisions ou d'examens, pour soutenir la concentration et la mémorisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n\u003cp\u003eSoumis à une charge mentale importante, qui ressentent une fatigue cognitive en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n\u003cp\u003eSouhaitant préserver leurs capacités intellectuelles et entretenir leur mémoire avec l'âge.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e✨ Tous les profils\u003c\/h3\u003e\n\u003cp\u003eEn quête d'un coup de pouce naturel pour retrouver clarté mentale et performance intellectuelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cv-timeline\"\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au cours des repas (petit-déjeuner et déjeuner).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eProgramme de 30 jours\u003c\/h3\u003e\n\u003cp\u003eUn flacon de 60 gélules correspond à un programme de \u003cstrong\u003e30 jours\u003c\/strong\u003e, renouvelable selon vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-item\"\u003e\n\u003cdiv class=\"cv-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cv-timeline-content\"\u003e\n\u003ch3\u003eCure recommandée\u003c\/h3\u003e\n\u003cp\u003ePour des résultats optimaux, nous vous recommandons une cure de \u003cstrong\u003e2 à 3 mois\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eComposition complète pour 2 gélules (dose journalière)\u003c\/h2\u003e\n\u003cdiv class=\"cv-grid\"\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🐚 Lécithine d'origine marine\u003c\/h3\u003e\n\u003cp\u003eSource de phospholipides essentiels pour les membranes neuronales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🦐 Huile de krill\u003c\/h3\u003e\n\u003cp\u003eRiche en phospholipides et oméga-3 (EPA\/DHA) hautement biodisponibles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌱 Graines germées de sarrasin\u003c\/h3\u003e\n\u003cp\u003eApport naturel en vitamines du groupe B pour le métabolisme énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🌿 Spiruline\u003c\/h3\u003e\n\u003cp\u003eRiche en protéines complètes et en fer pour la vitalité globale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e🪸 Lithothamne\u003c\/h3\u003e\n\u003cp\u003eAlgue marine naturellement riche en calcium pour la transmission nerveuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cv-card\"\u003e\n\u003ch3\u003e💊 Enveloppe de la gélule\u003c\/h3\u003e\n\u003cp\u003eGélatine. Poids net : 36 g — 60 gélules de 510 mg.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\"\u003e\n\u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n\u003cdiv class=\"cv-testimonial\"\u003e\n\u003cp class=\"cv-testimonial-text\"\u003eCervomax est \u003cstrong\u003efabriqué en France\u003c\/strong\u003e par Qualidiet, laboratoire reconnu pour son exigence en matière de sélection des matières premières et de contrôle qualité. Le processus de fabrication respecte les normes européennes les plus strictes, garantissant un produit pur, sûr et efficace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cv-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"cv-accordion\"\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🦐 Allergies\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes allergiques aux crustacés (huile de krill).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e👩⚕️ Cas particuliers\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, consultez votre médecin avant toute prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cv-accordion-item\"\u003e\n\u003csummary class=\"cv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cv-accordion-content mt-3\"\u003e\n\u003cp\u003eTenir hors de portée des enfants. Conserver à l'abri de la chaleur et de l'humidité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cv-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cv-cream: #f4f1ed;\n --cv-white: #ffffff;\n --cv-primary: #1a3a7a;\n --cv-primary-dark: #0e2354;\n --cv-primary-light: #e8edf7;\n --cv-secondary: #c0272d;\n --cv-accent: #8b1a1e;\n --cv-text: #1a1a1a;\n --cv-text-light: #5a5a5a;\n --cv-border: #e0e0e0;\n --cv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cv-radius: 20px;\n --cv-radius-sm: 12px;\n}\n\n.cv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.cv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cv-primary) 0%, var(--cv-primary-dark) 50%, var(--cv-secondary) 100%);\n border-radius: var(--cv-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cv-shadow-lg);\n}\n\n.cv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(192,39,45,.15) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cv-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cv-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cv-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cv-primary), var(--cv-secondary));\n border-radius: 2px;\n}\n\n.cv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cv-card {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cv-shadow-lg);\n border-color: var(--cv-primary);\n}\n\n.cv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cv-grid-compact .cv-card {\n padding: 1rem;\n}\n\n.cv-grid-compact .cv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cv-grid-compact .cv-card p {\n font-size: 12px;\n}\n\n.cv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cv-primary), var(--cv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cv-timeline-content {\n flex: 1;\n background: var(--cv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cv-radius-sm);\n box-shadow: var(--cv-shadow);\n}\n\n.cv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cv-timeline-content p {\n font-size: 14px;\n color: var(--cv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cv-testimonial {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cv-shadow);\n border-left: 4px solid var(--cv-primary);\n}\n\n.cv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cv-primary-light);\n border-radius: var(--cv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cv-tip p {\n font-size: 14px;\n color: var(--cv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cv-accordion {\n background: var(--cv-white);\n border-radius: var(--cv-radius);\n box-shadow: var(--cv-shadow);\n overflow: hidden;\n}\n\n.cv-accordion-item {\n border-bottom: 1px solid var(--cv-border);\n margin: 0;\n padding: 0;\n}\n\n.cv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cv-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cv-accordion-header:hover {\n background: var(--cv-primary-light);\n}\n\n.cv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cv-primary);\n transition: transform .2s ease;\n}\n\n.cv-accordion-item[open] .cv-accordion-header::after {\n content: '−';\n}\n\n.cv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cv-accordion-content p {\n margin: 0;\n}\n\n.cv-disclaimer {\n font-size: 12px;\n color: var(--cv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .cv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cv-card {\n padding: 1.125rem;\n }\n\n .cv-section {\n margin-bottom: 1.75rem;\n }\n\n .cv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cv-radius-sm);\n }\n\n .cv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cv-grid-compact {\n gap: .625rem;\n }\n\n .cv-grid-compact .cv-card {\n padding: .75rem;\n }\n\n .cv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cv-timeline-content h3 {\n font-size: 14px;\n }\n\n .cv-timeline-content p {\n font-size: 13px;\n }\n\n .cv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cv-testimonial {\n padding: 1.25rem;\n }\n\n .cv-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cv-card {\n animation: cvFadeInUp .5s ease backwards;\n }\n .cv-card:nth-child(1) { animation-delay: .05s; }\n .cv-card:nth-child(2) { animation-delay: .1s; }\n .cv-card:nth-child(3) { animation-delay: .15s; }\n .cv-card:nth-child(4) { animation-delay: .2s; }\n .cv-card:nth-child(5) { animation-delay: .25s; }\n .cv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cvFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754726973597,"sku":"REF161BIS","price":16.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cervomax-510-mg-60-gelules-vitalosmose-packshothd.webp?v=1773598761"},{"product_id":"cannelle-ecorce-350-mg-bio-100-gelules-vegetales-qualidiet","title":"Cannelle de Ceylan Bio - 100 gélules de 350 mg - Qualidiet","description":"\u003cdiv class=\"cn-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"cn-hero\"\u003e\n\u003cdiv class=\"cn-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cn-hero-content\"\u003e\n\u003cdiv class=\"cn-badges-top\"\u003e\n\u003cspan class=\"cn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"cn-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cn-badge\"\u003e💊 100 gélules végétales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cn-hero-title\"\u003eCannelle de Ceylan Bio\u003c\/span\u003e\n\u003cp class=\"cn-subtitle\"\u003eL'épice millénaire au service de votre bien-être\u003c\/p\u003e\n\u003cp class=\"cn-description\"\u003eDécouvrez les vertus exceptionnelles de la cannelle de Ceylan avec ces gélules végétales biologiques. Ce complément alimentaire naturel contribue à réguler la glycémie, soutient la digestion, et aide à réduire l'inflammation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POINTS CLÉS --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003cdiv class=\"cn-grid-compact\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🩸 Glycémie\u003c\/h3\u003e\n\u003cp\u003eAide à réguler naturellement le taux de sucre sanguin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🫀 Cardiovasculaire\u003c\/h3\u003e\n\u003cp\u003eSoutient la santé du cœur et de la circulation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🦠 Immunité\u003c\/h3\u003e\n\u003cp\u003eRenforce les défenses grâce à ses propriétés antimicrobiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant\u003c\/h3\u003e\n\u003cp\u003eProtège les cellules contre le stress oxydatif\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSEIL D'UTILISATION --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eConseil d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"cn-timeline\"\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003ePrendre 3 à 6 gélules de cannelle de Ceylan par jour, selon votre besoin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eMode de prise\u003c\/h3\u003e\n\u003cp\u003eAvec un grand verre d'eau, de préférence au moment des repas\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-item\"\u003e\n\u003cdiv class=\"cn-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cn-timeline-content\"\u003e\n\u003ch3\u003eCadre d'utilisation\u003c\/h3\u003e\n\u003cp\u003eDans le cadre d'une alimentation équilibrée pour bénéficier pleinement des bienfaits\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INGRÉDIENTS CLÉS ET LEURS BIENFAITS --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eIngrédients clés et leurs bienfaits\u003c\/h2\u003e\n\u003cdiv class=\"cn-ingredient-hero\"\u003e\n\u003cdiv class=\"cn-ingredient-badge\"\u003e350 mg\u003c\/div\u003e\n\u003ch3\u003ePoudre d'écorce de cannelle de Ceylan bio\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-grid\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e💓 Fonctions vitales\u003c\/h3\u003e\n\u003cp\u003eStimule les fonctions circulatoire, cardiaque et respiratoire grâce à ses propriétés toniques naturelles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🍽️ Digestion harmonieuse\u003c\/h3\u003e\n\u003cp\u003eSoutient les sécrétions digestives et aide à réduire les inconforts comme les ballonnements et coliques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🧬 Protection cellulaire\u003c\/h3\u003e\n\u003cp\u003eRiche en polyphénols antioxydants, elle neutralise les radicaux libres et protège vos cellules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🦠 Bouclier naturel\u003c\/h3\u003e\n\u003cp\u003ePropriétés antibactériennes et antifongiques, alliée contre les infections et états grippaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-tip\"\u003e\n\u003cspan class=\"cn-tip-icon\"\u003e🌱\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eGélule d'origine végétale :\u003c\/strong\u003e adaptée aux végétariens et vegans, elle garantit une absorption rapide et un dosage pratique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ORIGINE ET FABRICATION --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eOrigine et Fabrication\u003c\/h2\u003e\n\u003cdiv class=\"cn-grid-compact\"\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eFabrication française avec respect des normes bio et écologiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🏝️ Origine Ceylan\u003c\/h3\u003e\n\u003cp\u003eCannelle de la région de Ceylan, qualité supérieure reconnue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e🔬 Tests qualité\u003c\/h3\u003e\n\u003cp\u003eChaque lot minutieusement testé pour pureté et efficacité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-card\"\u003e\n\u003ch3\u003e✅ Certification bio\u003c\/h3\u003e\n\u003cp\u003eStrict respect des normes de production biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ENGAGEMENTS DE VITALOSMOSE --\u003e\n\u003csection class=\"cn-section\"\u003e\n\u003ch2\u003eEngagements de Qualidiet\u003c\/h2\u003e\n\u003cdiv class=\"cn-commitment-box\"\u003e\n\u003cdiv class=\"cn-commitment-grid\"\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🌿\u003c\/span\u003e \u003cspan\u003e100% biologique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🚫\u003c\/span\u003e \u003cspan\u003eSans OGM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🇪🇺\u003c\/span\u003e \u003cspan\u003eConforme normes UE\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cn-commitment-item\"\u003e\n\u003cspan class=\"cn-commitment-icon\"\u003e🌍\u003c\/span\u003e \u003cspan\u003eÉco-responsable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"cn-commitment-text\"\u003eNotre approche est guidée par une responsabilité environnementale et sociale, visant à soutenir votre santé tout en préservant la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"cn-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions\u003c\/h2\u003e\n\u003cdiv class=\"cn-accordion\"\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e⚠️ Avertissement important\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eCe complément alimentaire à la cannelle de Ceylan ne doit pas remplacer une alimentation diversifiée et équilibrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e👶 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eIl est important de le conserver hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cn-accordion-item\"\u003e\n\u003csummary class=\"cn-accordion-header\"\u003e💊 Traitement médical\u003c\/summary\u003e\n\u003cdiv class=\"cn-accordion-content\"\u003e\n\u003cp\u003eEn cas de traitement médical, consultez votre professionnel de santé avant de commencer la supplémentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"cn-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Consultez un professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cn-cream: #FDF8F3;\n --cn-white: #ffffff;\n --cn-primary: #D2691E;\n --cn-primary-dark: #8B4513;\n --cn-primary-light: #FFF5EB;\n --cn-secondary: #228B22;\n --cn-accent: #CD853F;\n --cn-text: #1a1a1a;\n --cn-text-light: #5a5a5a;\n --cn-border: #e8ddd4;\n --cn-shadow: 0 4px 24px rgba(139,69,19,.08);\n --cn-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n --cn-radius: 20px;\n --cn-radius-sm: 12px;\n}\n\n.cn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cn-hero {\n position: relative;\n background: linear-gradient(135deg, #D2691E 0%, #CD853F 50%, #8B4513 100%);\n border-radius: var(--cn-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cn-shadow-lg);\n}\n\n.cn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.cn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cn-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cn-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n}\n\n.cn-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.cn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cn-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cn-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cn-primary), var(--cn-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.cn-card {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cn-shadow-lg);\n border-color: var(--cn-primary);\n}\n\n.cn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cn-grid-compact .cn-card {\n padding: 1rem;\n}\n\n.cn-grid-compact .cn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cn-grid-compact .cn-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cn-primary), var(--cn-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cn-timeline-content {\n flex: 1;\n background: var(--cn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cn-radius-sm);\n box-shadow: var(--cn-shadow);\n}\n\n.cn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cn-timeline-content p {\n font-size: 14px;\n color: var(--cn-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INGREDIENT HERO === *\/\n.cn-ingredient-hero {\n background: linear-gradient(135deg, var(--cn-primary-light) 0%, #fff 100%);\n border-radius: var(--cn-radius);\n padding: 1.5rem 2rem;\n text-align: center;\n margin-bottom: 1.5rem;\n border: 2px solid var(--cn-primary);\n position: relative;\n}\n\n.cn-ingredient-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--cn-primary), var(--cn-primary-dark));\n color: white;\n padding: 6px 20px;\n border-radius: 999px;\n font-weight: 800;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(210,105,30,.3);\n}\n\n.cn-ingredient-hero h3 {\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 700;\n color: var(--cn-primary-dark);\n margin: .5rem 0 0 0;\n}\n\n\/* === TIP BOX === *\/\n.cn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cn-primary-light);\n border-radius: var(--cn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cn-secondary);\n}\n\n.cn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cn-tip p {\n font-size: 14px;\n color: var(--cn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMMITMENT BOX === *\/\n.cn-commitment-box {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cn-shadow);\n text-align: center;\n}\n\n.cn-commitment-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.cn-commitment-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: .5rem;\n}\n\n.cn-commitment-icon {\n font-size: 28px;\n}\n\n.cn-commitment-item span:last-child {\n font-size: 13px;\n font-weight: 700;\n color: var(--cn-primary-dark);\n}\n\n.cn-commitment-text {\n font-size: 15px;\n color: var(--cn-text-light);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === ACCORDÉON === *\/\n.cn-accordion {\n background: var(--cn-white);\n border-radius: var(--cn-radius);\n box-shadow: var(--cn-shadow);\n overflow: hidden;\n}\n\n.cn-accordion-item {\n border-bottom: 1px solid var(--cn-border);\n margin: 0;\n padding: 0;\n}\n\n.cn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cn-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cn-accordion-header:hover {\n background: var(--cn-primary-light);\n}\n\n.cn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cn-primary);\n transition: transform .2s ease;\n}\n\n.cn-accordion-item[open] .cn-accordion-header::after {\n content: '−';\n}\n\n.cn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cn-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cn-disclaimer {\n font-size: 12px;\n color: var(--cn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .cn-card {\n padding: 1.125rem;\n }\n \n .cn-section {\n margin-bottom: 1.75rem;\n }\n \n .cn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cn-radius-sm);\n }\n \n .cn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .cn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .cn-grid-compact {\n gap: .625rem;\n }\n \n .cn-grid-compact .cn-card {\n padding: .75rem;\n }\n \n .cn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .cn-timeline-content {\n padding: .875rem 1rem;\n }\n \n .cn-timeline-content h3 {\n font-size: 14px;\n }\n \n .cn-timeline-content p {\n font-size: 13px;\n }\n \n .cn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .cn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .cn-commitment-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: .75rem;\n }\n \n .cn-commitment-icon {\n font-size: 24px;\n }\n \n .cn-commitment-item span:last-child {\n font-size: 11px;\n }\n \n .cn-ingredient-hero {\n padding: 1.25rem 1rem;\n }\n \n .cn-ingredient-badge {\n font-size: 12px;\n padding: 5px 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cn-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cn-card:nth-child(1) { animation-delay: .05s; }\n .cn-card:nth-child(2) { animation-delay: .1s; }\n .cn-card:nth-child(3) { animation-delay: .15s; }\n .cn-card:nth-child(4) { animation-delay: .2s; }\n .cn-card:nth-child(5) { animation-delay: .25s; }\n .cn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754727399581,"sku":"VO4765","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cannelle-de-ceylan-bio-100-gelules-de-350-mg-qualidiet-packshothd.webp?v=1786018392"},{"product_id":"akba-300-mg-60-gelules-qualidiet","title":"Akba 30 Extrait de Boswellia serrata 335 mg - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"ak-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ak-hero\"\u003e\n \u003cdiv class=\"ak-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ak-hero-content\"\u003e\n \u003cdiv class=\"ak-badges-top\"\u003e\n \u003cspan class=\"ak-badge\"\u003e🌿 Boswellia serrata\u003c\/span\u003e\n \u003cspan class=\"ak-badge\"\u003e💪 30 % d'AKBA\u003c\/span\u003e\n \u003cspan class=\"ak-badge\"\u003e🇫🇷 Qualidiet\u003c\/span\u003e\n \u003cspan class=\"ak-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ak-hero-title\"\u003eAKBA 30 : Extrait de Boswellia serrata\u003c\/span\u003e\n \u003cp class=\"ak-subtitle\"\u003eLe plus haut dosage en AKBA du marché : 30 %, soit 10× plus que les extraits standards\u003c\/p\u003e\n \u003cp class=\"ak-description\"\u003eBien-être articulaire, souplesse et mobilité — enrichi en vitamine D3 naturelle et magnésium marin pour une action complète sur le cartilage, les os et les muscles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003eAKBA30 de Qualidiet : l'extrait de Boswellia serrata le plus concentré en AKBA\u003c\/h2\u003e\n \u003cp class=\"ak-section-intro\"\u003eVous cherchez un \u003cstrong\u003ecomplément alimentaire pour les articulations\u003c\/strong\u003e réellement efficace et naturel ?\u003c\/p\u003e\n \u003cdiv class=\"ak-grid-compact\"\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🏆 Titrage exceptionnel\u003c\/h3\u003e\n \u003cp\u003e30 % d'AKBA (Acide 3-Acétyl-11-Kéto-β-Boswellique), soit \u003cstrong\u003edix fois plus\u003c\/strong\u003e que les extraits standards du marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🌿 Résine millénaire\u003c\/h3\u003e\n \u003cp\u003eChaque gélule concentre le meilleur de cette résine utilisée depuis toujours en \u003cstrong\u003emédecine ayurvédique\u003c\/strong\u003e pour le confort articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🔬 Actif le plus étudié\u003c\/h3\u003e\n \u003cp\u003eL'AKBA est l'acide boswellique qui fait l'objet du \u003cstrong\u003eplus grand nombre d'études scientifiques\u003c\/strong\u003e sur la santé articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eGélule végétale, antiagglomérant d'origine naturelle, \u003cstrong\u003esans additifs controversés\u003c\/strong\u003e. Une formulation propre et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003ePourquoi l'AKBA est-il si important pour vos articulations ?\u003c\/h2\u003e\n \u003cdiv class=\"ak-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eBoswellia serrata\u003c\/strong\u003e contient plusieurs acides boswelliques, mais l'AKBA est reconnu comme le \u003cstrong\u003eplus actif\u003c\/strong\u003e d'entre eux. C'est précisément cet actif qui fait l'objet du plus grand nombre d'études scientifiques concernant le maintien de la \u003cstrong\u003eflexibilité articulaire\u003c\/strong\u003e et le soutien du cartilage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-grid\"\u003e\n \u003cdiv class=\"ak-card ak-card-stat\"\u003e\n \u003ch3\u003e💊 52,5 mg d'AKBA\u003c\/h3\u003e\n \u003cp\u003ePar gélule — une concentration qu'aucun extrait classique ne peut égaler.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card ak-card-stat\"\u003e\n \u003ch3\u003e🔟 10× plus concentré\u003c\/h3\u003e\n \u003cp\u003eComparé aux extraits standards de Boswellia serrata disponibles sur le marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card ak-card-stat\"\u003e\n \u003ch3\u003e✅ Reconnu par l'EFSA\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003e« Le Boswellia serrata aide au maintien de la santé articulaire et de la flexibilité des articulations. »\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-tip\"\u003e\n \u003cspan class=\"ak-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour quiconque se demande \u003cstrong\u003equel est le meilleur complément alimentaire pour les articulations\u003c\/strong\u003e, cette concentration en AKBA constitue un critère de choix décisif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003eUne formule enrichie en vitamine D3 et magnésium marin\u003c\/h2\u003e\n \u003cp class=\"ak-section-intro\"\u003eAKBA30 ne se limite pas au Boswellia. Sa formule associe \u003cstrong\u003etrois actifs complémentaires\u003c\/strong\u003e pour une approche globale du bien-être articulaire et musculaire.\u003c\/p\u003e\n \u003cdiv class=\"ak-grid\"\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D3 naturelle\u003c\/h3\u003e\n \u003cp\u003eIssue du lichen, elle contribue au maintien d'une \u003cstrong\u003eossature normale\u003c\/strong\u003e et d'une fonction musculaire saine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n \u003cp\u003eAide à \u003cstrong\u003eréduire la fatigue musculaire\u003c\/strong\u003e et soutient le bon fonctionnement neuromusculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🍃 Poudre de feuille de cassis\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour le \u003cstrong\u003econfort des articulations\u003c\/strong\u003e, elle complète parfaitement l'action du Boswellia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-tip\"\u003e\n \u003cspan class=\"ak-tip-icon\"\u003e🤝\u003c\/span\u003e\n \u003cp\u003eCette synergie soutient à la fois le \u003cstrong\u003ecartilage, les os et la musculature\u003c\/strong\u003e, pour une mobilité préservée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003eComposition détaillée pour 1 gélule de 335 mg\u003c\/h2\u003e\n \u003cdiv class=\"ak-grid\"\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🌿 Boswellia serrata\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e175 mg\u003c\/strong\u003e — Extrait titré à 70 % d'acides boswelliques dont 30 % d'AKBA\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🍃 Feuille de cassis\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100 mg\u003c\/strong\u003e — Poudre de feuille, confort articulaire traditionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🌊 Magnésium marin\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e45 mg\u003c\/strong\u003e — Oxyde de magnésium d'origine marine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e☀️ Vitamine D3\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e0,33 mg\u003c\/strong\u003e — Extrait de lichen titré à 100 000 UI\/g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-apports-box\"\u003e\n \u003ch3\u003e📊 Apports pour 3 gélules (dose maximale journalière)\u003c\/h3\u003e\n \u003cdiv class=\"ak-apports-grid\"\u003e\n \u003cdiv class=\"ak-apport-item\"\u003e\n \u003cspan class=\"ak-apport-value\"\u003e367 mg\u003c\/span\u003e\n \u003cspan class=\"ak-apport-label\"\u003eAcides boswelliques dont \u003cstrong\u003e157 mg d'AKBA\u003c\/strong\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-apport-item\"\u003e\n \u003cspan class=\"ak-apport-value\"\u003e75 mg\u003c\/span\u003e\n \u003cspan class=\"ak-apport-label\"\u003eMagnésium \u003cem\u003e(25 % des VNR)\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-apport-item\"\u003e\n \u003cspan class=\"ak-apport-value\"\u003e99 UI\u003c\/span\u003e\n \u003cspan class=\"ak-apport-label\"\u003eVitamine D3 — 2,5 µg \u003cem\u003e(50 % des VNR)\u003c\/em\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ak-timeline\"\u003e\n \u003cdiv class=\"ak-timeline-item\"\u003e\n \u003cdiv class=\"ak-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ak-timeline-content\"\u003e\n \u003ch3\u003eCommencez doucement\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence au moment d'un repas, pour observer votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-timeline-item\"\u003e\n \u003cdiv class=\"ak-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ak-timeline-content\"\u003e\n \u003ch3\u003eAjustez selon vos besoins\u003c\/h3\u003e\n \u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e3 gélules par jour\u003c\/strong\u003e maximum, en fonction de votre confort articulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-timeline-item\"\u003e\n \u003cdiv class=\"ak-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ak-timeline-content\"\u003e\n \u003ch3\u003eProfitez de votre cure\u003c\/h3\u003e\n \u003cp\u003eLa boîte de 60 gélules offre une cure de \u003cstrong\u003e20 à 60 jours\u003c\/strong\u003e selon le dosage choisi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"ak-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse AKBA30 ?\u003c\/h2\u003e\n \u003cdiv class=\"ak-grid-compact\"\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003ePréservez vos articulations sollicitées par l'effort et accélérez votre récupération.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eMaintenez votre mobilité et votre souplesse articulaire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e💼 Actifs\u003c\/h3\u003e\n \u003cp\u003eSoulagez les raideurs liées à la sédentarité ou aux postures prolongées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-card\"\u003e\n \u003ch3\u003e🧘 Bien-être naturel\u003c\/h3\u003e\n \u003cp\u003eFormulation \u003cstrong\u003e100 % végétale\u003c\/strong\u003e, sans additifs controversés — une démarche responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ak-accordion\"\u003e\n \u003cdetails class=\"ak-accordion-item\"\u003e\n \u003csummary class=\"ak-accordion-header\"\u003e⚠️ Contre-indications et précautions\u003c\/summary\u003e\n \u003cdiv class=\"ak-accordion-content mt-3\"\u003e\n \u003cp\u003eConcernant le \u003cstrong\u003eBoswellia serrata et ses contre-indications\u003c\/strong\u003e, il est déconseillé aux femmes enceintes ou allaitantes. En cas de traitement médical en cours, demandez conseil à votre médecin ou pharmacien avant toute prise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ak-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ak-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos articulations le \u003cstrong\u003emeilleur extrait de Boswellia serrata\u003c\/strong\u003e du marché — 30 % d'AKBA, enrichi en vitamine D3 et magnésium marin, pour une mobilité retrouvée au naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"ak-disclaimer\"\u003eRappel important : ce complément alimentaire ne remplace pas un traitement médical, une alimentation variée et équilibrée ni un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ak-cream: #f5f5f0;\n --ak-white: #ffffff;\n --ak-primary: #2e7d32;\n --ak-primary-dark: #1b5e20;\n --ak-primary-light: #e8f5e9;\n --ak-secondary: #4caf50;\n --ak-accent: #c62828;\n --ak-text: #1a1a1a;\n --ak-text-light: #5a5a5a;\n --ak-border: #e0e0e0;\n --ak-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ak-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ak-radius: 20px;\n --ak-radius-sm: 12px;\n}\n\n.ak-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ak-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ak-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ak-primary-dark) 0%, var(--ak-primary) 50%, var(--ak-secondary) 100%);\n border-radius: var(--ak-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ak-shadow-lg);\n}\n\n.ak-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 40%);\n opacity: 1;\n}\n\n.ak-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ak-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.ak-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ak-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ak-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ak-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ak-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ak-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.ak-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ak-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ak-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.ak-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ak-primary), var(--ak-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ak-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ak-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ak-card {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ak-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ak-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ak-shadow-lg);\n border-color: var(--ak-primary);\n}\n\n.ak-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ak-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ak-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ak-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ak-card-stat {\n border-top: 4px solid var(--ak-primary);\n}\n\n\/* === GRILLES === *\/\n.ak-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ak-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ak-grid-compact .ak-card {\n padding: 1rem;\n}\n\n.ak-grid-compact .ak-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ak-grid-compact .ak-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ak-highlight-box {\n background: var(--ak-primary-light);\n border-radius: var(--ak-radius-sm);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n border-left: 5px solid var(--ak-primary);\n}\n\n.ak-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--ak-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === APPORTS BOX === *\/\n.ak-apports-box {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--ak-shadow);\n margin-top: 1.5rem;\n border: 2px solid var(--ak-primary-light);\n}\n\n.ak-apports-box h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--ak-primary-dark);\n text-align: center;\n margin: 0 0 1.25rem 0;\n}\n\n.ak-apports-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.ak-apport-item {\n text-align: center;\n padding: 1rem;\n background: var(--ak-primary-light);\n border-radius: var(--ak-radius-sm);\n}\n\n.ak-apport-value {\n display: block;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: var(--ak-primary-dark);\n line-height: 1.2;\n margin-bottom: .35rem;\n}\n\n.ak-apport-label {\n display: block;\n font-size: clamp(12px, 2vw, 14px);\n color: var(--ak-text-light);\n line-height: 1.4;\n}\n\n\/* === TIMELINE === *\/\n.ak-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ak-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ak-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ak-primary), var(--ak-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ak-timeline-content {\n flex: 1;\n background: var(--ak-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ak-radius-sm);\n box-shadow: var(--ak-shadow);\n}\n\n.ak-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ak-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ak-timeline-content p {\n font-size: 14px;\n color: var(--ak-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ak-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ak-primary-light);\n border-radius: var(--ak-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ak-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ak-tip p {\n font-size: 14px;\n color: var(--ak-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.ak-testimonial {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ak-shadow);\n border-left: 4px solid var(--ak-primary);\n}\n\n.ak-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ak-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ak-accordion {\n background: var(--ak-white);\n border-radius: var(--ak-radius);\n box-shadow: var(--ak-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.ak-accordion-item {\n border-bottom: 1px solid var(--ak-border);\n margin: 0;\n padding: 0;\n}\n\n.ak-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ak-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ak-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ak-accordion-header:hover {\n background: var(--ak-primary-light);\n}\n\n.ak-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ak-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ak-primary);\n transition: transform .2s ease;\n}\n\n.ak-accordion-item[open] .ak-accordion-header::after {\n content: '−';\n}\n\n.ak-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ak-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ak-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ak-cta-box {\n background: linear-gradient(135deg, var(--ak-primary) 0%, var(--ak-primary-dark) 100%);\n border-radius: var(--ak-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ak-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ak-disclaimer {\n font-size: 12px;\n color: var(--ak-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ak-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ak-card {\n padding: 1.125rem;\n }\n\n .ak-section {\n margin-bottom: 1.75rem;\n }\n\n .ak-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ak-radius-sm);\n }\n\n .ak-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ak-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ak-grid-compact {\n gap: .625rem;\n }\n\n .ak-grid-compact .ak-card {\n padding: .75rem;\n }\n\n .ak-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ak-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ak-timeline-content h3 {\n font-size: 14px;\n }\n\n .ak-timeline-content p {\n font-size: 13px;\n }\n\n .ak-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ak-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ak-testimonial {\n padding: 1.25rem;\n }\n\n .ak-testimonial-text {\n font-size: 14px;\n }\n\n .ak-apports-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n\n .ak-apport-item {\n padding: .75rem;\n }\n\n .ak-apport-value {\n font-size: 24px;\n }\n\n .ak-highlight-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ak-card {\n animation: akFadeInUp .5s ease backwards;\n }\n .ak-card:nth-child(1) { animation-delay: .05s; }\n .ak-card:nth-child(2) { animation-delay: .1s; }\n .ak-card:nth-child(3) { animation-delay: .15s; }\n .ak-card:nth-child(4) { animation-delay: .2s; }\n .ak-card:nth-child(5) { animation-delay: .25s; }\n .ak-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes akFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ak-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754728186013,"sku":"VO4620","price":22.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/akba-30-extrait-de-boswellia-serrata-335-mg-60-gelules-quali-packshothd_575ca2d7-30de-41b0-ab64-173650934a06.webp?v=1786018671"},{"product_id":"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":"b-curcumax-300-mg-flacon-60-gelules-vitalosmose","title":"B-curcumax 300 Mg - 60 Gélules - Vital Osmose","description":"\u003cdiv class=\"bcx-premium\"\u003e\n \u003cdiv class=\"bcx-hero\"\u003e\n \u003cdiv class=\"bcx-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bcx-hero-content\"\u003e\n \u003cdiv class=\"bcx-badges-top\"\u003e\n \u003cspan class=\"bcx-badge\"\u003e🌿 Extrait breveté BCM-95®\u003c\/span\u003e\n \u003cspan class=\"bcx-badge\"\u003e✨ Sans pipérine\u003c\/span\u003e\n \u003cspan class=\"bcx-badge\"\u003e💊 60 gélules végétales\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bcx-hero-title\"\u003eLa puissance du curcuma, enfin assimilable\u003c\/span\u003e\n \u003cp class=\"bcx-subtitle\"\u003eCurcuma Longa titré à 95% de curcuminoïdes\u003c\/p\u003e\n \u003cp class=\"bcx-description\"\u003eUne formule nouvelle génération qui exploite les huiles essentielles naturelles du curcuma pour une bioassimilation 5 à 7 fois supérieure, sans recours au poivre noir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bcx-section\"\u003e\n \u003ch2\u003eLe vrai défi du curcuma : son assimilation\u003c\/h2\u003e\n \u003cp class=\"bcx-section-intro\"\u003eLa curcumine est le composé le plus étudié du curcuma, mais l'organisme l'assimile mal. C'est pourquoi beaucoup de compléments y ajoutent de la pipérine, un extrait de poivre noir. B-Curcumax fait un autre choix.\u003c\/p\u003e\n \u003cp class=\"bcx-section-intro\"\u003eL'extrait \u003cstrong\u003eBiocurcumax BCM-95®\u003c\/strong\u003e, développé par le laboratoire Ayurna, associe les curcuminoïdes aux \u003cstrong\u003ehuiles essentielles naturelles du curcuma\u003c\/strong\u003e, comme dans la racine d'origine.\u003c\/p\u003e\n \u003cdiv class=\"bcx-grid\"\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e🚀 Bioassimilation x5 à x7\u003c\/h3\u003e\n \u003cp\u003eUne absorption 5 à 7 fois supérieure à celle d'un extrait de curcuma standard, selon le fabricant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e⏱️ Rétention prolongée\u003c\/h3\u003e\n \u003cp\u003eLa curcumine reste 2 à 3 fois plus longtemps dans le sang pour une action durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e🌱 Zéro poivre noir\u003c\/h3\u003e\n \u003cp\u003eUn vrai atout si vous digérez mal la pipérine ou préférez une formule naturelle épurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bcx-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"bcx-grid-compact\"\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e🧡 300 mg\u003c\/h3\u003e\n \u003cp\u003eExtrait sec de curcuma longa BCM-95® titré à 95% de curcuminoïdes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e💛 285 mg\u003c\/h3\u003e\n \u003cp\u003eDe curcuminoïdes dont 185 mg de curcumine pure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e🌾 50 mg\u003c\/h3\u003e\n \u003cp\u003ePoudre de racine entière de curcuma longa\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e💊 Gélule HPMC\u003c\/h3\u003e\n \u003cp\u003eEnveloppe 100% d'origine végétale, sans gélatine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-tip\"\u003e\n \u003cspan class=\"bcx-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003ePilulier de \u003cstrong\u003e60 gélules\u003c\/strong\u003e (27,3 g net) — Formule \u003cstrong\u003e100% naturelle\u003c\/strong\u003e et \u003cstrong\u003esans pipérine\u003c\/strong\u003e, avec stéarate de magnésium comme seul excipient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bcx-section\"\u003e\n \u003ch2\u003eÀ quoi sert le curcuma longa 300 mg ?\u003c\/h2\u003e\n \u003cp class=\"bcx-section-intro\"\u003eUtilisé depuis des siècles en tradition ayurvédique, le curcuma est apprécié pour ses multiples bienfaits sur l'organisme.\u003c\/p\u003e\n \u003cdiv class=\"bcx-grid\"\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e🦴 Confort articulaire\u003c\/h3\u003e\n \u003cp\u003eSoutient la flexibilité et le confort des articulations au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e🫀 Foie \u0026amp; digestion\u003c\/h3\u003e\n \u003cp\u003eParticipe au bon fonctionnement du foie et de la fonction biliaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien du système immunitaire et des défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e🌬️ Voies respiratoires\u003c\/h3\u003e\n \u003cp\u003eSoutient le bien-être des poumons et des voies respiratoires supérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e⚡ Antioxydant\u003c\/h3\u003e\n \u003cp\u003eLa curcumine est étudiée pour son intérêt antioxydant face au stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-card\"\u003e\n \u003ch3\u003e🏃 Sportifs \u0026amp; actifs\u003c\/h3\u003e\n \u003cp\u003eUn allié de choix pour les personnes actives ou soucieuses de bien vieillir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bcx-section\"\u003e\n \u003ch2\u003eComment prendre B-Curcumax ?\u003c\/h2\u003e\n \u003cdiv class=\"bcx-timeline\"\u003e\n \u003cdiv class=\"bcx-timeline-item\"\u003e\n \u003cdiv class=\"bcx-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bcx-timeline-content\"\u003e\n \u003ch3\u003e💊 1 gélule par jour\u003c\/h3\u003e\n \u003cp\u003ePrenez une gélule par jour avec un grand verre d'eau. Référez-vous toujours à l'étiquette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-timeline-item\"\u003e\n \u003cdiv class=\"bcx-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bcx-timeline-content\"\u003e\n \u003ch3\u003e🍽️ Au cours d'un repas\u003c\/h3\u003e\n \u003cp\u003ePrenez votre gélule pendant un repas : plus facile d'en faire une habitude quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-timeline-item\"\u003e\n \u003cdiv class=\"bcx-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bcx-timeline-content\"\u003e\n \u003ch3\u003e📅 2 mois de cure\u003c\/h3\u003e\n \u003cp\u003eÀ raison d'une gélule par jour, un pilulier couvre deux mois de cure complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bcx-tip\"\u003e\n \u003cspan class=\"bcx-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCertaines sources mentionnent jusqu'à 3 gélules par jour. \u003cstrong\u003eNe dépassez jamais la dose journalière conseillée\u003c\/strong\u003e indiquée sur l'étiquette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bcx-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bcx-accordion\"\u003e\n \u003cdetails class=\"bcx-accordion-item\"\u003e\n \u003csummary class=\"bcx-accordion-header\"\u003e👤 Public concerné\u003c\/summary\u003e\n \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n \u003cp\u003eRéservé à l'adulte. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bcx-accordion-item\"\u003e\n \u003csummary class=\"bcx-accordion-header\"\u003e💊 Interactions médicamenteuses\u003c\/summary\u003e\n \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de traitement anticoagulant, anticancéreux ou immunosuppresseur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bcx-accordion-item\"\u003e\n \u003csummary class=\"bcx-accordion-header\"\u003e⚠️ Contre-indications médicales\u003c\/summary\u003e\n \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé en cas de pathologie des voies biliaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bcx-accordion-item\"\u003e\n \u003csummary class=\"bcx-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"bcx-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. \u003cstrong\u003eIl ne se substitue en aucun cas à un traitement médical.\u003c\/strong\u003e En cas de doute, demandez conseil à votre médecin ou à votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bcx-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos questions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"bcx-accordion\"\u003e\n \u003cdetails class=\"bcx-accordion-item\"\u003e\n \u003csummary class=\"bcx-accordion-header\"\u003ePourquoi choisir un curcuma sans pipérine ?\u003c\/summary\u003e\n \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n \u003cp\u003eContrairement aux formules de type curcuma et pipérine en gélules végétales 300 mg, le BCM-95® s'appuie sur les composés naturels du curcuma lui-même — notamment ses huiles essentielles — pour favoriser l'assimilation de la curcumine. Idéal si vous digérez mal le poivre noir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bcx-accordion-item\"\u003e\n \u003csummary class=\"bcx-accordion-header\"\u003eQuelle différence avec un curcuma 300 mg classique ?\u003c\/summary\u003e\n \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n \u003cp\u003eUne poudre de racine contient généralement peu de curcumine. Ici, chaque gélule en apporte \u003cstrong\u003e185 mg\u003c\/strong\u003e, grâce à un extrait titré à 95% de curcuminoïdes. Le dosage actif est donc incomparablement plus élevé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bcx-accordion-item\"\u003e\n \u003csummary class=\"bcx-accordion-header\"\u003eQuel est votre avis sur B-Curcumax ?\u003c\/summary\u003e\n \u003cdiv class=\"bcx-accordion-content mt-3\"\u003e\n \u003cp\u003eC'est une option intéressante si vous recherchez un extrait standardisé, breveté et bien dosé, dans une formule courte et sans additif superflu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"bcx-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée, équilibrée et à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bcx-cream: #fdf8f5;\n --bcx-white: #ffffff;\n --bcx-primary: #c8306a;\n --bcx-primary-dark: #8f1f4a;\n --bcx-primary-light: #fce8ef;\n --bcx-secondary: #e8a845;\n --bcx-accent: #f4c54c;\n --bcx-text: #2a1a20;\n --bcx-text-light: #6b5a60;\n --bcx-border: #f0e4e8;\n --bcx-shadow: 0 4px 24px rgba(200, 48, 106, .08);\n --bcx-shadow-lg: 0 12px 48px rgba(200, 48, 106, .18);\n --bcx-radius: 20px;\n --bcx-radius-sm: 12px;\n}\n\n.bcx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bcx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bcx-text);\n line-height: 1.6;\n}\n\n.bcx-hero {\n position: relative;\n background: linear-gradient(135deg, #c8306a 0%, #8f1f4a 50%, #e8a845 100%);\n border-radius: var(--bcx-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(--bcx-shadow-lg);\n}\n\n.bcx-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(244,197,76,.3) 0%, transparent 50%);\n opacity: .3;\n}\n\n.bcx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bcx-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.bcx-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.bcx-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(13px, 2vw, 16px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.bcx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bcx-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(--bcx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bcx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bcx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bcx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bcx-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.bcx-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(--bcx-primary), var(--bcx-secondary));\n border-radius: 2px;\n}\n\n.bcx-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bcx-text-light);\n margin: 0 auto 1.25rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.bcx-section-intro strong {\n color: var(--bcx-primary-dark);\n}\n\n.bcx-card {\n background: var(--bcx-white);\n border-radius: var(--bcx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bcx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bcx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bcx-shadow-lg);\n border-color: var(--bcx-primary);\n}\n\n.bcx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bcx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bcx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bcx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bcx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bcx-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bcx-grid-compact .bcx-card {\n padding: 1rem;\n}\n\n.bcx-grid-compact .bcx-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n color: var(--bcx-primary);\n}\n\n.bcx-grid-compact .bcx-card p {\n font-size: 12.5px;\n}\n\n.bcx-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bcx-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bcx-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bcx-primary), var(--bcx-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(200,48,106,.3);\n}\n\n.bcx-timeline-content {\n flex: 1;\n background: var(--bcx-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bcx-radius-sm);\n box-shadow: var(--bcx-shadow);\n}\n\n.bcx-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bcx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bcx-timeline-content p {\n font-size: 14px;\n color: var(--bcx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bcx-accordion {\n background: var(--bcx-white);\n border-radius: var(--bcx-radius);\n box-shadow: var(--bcx-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.bcx-accordion-item {\n border-bottom: 1px solid var(--bcx-border);\n margin: 0;\n padding: 0;\n}\n\n.bcx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bcx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bcx-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.bcx-accordion-header:hover {\n background: var(--bcx-primary-light);\n}\n\n.bcx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bcx-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--bcx-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.bcx-accordion-item[open] .bcx-accordion-header::after {\n content: '−';\n}\n\n.bcx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bcx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bcx-accordion-content p {\n margin: 0;\n}\n\n.bcx-accordion-content strong {\n color: var(--bcx-primary-dark);\n}\n\n.bcx-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bcx-primary-light);\n border-radius: var(--bcx-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 820px;\n margin-left: auto;\n margin-right: auto;\n border-left: 4px solid var(--bcx-primary);\n}\n\n.bcx-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.bcx-tip p {\n font-size: 14px;\n color: var(--bcx-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bcx-tip strong {\n color: var(--bcx-primary-dark);\n}\n\n.bcx-disclaimer {\n font-size: 12px;\n color: var(--bcx-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .bcx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bcx-card {\n padding: 1.125rem;\n }\n\n .bcx-section {\n margin-bottom: 1.75rem;\n }\n\n .bcx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bcx-radius-sm);\n }\n\n .bcx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bcx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bcx-grid-compact {\n gap: .625rem;\n }\n\n .bcx-grid-compact .bcx-card {\n padding: .75rem;\n }\n\n .bcx-grid-compact .bcx-card h3 {\n font-size: 13px;\n }\n\n .bcx-grid-compact .bcx-card p {\n font-size: 11.5px;\n }\n\n .bcx-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bcx-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bcx-timeline-content h3 {\n font-size: 14px;\n }\n\n .bcx-timeline-content p {\n font-size: 13px;\n }\n\n .bcx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bcx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bcx-tip {\n padding: .875rem 1rem;\n }\n\n .bcx-tip p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bcx-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bcx-card:nth-child(1) { animation-delay: .05s; }\n .bcx-card:nth-child(2) { animation-delay: .1s; }\n .bcx-card:nth-child(3) { animation-delay: .15s; }\n .bcx-card:nth-child(4) { animation-delay: .2s; }\n .bcx-card:nth-child(5) { animation-delay: .25s; }\n .bcx-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 .bcx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"VITALOSMOSE","offers":[{"title":"Default Title","offer_id":45754729824413,"sku":"VO4360","price":28.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/b-curcumax-60-gelules-vitalosmose.webp?v=1791196073"},{"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\u003eLa vitamine C sous forme Liposomale pour une absorption bien supérieure\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-qualidiet-packshothd.webp?v=1786024547"},{"product_id":"quercetine-anhydre-vegetale-60-gelules-qualidiet","title":"Quercétine Anhydre Végétale - 60 Gélules - Qualidiet","description":"\u003cdiv class=\"qc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"qc-hero\"\u003e\n \u003cdiv class=\"qc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"qc-hero-content\"\u003e\n \u003cdiv class=\"qc-badges-top\"\u003e\n \u003cspan class=\"qc-badge\"\u003e🌿 Origine végétale\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e💊 300 mg \/ gélule\u003c\/span\u003e\n \u003cspan class=\"qc-badge\"\u003e🧪 Forme anhydre pure\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"qc-hero-title\"\u003eQuercétine anhydre végétale\u003c\/span\u003e\n \u003cp class=\"qc-subtitle\"\u003e60 gélules dosées à 300 mg — Qualidiet\u003c\/p\u003e\n \u003cp class=\"qc-description\"\u003eUn flavonoïde puissant extrait du Sophora Japonica pour soutenir vos défenses, lutter contre le stress oxydatif et retrouver un confort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eQuercétine anhydre d'origine végétale : un flavonoïde puissant au quotidien\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eVous cherchez un complément alimentaire naturel pour soutenir vos défenses et lutter contre le stress oxydatif ?\u003c\/p\u003e\n \u003cdiv class=\"qc-highlight-box\"\u003e\n \u003cp\u003eLa \u003cstrong\u003eQuercétine Anhydre Végétale de Qualidiet\u003c\/strong\u003e vous apporte \u003cstrong\u003e300 mg de quercétine pure par gélule\u003c\/strong\u003e, extraite du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, un arbre reconnu pour sa richesse exceptionnelle en flavonoïdes. Ce polyphénol, largement étudié par la recherche scientifique, fait partie des antioxydants les plus prometteurs du règne végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eLes bienfaits de la quercétine pour votre organisme\u003c\/h2\u003e\n \u003cp class=\"qc-section-intro\"\u003eLa quercétine est un flavonol naturellement présent dans certains fruits et légumes (oignons, câpres, myrtilles), mais souvent en quantités insuffisantes pour en ressentir les effets. La supplémentation permet d'atteindre des dosages réellement utiles.\u003c\/p\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌸 Action antihistaminique naturelle\u003c\/h3\u003e\n \u003cp\u003eLa quercétine est reconnue pour aider à stabiliser les mastocytes, ces cellules impliquées dans les réactions allergiques. Si vous souffrez d'allergies saisonnières, elle peut contribuer à réduire l'inconfort au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🛡️ Protection antioxydante\u003c\/h3\u003e\n \u003cp\u003eElle neutralise les radicaux libres responsables du vieillissement cellulaire prématuré et des dommages oxydatifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e❤️ Soutien cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003ePlusieurs études suggèrent un rôle favorable de la quercétine sur la santé des vaisseaux sanguins et la tension artérielle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🫁 Quercétine et intestin\u003c\/h3\u003e\n \u003cp\u003eCe flavonoïde contribue à maintenir l'intégrité de la barrière intestinale et à moduler la réponse inflammatoire au niveau digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e💪 Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eEn aidant à réguler la réponse immunitaire, elle participe au bon fonctionnement de vos défenses naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eComposition détaillée par gélule\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid-compact\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌿 Quercétine anhydre\u003c\/h3\u003e\n \u003cp\u003e300 mg — Extraite du Sophora Japonica\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e💊 Gélule végétale\u003c\/h3\u003e\n \u003cp\u003eHPMC — 100 % d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans gluten, sans OGM, sans conservateur, sans colorant ni arôme artificiel.\u003c\/strong\u003e Convient aux personnes suivant un régime végétarien ou végétalien. Poids net du flacon : 23,40 g pour 60 gélules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"qc-timeline\"\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eDosage quotidien\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e1 à 2 gélules par jour\u003c\/strong\u003e, avec un grand verre d'eau, de préférence pendant un repas pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 gélule par jour\u003c\/strong\u003e pour une protection antioxydante de fond et un soutien immunitaire régulier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-item\"\u003e\n \u003cdiv class=\"qc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"qc-timeline-content\"\u003e\n \u003ch3\u003ePériode d'allergie ou de sollicitation\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 gélules par jour\u003c\/strong\u003e en période d'allergie saisonnière ou de sollicitation immunitaire accrue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-tip\"\u003e\n \u003cspan class=\"qc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eEn cas de doute, demandez conseil à votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"qc-section\"\u003e\n \u003ch2\u003eQuercétine : danger ou précautions ?\u003c\/h2\u003e\n \u003cdiv class=\"qc-accordion\"\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eAux dosages recommandés, la quercétine ne présente pas de danger particulier pour les adultes en bonne santé. Toutefois, elle est \u003cstrong\u003edéconseillée aux femmes enceintes ou allaitantes\u003c\/strong\u003e et aux personnes sous traitement anticoagulant, en raison d'interactions possibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"qc-accordion-item\"\u003e\n \u003csummary class=\"qc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"qc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la chaleur et de l'humidité, hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"qc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir la quercétine Qualidiet ?\u003c\/h2\u003e\n \u003cdiv class=\"qc-grid\"\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e⚗️ Forme anhydre concentrée\u003c\/h3\u003e\n \u003cp\u003eSans molécule d'eau liée, garantissant une \u003cstrong\u003econcentration maximale en principe actif\u003c\/strong\u003e dans chaque gélule — un avantage rare face aux produits classiques en pharmacie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🌳 Source végétale de référence\u003c\/h3\u003e\n \u003cp\u003eL'extraction est réalisée à partir du \u003cstrong\u003eSophora Japonica\u003c\/strong\u003e, une source naturelle reconnue pour sa richesse exceptionnelle en quercétine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduit selon des \u003cstrong\u003enormes de qualité strictes\u003c\/strong\u003e, assurant une traçabilité complète du début à la fin de la production.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"qc-cta-box\"\u003e\n \u003cp\u003eSi vous recherchez un allié naturel pour vos allergies, votre confort intestinal ou simplement pour renforcer votre protection antioxydante, la \u003cstrong\u003eQuercétine Anhydre Végétale Qualidiet\u003c\/strong\u003e est un choix fiable et bien dosé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"qc-disclaimer\"\u003eComplément alimentaire — Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --qc-cream: #f4f5f8;\n --qc-white: #ffffff;\n --qc-primary: #1e3a6e;\n --qc-primary-dark: #122550;\n --qc-primary-light: #e8edf5;\n --qc-secondary: #4a6fa5;\n --qc-accent: #8ba3cc;\n --qc-text: #1a1a1a;\n --qc-text-light: #5a5a5a;\n --qc-border: #dde2ea;\n --qc-shadow: 0 4px 24px rgba(30,58,110,.08);\n --qc-shadow-lg: 0 12px 48px rgba(30,58,110,.15);\n --qc-radius: 20px;\n --qc-radius-sm: 12px;\n}\n\n.qc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--qc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.qc-hero {\n position: relative;\n background: linear-gradient(135deg, #122550 0%, #1e3a6e 40%, #4a6fa5 100%);\n border-radius: var(--qc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--qc-shadow-lg);\n}\n\n.qc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.04) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(139,163,204,.08) 0%, transparent 70%);\n opacity: 1;\n}\n\n.qc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.qc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.qc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.qc-description {\n color: rgba(255,255,255,.75);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.qc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.qc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--qc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.qc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.qc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.qc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--qc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.qc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--qc-primary), var(--qc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.qc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.qc-highlight-box {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qc-shadow);\n border-left: 4px solid var(--qc-primary);\n}\n\n.qc-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--qc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.qc-card {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--qc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.qc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--qc-shadow-lg);\n border-color: var(--qc-primary);\n}\n\n.qc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--qc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.qc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.qc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.qc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.qc-grid-compact .qc-card {\n padding: 1rem;\n}\n\n.qc-grid-compact .qc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.qc-grid-compact .qc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.qc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.qc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.qc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--qc-primary), var(--qc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.qc-timeline-content {\n flex: 1;\n background: var(--qc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--qc-radius-sm);\n box-shadow: var(--qc-shadow);\n}\n\n.qc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--qc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.qc-timeline-content p {\n font-size: 14px;\n color: var(--qc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.qc-testimonial {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--qc-shadow);\n border-left: 4px solid var(--qc-primary);\n}\n\n.qc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--qc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.qc-accordion {\n background: var(--qc-white);\n border-radius: var(--qc-radius);\n box-shadow: var(--qc-shadow);\n overflow: hidden;\n}\n\n.qc-accordion-item {\n border-bottom: 1px solid var(--qc-border);\n margin: 0;\n padding: 0;\n}\n\n.qc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.qc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--qc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.qc-accordion-header:hover {\n background: var(--qc-primary-light);\n}\n\n.qc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.qc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--qc-primary);\n transition: transform .2s ease;\n}\n\n.qc-accordion-item[open] .qc-accordion-header::after {\n content: '−';\n}\n\n.qc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--qc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.qc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.qc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--qc-primary-light);\n border-radius: var(--qc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.qc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.qc-tip p {\n font-size: 14px;\n color: var(--qc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.qc-cta-box {\n background: linear-gradient(135deg, var(--qc-primary) 0%, var(--qc-primary-dark) 100%);\n border-radius: var(--qc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.qc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.qc-disclaimer {\n font-size: 12px;\n color: var(--qc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .qc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .qc-card {\n padding: 1.125rem;\n }\n\n .qc-section {\n margin-bottom: 1.75rem;\n }\n\n .qc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--qc-radius-sm);\n }\n\n .qc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .qc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .qc-grid-compact {\n gap: .625rem;\n }\n\n .qc-grid-compact .qc-card {\n padding: .75rem;\n }\n\n .qc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .qc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .qc-timeline-content h3 {\n font-size: 14px;\n }\n\n .qc-timeline-content p {\n font-size: 13px;\n }\n\n .qc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .qc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .qc-highlight-box {\n padding: 1.25rem;\n }\n\n .qc-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .qc-card {\n animation: qcFadeInUp .5s ease backwards;\n }\n .qc-card:nth-child(1) { animation-delay: .05s; }\n .qc-card:nth-child(2) { animation-delay: .1s; }\n .qc-card:nth-child(3) { animation-delay: .15s; }\n .qc-card:nth-child(4) { animation-delay: .2s; }\n .qc-card:nth-child(5) { animation-delay: .25s; }\n .qc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes qcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .qc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754731102365,"sku":"VO4616","price":16.29,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/quercetine-anhydre-vegetale-60-gelules-qualidiet-packshothd.webp?v=1786025409"},{"product_id":"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":20.49,"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-qualidiet-packshothd.webp?v=1786025950"},{"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":26.62,"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-qualidiet-packshothd.webp?v=1784363006"},{"product_id":"hericium-500-mg-bio-60-gelules-qualidiet","title":"Héricium bio 500 Mg - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Héricium bio 500 mg - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AAF (bleu profond du titre \"HERICIUM\")\n - Secondaire: #4A9B4A (vert bio de \"Issu de l'Agriculture biologique\")\n - Accent: #C8352D (rouge du logo \"QUALIDIET\")\nAmbiance: Pharmaceutique\/médical, naturel\/bio, confiance, simplicité, pureté (fond blanc du packaging)\nPréfixe CSS: hrc\n--\u003e\n\n\u003cdiv class=\"hrc-premium\"\u003e\n \n \u003cdiv class=\"hrc-hero\"\u003e\n \u003cdiv class=\"hrc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hrc-hero-content\"\u003e\n \u003cdiv class=\"hrc-badges-top\"\u003e\n \u003cspan class=\"hrc-badge\"\u003e🍄 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🧠 Lion's Mane\u003c\/span\u003e\n \u003cspan class=\"hrc-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hrc-hero-title\"\u003eLion's mane Héricium bio 500 mg\u003c\/span\u003e\n \u003cp class=\"hrc-subtitle\"\u003eLe champignon de la mémoire et de la concentration\u003c\/p\u003e\n \u003cp class=\"hrc-description\"\u003eExtrait haute concentration avec \u003cstrong\u003e60% de polysaccharides\u003c\/strong\u003e et \u003cstrong\u003e20% de bêta-glucanes\u003c\/strong\u003e pour soutenir vos fonctions cognitives naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi choisir ce lion's mane en gélule ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e⚡ Concentration exceptionnelle\u003c\/h3\u003e\n \u003cp\u003e60% de polysaccharides et 20% de bêta-glucanes, bien au-delà des standards du marché\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💊 Dosage optimal\u003c\/h3\u003e\n \u003cp\u003e500 mg par gélule, plus généreux que les formules concurrentes à 400 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eCultivé selon les normes bio, sans pesticides ni produits chimiques de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🥬 100% végétal\u003c\/h3\u003e\n \u003cp\u003eGélules végétales en hypromellose, adaptées aux régimes végétariens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabrication française avec traçabilité et contrôle qualité rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs artificiels ni additifs controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🍄 Qu'est-ce que le lion's mane (Hericium erinaceus) ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-info-box\"\u003e\n \u003cp\u003eL'\u003cstrong\u003eHericium erinaceus\u003c\/strong\u003e, surnommé \u003cstrong\u003eLion's Mane\u003c\/strong\u003e (crinière de lion) en raison de son apparence unique, est un champignon médicinal utilisé depuis des siècles en médecine traditionnelle asiatique.\u003c\/p\u003e\n \u003cp\u003eReconnaissable à ses longs filaments blancs, ce champignon fascine la communauté scientifique pour sa richesse en composés bioactifs spécifiques : les \u003cstrong\u003ehéricénones\u003c\/strong\u003e et les \u003cstrong\u003eérinacines\u003c\/strong\u003e. Ces molécules uniques peuvent traverser la barrière hémato-encéphalique et stimuler la production du facteur de croissance nerveux (NGF).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e💪 Les bienfaits du lion's mane sur votre organisme\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧠 Fonctions cognitives\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eFavorise la clarté mentale\u003c\/li\u003e\n \u003cli\u003eSoutient la mémoire au quotidien\u003c\/li\u003e\n \u003cli\u003eAccompagne la concentration intense\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🧘 Système nerveux\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eAccompagne face au stress\u003c\/li\u003e\n \u003cli\u003eFavorise le bien-être mental\u003c\/li\u003e\n \u003cli\u003eSoutient l'équilibre émotionnel\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card hrc-card-benefit\"\u003e\n \u003ch3\u003e🌿 Confort digestif\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003ePropriétés prébiotiques\u003c\/li\u003e\n \u003cli\u003eMuqueuse gastrique saine\u003c\/li\u003e\n \u003cli\u003eÉquilibre du microbiote\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Composition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"hrc-composition-box\"\u003e\n \u003cdiv class=\"hrc-composition-header\"\u003ePour 2 gélules (dose journalière)\u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-grid\"\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eExtrait d'Hericium erinaceus bio\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e1000 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont polysaccharides\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e600 mg (60%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item hrc-composition-sub\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003e↳ dont bêta-glucanes\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003e200 mg (20%)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-composition-item\"\u003e\n \u003cspan class=\"hrc-composition-label\"\u003eEnveloppe gélule végétale\u003c\/span\u003e\n \u003cspan class=\"hrc-composition-value\"\u003eHypromellose\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📝 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hrc-steps\"\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003ePosologie\u003c\/h3\u003e\n \u003cp\u003e2 gélules par jour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eMoment de prise\u003c\/h3\u003e\n \u003cp\u003eLe matin au petit-déjeuner\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eAdministration\u003c\/h3\u003e\n \u003cp\u003eAvec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-step\"\u003e\n \u003cdiv class=\"hrc-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"hrc-step-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003e2 à 3 mois, renouvelable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-tip\"\u003e\n \u003cstrong\u003e💡 Astuce synergie :\u003c\/strong\u003e Associez ce complément au Reishi ou Cordyceps en alternance pour une action renforcée sur les fonctions cognitives.\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce complément à l'Héricium ?\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eEn période d'examens ou de révisions intensives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e💼 Professionnels\u003c\/h3\u003e\n \u003cp\u003eSoumis à une charge mentale importante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e👴 Seniors\u003c\/h3\u003e\n \u003cp\u003eSouhaitant préserver leurs capacités cognitives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🧘 Personnes stressées\u003c\/h3\u003e\n \u003cp\u003eEn recherche d'un soutien naturel pour le système nerveux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌿 Sensibilités digestives\u003c\/h3\u003e\n \u003cp\u003ePour renforcer le confort intestinal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e🏆 Qualité et traçabilité\u003c\/h2\u003e\n \u003cdiv class=\"hrc-grid-compact\"\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🌱 Bio certifié\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🔬 Extraction pure\u003c\/h3\u003e\n \u003cp\u003ePrincipes actifs préservés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eBonnes pratiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hrc-card\"\u003e\n \u003ch3\u003e✅ Contrôlé\u003c\/h3\u003e\n \u003cp\u003eAnalyses qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"hrc-accordion\"\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e📦 Contenu du flacon\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003e60 gélules végétales de 500 mg, soit \u003cstrong\u003e30 jours de cure\u003c\/strong\u003e à raison de 2 gélules par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hrc-accordion-item\"\u003e\n \u003csummary class=\"hrc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"hrc-accordion-content\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Respectez la dose journalière indiquée.\u003c\/p\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable. En cas de traitement médical ou de pathologie, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003eCe produit ne remplace en aucun cas un traitement médical et n'est pas destiné à diagnostiquer, traiter, guérir ou prévenir une maladie.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"hrc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"hrc-cta-box\"\u003e\n \u003cp\u003e🍄 Offrez à votre cerveau le pouvoir ancestral du \u003cstrong\u003eLion's Mane\u003c\/strong\u003e avec une formule bio hautement concentrée. Mémoire, concentration et bien-être digestif réunis dans un seul complément d'excellence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hrc-cream: #f8f9fa;\n --hrc-white: #ffffff;\n --hrc-primary: #1E5AAF;\n --hrc-primary-dark: #14407a;\n --hrc-primary-light: #e8f0fa;\n --hrc-secondary: #4A9B4A;\n --hrc-secondary-light: #e8f5e8;\n --hrc-accent: #C8352D;\n --hrc-text: #1a1a1a;\n --hrc-text-light: #5a5a5a;\n --hrc-border: #e0e0e0;\n --hrc-shadow: 0 4px 24px rgba(30,90,175,.08);\n --hrc-shadow-lg: 0 12px 48px rgba(30,90,175,.15);\n --hrc-radius: 20px;\n --hrc-radius-sm: 12px;\n}\n\n.hrc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hrc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hrc-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AAF 0%, #2d6fc4 40%, #4A9B4A 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.hrc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hrc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.hrc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.hrc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.hrc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.hrc-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.hrc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.hrc-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.hrc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hrc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hrc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hrc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hrc-primary), var(--hrc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.hrc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hrc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.hrc-card {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hrc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hrc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hrc-shadow-lg);\n border-color: var(--hrc-primary);\n}\n\n.hrc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hrc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hrc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.hrc-card-benefit {\n text-align: left;\n}\n\n.hrc-card-benefit ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n}\n\n.hrc-card-benefit li {\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text-light);\n padding: .35rem 0;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.hrc-card-benefit li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--hrc-secondary);\n font-weight: 700;\n}\n\n.hrc-grid-compact .hrc-card {\n padding: 1rem;\n}\n\n.hrc-grid-compact .hrc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hrc-grid-compact .hrc-card p {\n font-size: 12px;\n}\n\n\/* === INFO BOX === *\/\n.hrc-info-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hrc-shadow);\n border-left: 5px solid var(--hrc-primary);\n}\n\n.hrc-info-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--hrc-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.hrc-info-box p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-info-box strong {\n color: var(--hrc-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.hrc-composition-box {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n overflow: hidden;\n box-shadow: var(--hrc-shadow);\n}\n\n.hrc-composition-header {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-primary-dark) 100%);\n color: white;\n padding: 1rem 1.5rem;\n font-weight: 700;\n font-size: clamp(14px, 2.5vw, 16px);\n text-align: center;\n}\n\n.hrc-composition-grid {\n padding: 1rem;\n}\n\n.hrc-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1rem;\n border-bottom: 1px solid var(--hrc-border);\n}\n\n.hrc-composition-item:last-child {\n border-bottom: none;\n}\n\n.hrc-composition-sub {\n background: var(--hrc-primary-light);\n margin: 0 -1rem;\n padding-left: 2rem;\n}\n\n.hrc-composition-label {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hrc-text);\n}\n\n.hrc-composition-value {\n font-size: clamp(13px, 2vw, 15px);\n font-weight: 700;\n color: var(--hrc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.hrc-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.hrc-step {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n padding: 1.5rem;\n box-shadow: var(--hrc-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n transition: all .3s ease;\n}\n\n.hrc-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--hrc-shadow-lg);\n}\n\n.hrc-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n}\n\n.hrc-step-content h3 {\n font-size: 15px;\n font-weight: 700;\n color: var(--hrc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hrc-step-content p {\n font-size: 14px;\n color: var(--hrc-text-light);\n margin: 0;\n}\n\n.hrc-tip {\n background: var(--hrc-secondary-light);\n border-radius: var(--hrc-radius-sm);\n padding: 1rem 1.25rem;\n font-size: clamp(13px, 2vw, 14px);\n color: var(--hrc-text);\n border-left: 4px solid var(--hrc-secondary);\n}\n\n\/* === ACCORDÉON === *\/\n.hrc-accordion {\n background: var(--hrc-white);\n border-radius: var(--hrc-radius);\n box-shadow: var(--hrc-shadow);\n overflow: hidden;\n}\n\n.hrc-accordion-item {\n border-bottom: 1px solid var(--hrc-border);\n margin: 0;\n padding: 0;\n}\n\n.hrc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hrc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hrc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hrc-accordion-header:hover {\n background: var(--hrc-primary-light);\n}\n\n.hrc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hrc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hrc-primary);\n transition: transform .2s ease;\n}\n\n.hrc-accordion-item[open] .hrc-accordion-header::after {\n content: '−';\n}\n\n.hrc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hrc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.hrc-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.hrc-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.hrc-accordion-content em {\n font-size: 13px;\n color: var(--hrc-text-light);\n}\n\n\/* === CTA === *\/\n.hrc-cta-box {\n background: linear-gradient(135deg, var(--hrc-primary) 0%, var(--hrc-secondary) 100%);\n border-radius: var(--hrc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.hrc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n}\n\n.hrc-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.hrc-cta-box strong {\n color: white;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .hrc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .hrc-card {\n padding: 1.125rem;\n }\n \n .hrc-section {\n margin-bottom: 1.75rem;\n }\n \n .hrc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hrc-radius-sm);\n }\n \n .hrc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .hrc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .hrc-badges-top {\n gap: 8px;\n }\n \n .hrc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .hrc-grid-compact {\n gap: .625rem;\n }\n \n .hrc-grid-compact .hrc-card {\n padding: .75rem;\n }\n \n .hrc-steps {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n \n .hrc-step {\n padding: 1rem;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: .5rem;\n }\n \n .hrc-step-number {\n width: 36px;\n height: 36px;\n min-width: 36px;\n font-size: 16px;\n }\n \n .hrc-info-box {\n padding: 1.25rem;\n }\n \n .hrc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .hrc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .hrc-composition-item {\n padding: .75rem;\n flex-direction: column;\n align-items: flex-start;\n gap: .25rem;\n }\n \n .hrc-composition-sub {\n padding-left: 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hrc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .hrc-card:nth-child(1) { animation-delay: .05s; }\n .hrc-card:nth-child(2) { animation-delay: .1s; }\n .hrc-card:nth-child(3) { animation-delay: .15s; }\n .hrc-card:nth-child(4) { animation-delay: .2s; }\n .hrc-card:nth-child(5) { animation-delay: .25s; }\n .hrc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .hrc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732183709,"sku":"VO4612","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/hericium-bio-500-mg-60-gelules-qualidiet-packshothd.webp?v=1786024626"},{"product_id":"reishi-500-mg-bio-60-gelules-qualidiet","title":"Reishi 500 Mg Bio - 60 Gélules - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Reishi 500 Mg Bio - 60 Gélules\nPalette détectée:\n - Primaire: #1E5AA8 (bleu du texte \"REISHI\" sur le packaging)\n - Secondaire: #2E7D32 (vert \"Agriculture biologique\")\n - Accent: #C62828 (rouge \"QUALIDIET\")\nAmbiance: Naturel\/Bio, médical, épuré, scientifique avec touches organiques\nPréfixe CSS: rei\n--\u003e\n\n\u003cdiv class=\"rei-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"rei-hero\"\u003e\n \u003cdiv class=\"rei-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-hero-content\"\u003e\n \u003cdiv class=\"rei-badges-top\"\u003e\n \u003cspan class=\"rei-badge\"\u003e🍄 Ganoderma lucidum\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"rei-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rei-hero-title\"\u003eReishi 500 mg bio\u003c\/span\u003e\n \u003cp class=\"rei-subtitle\"\u003eLe champignon de l'immortalité\u003c\/p\u003e\n \u003cp class=\"rei-description\"\u003eExtrait hautement concentré en polysaccharides et triterpènes pour renforcer naturellement vos défenses et apaiser votre esprit\u003c\/p\u003e\n \u003cdiv class=\"rei-hero-stats\"\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e500 mg\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003epar gélule\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e60%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003epolysaccharides\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-stat\"\u003e\n \u003cspan class=\"rei-stat-number\"\u003e20%\u003c\/span\u003e\n \u003cspan class=\"rei-stat-label\"\u003ebêta-glucanes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🌟 Les bienfaits du reishi\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid\"\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eImmunité renforcée\u003c\/h3\u003e\n \u003cp\u003eLes bêta-glucanes stimulent naturellement le système immunitaire et aident l'organisme à mieux se défendre contre les agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eGestion du stress\u003c\/h3\u003e\n \u003cp\u003eChampignon adaptogène par excellence, le reishi aide à réguler la réponse au stress et favorise un état d'équilibre mental.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eAntioxydant puissant\u003c\/h3\u003e\n \u003cp\u003eRiche en triterpènes et polysaccharides, il combat le stress oxydatif et protège les cellules du vieillissement prématuré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e😴\u003c\/div\u003e\n \u003ch3\u003eSommeil apaisé\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour favoriser un sommeil réparateur et améliorer la qualité du repos nocturne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e❤️\u003c\/div\u003e\n \u003ch3\u003eBien-être cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eContribue au maintien d'une circulation sanguine normale et soutient la santé du système cardiovasculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-card\"\u003e\n \u003cdiv class=\"rei-card-icon\"\u003e🔋\u003c\/div\u003e\n \u003ch3\u003eVitalité durable\u003c\/h3\u003e\n \u003cp\u003eSurnommé \"champignon de l'immortalité\" en Asie, il procure une énergie constante sans stimulation excessive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e🔬 Composition premium\u003c\/h2\u003e\n \u003cdiv class=\"rei-composition-wrapper\"\u003e\n \u003cdiv class=\"rei-composition-main\"\u003e\n \u003cdiv class=\"rei-ingredient-hero\"\u003e\n \u003cdiv class=\"rei-ingredient-content\"\u003e\n \u003ch3\u003e🍄 Extrait de reishi bio\u003c\/h3\u003e\n \u003cspan class=\"rei-ingredient-latin\"\u003eGanoderma lucidum\u003c\/span\u003e\n \u003cdiv class=\"rei-ingredient-dosage\"\u003e500 mg par gélule\u003c\/div\u003e\n \u003cp\u003eExtrait haute concentration certifié biologique, standardisé à 60% de polysaccharides et 20% de bêta-glucanes pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-composition-grid\"\u003e\n \u003cdiv class=\"rei-mini-card\"\u003e\n \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"rei-mini-label\"\u003eCellulose microcristalline bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-mini-card\"\u003e\n \u003cspan class=\"rei-mini-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"rei-mini-label\"\u003eAmidon de riz bio\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rei-usage-box\"\u003e\n \u003cdiv class=\"rei-usage-steps\"\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003ePosologie\u003c\/h4\u003e\n \u003cp\u003ePrendre \u003cstrong\u003e1 à 2 gélules\u003c\/strong\u003e par jour selon vos besoins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003eMoment\u003c\/h4\u003e\n \u003cp\u003eDe préférence \u003cstrong\u003eau cours des repas\u003c\/strong\u003e avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-step\"\u003e\n \u003cdiv class=\"rei-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rei-step-content\"\u003e\n \u003ch4\u003eDurée\u003c\/h4\u003e\n \u003cp\u003eCure de \u003cstrong\u003eplusieurs mois\u003c\/strong\u003e recommandée pour une efficacité optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-tip\"\u003e\n \u003cspan class=\"rei-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLa posologie peut être adaptée selon les recommandations de votre professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"rei-grid rei-grid-4\"\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🏃\u003c\/span\u003e\n \u003ch4\u003eActifs stressés\u003c\/h4\u003e\n \u003cp\u003eRetrouvez calme et sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🤧\u003c\/span\u003e\n \u003ch4\u003eImmunité fragilisée\u003c\/h4\u003e\n \u003cp\u003eRenforcez vos défenses naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e😓\u003c\/span\u003e\n \u003ch4\u003eFatigue chronique\u003c\/h4\u003e\n \u003cp\u003eRetrouvez votre vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-profile-card\"\u003e\n \u003cspan class=\"rei-profile-icon\"\u003e🧓\u003c\/span\u003e\n \u003ch4\u003eSeniors\u003c\/h4\u003e\n \u003cp\u003ePréservez votre bien-être global\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- QUALITÉ --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003ch2\u003e✨ Nos engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"rei-quality-grid\"\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🌿\u003c\/div\u003e\n \u003ch4\u003e100% biologique\u003c\/h4\u003e\n \u003cp\u003eCertifié ECOCERT, sans pesticides ni agents chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch4\u003eFabriqué en France\u003c\/h4\u003e\n \u003cp\u003eProduction contrôlée selon les normes les plus strictes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rei-quality-card\"\u003e\n \u003cdiv class=\"rei-quality-badge\"\u003e🔍\u003c\/div\u003e\n \u003ch4\u003eTraçabilité totale\u003c\/h4\u003e\n \u003cp\u003eDe la récolte à la production, chaque étape est contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"rei-section\"\u003e\n \u003cdiv class=\"rei-warning-box\"\u003e\n \u003cdiv class=\"rei-warning-header\"\u003e\n \u003cspan class=\"rei-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n \u003c\/div\u003e\n \u003cul class=\"rei-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003eConsultez votre médecin si vous êtes enceinte, allaitez ou êtes sous traitement médical\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la chaleur et de l'humidité\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rei-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rei-cta-box\"\u003e\n \u003cdiv class=\"rei-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rei-cta-content\"\u003e\n \u003cspan class=\"rei-cta-emoji\"\u003e🍄\u003c\/span\u003e\n \u003cp\u003eOffrez à votre corps le pouvoir millénaire du reishi, le champignon sacré de la médecine traditionnelle asiatique. Une cure naturelle pour renforcer votre immunité et retrouver sérénité et vitalité.\u003c\/p\u003e\n \u003cdiv class=\"rei-cta-badges\"\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Bio certifié\u003c\/span\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Haute concentration\u003c\/span\u003e\n \u003cspan class=\"rei-cta-badge\"\u003e✓ Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rei-cream: #F8F6F3;\n --rei-white: #ffffff;\n --rei-primary: #1E5AA8;\n --rei-primary-dark: #164785;\n --rei-primary-light: #E8F1FB;\n --rei-secondary: #2E7D32;\n --rei-secondary-light: #E8F5E9;\n --rei-accent: #C62828;\n --rei-text: #1a1a1a;\n --rei-text-light: #5a5a5a;\n --rei-border: #e0e0e0;\n --rei-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rei-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --rei-radius: 20px;\n --rei-radius-sm: 12px;\n}\n\n.rei-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rei-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--rei-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.rei-hero {\n position: relative;\n background: linear-gradient(135deg, #1E5AA8 0%, #164785 40%, #2E7D32 100%);\n border-radius: var(--rei-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 60%);\n opacity: 1;\n}\n\n.rei-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rei-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rei-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rei-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rei-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rei-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rei-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.rei-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto 2rem auto;\n line-height: 1.7;\n}\n\n.rei-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.rei-stat {\n text-align: center;\n padding: 1rem 1.5rem;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--rei-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.rei-stat-number {\n display: block;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n color: white;\n}\n\n.rei-stat-label {\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n\/* === SECTIONS === *\/\n.rei-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rei-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--rei-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rei-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rei-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.rei-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n\/* === CARDS BIENFAITS === *\/\n.rei-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rei-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rei-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rei-shadow-lg);\n border-color: var(--rei-primary);\n}\n\n.rei-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.rei-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.rei-card p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION === *\/\n.rei-composition-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.rei-ingredient-hero {\n background: linear-gradient(135deg, var(--rei-primary-light) 0%, var(--rei-secondary-light) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n align-items: center;\n gap: 2rem;\n border: 2px solid var(--rei-primary);\n}\n\n.rei-ingredient-icon {\n font-size: 72px;\n flex-shrink: 0;\n}\n\n.rei-ingredient-content h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.rei-ingredient-latin {\n font-style: italic;\n color: var(--rei-secondary);\n font-size: 14px;\n display: block;\n margin-bottom: 0.5rem;\n}\n\n.rei-ingredient-dosage {\n display: inline-block;\n background: var(--rei-primary);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.rei-ingredient-content p {\n font-size: 15px;\n color: var(--rei-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.rei-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.rei-mini-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius-sm);\n padding: 1rem;\n display: flex;\n align-items: center;\n gap: 10px;\n box-shadow: var(--rei-shadow);\n}\n\n.rei-mini-icon {\n font-size: 24px;\n}\n\n.rei-mini-label {\n font-size: 13px;\n color: var(--rei-text-light);\n font-weight: 500;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.rei-usage-box {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--rei-shadow);\n}\n\n.rei-usage-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.rei-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n}\n\n.rei-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--rei-primary), var(--rei-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.rei-step-content h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.25rem 0;\n}\n\n.rei-step-content p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n.rei-tip {\n display: flex;\n align-items: center;\n gap: 12px;\n background: var(--rei-secondary-light);\n border-radius: var(--rei-radius-sm);\n padding: 1rem 1.25rem;\n border-left: 4px solid var(--rei-secondary);\n}\n\n.rei-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rei-tip p {\n font-size: 14px;\n color: var(--rei-text);\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.rei-profile-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n transition: all .3s ease;\n}\n\n.rei-profile-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--rei-shadow-lg);\n}\n\n.rei-profile-icon {\n font-size: 40px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.rei-profile-card h4 {\n font-size: 15px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.rei-profile-card p {\n font-size: 13px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n\/* === QUALITÉ === *\/\n.rei-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.rei-quality-card {\n background: var(--rei-white);\n border-radius: var(--rei-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n transition: all .3s ease;\n border-top: 4px solid var(--rei-secondary);\n}\n\n.rei-quality-card:hover {\n transform: translateY(-5px);\n}\n\n.rei-quality-badge {\n font-size: 40px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.rei-quality-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.rei-quality-card p {\n font-size: 14px;\n color: var(--rei-text-light);\n margin: 0;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.rei-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.rei-info-item {\n background: var(--rei-white);\n border-radius: var(--rei-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--rei-shadow);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.rei-info-icon {\n font-size: 28px;\n}\n\n.rei-info-label {\n font-size: 12px;\n color: var(--rei-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.rei-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--rei-primary-dark);\n}\n\n\/* === PRÉCAUTIONS === *\/\n.rei-warning-box {\n background: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);\n border-radius: var(--rei-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n border: 2px solid #FFB300;\n}\n\n.rei-warning-header {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 1rem;\n}\n\n.rei-warning-icon {\n font-size: 28px;\n}\n\n.rei-warning-header h4 {\n font-size: 18px;\n font-weight: 800;\n color: #E65100;\n margin: 0;\n}\n\n.rei-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n}\n\n.rei-warning-list li {\n font-size: 14px;\n color: #5D4037;\n margin-bottom: 0.5rem;\n line-height: 1.6;\n}\n\n.rei-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.rei-cta-box {\n background: linear-gradient(135deg, var(--rei-primary) 0%, var(--rei-secondary) 100%);\n border-radius: var(--rei-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rei-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 30%);\n}\n\n.rei-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.rei-cta-emoji {\n font-size: 64px;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.rei-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 700px;\n margin: 0 auto 1.5rem auto;\n}\n\n.rei-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n}\n\n.rei-cta-badge {\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255,255,255,.3);\n border-radius: 999px;\n padding: 8px 16px;\n color: white;\n font-size: 13px;\n font-weight: 700;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rei-grid,\n .rei-grid-4,\n .rei-quality-grid {\n grid-template-columns: 1fr;\n }\n \n .rei-ingredient-hero {\n flex-direction: column;\n text-align: center;\n }\n \n .rei-hero-stats {\n flex-direction: column;\n align-items: center;\n }\n \n .rei-stat {\n width: 100%;\n max-width: 200px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rei-card,\n .rei-profile-card,\n .rei-quality-card {\n animation: reiFadeInUp .6s ease backwards;\n }\n \n .rei-card:nth-child(1), .rei-profile-card:nth-child(1), .rei-quality-card:nth-child(1) { animation-delay: .1s; }\n .rei-card:nth-child(2), .rei-profile-card:nth-child(2), .rei-quality-card:nth-child(2) { animation-delay: .2s; }\n .rei-card:nth-child(3), .rei-profile-card:nth-child(3), .rei-quality-card:nth-child(3) { animation-delay: .3s; }\n .rei-card:nth-child(4), .rei-profile-card:nth-child(4), .rei-quality-card:nth-child(4) { animation-delay: .4s; }\n .rei-card:nth-child(5) { animation-delay: .5s; }\n .rei-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes reiFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rei-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .rei-card,\n .rei-profile-card,\n .rei-quality-card {\n border: 2px solid var(--rei-text);\n }\n \n .rei-badge {\n border: 2px solid var(--rei-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":45754732576925,"sku":"VO4608","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/reishi-500-mg-bio-60-gelules-qualidiet-packshothd.webp?v=1786025165"},{"product_id":"gem-chol-06-bio-15-ml-alphagem","title":"Gem-Chol 06 Bio - 15 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Chol 06 Bio - 15 ml - Alphagem\nPalette détectée:\n - Primaire: #4a7c3f (vert feuille\/nature du logo AlphaGem)\n - Secondaire: #a0522d (brun-rouge terreux de l'étiquette GEM-CHOL)\n - Accent: #2e6b8a (bleu du liseré bas de l'étiquette)\n - Brun flacon: #3d2b1a (ambiance naturelle\/apothicaire)\nAmbiance: Naturel\/bio, gemmothérapie, apothicaire végétal, santé naturelle, confiance\nPréfixe CSS: gc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Chol 06 Bio d'Alphagem : le complexe de gemmothérapie dédié à l'équilibre du cholestérol\"\n 2. \"Une synergie de 5 bourgeons et jeunes pousses biologiques\"\n 3. \"Composition détaillée\"\n 4. \"Comment prendre le Gem-Chol 06 Bio ?\"\n 5. \"Précautions d'emploi\"\n 6. \"Pourquoi choisir Alphagem ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gc-hero\"\u003e\n \u003cdiv class=\"gc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gc-hero-content\"\u003e\n \u003cdiv class=\"gc-badges-top\"\u003e\n \u003cspan class=\"gc-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e💧 5 extraits de bourgeons\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🫒 Équilibre lipidique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gc-hero-title\"\u003eGem-Chol 06 Bio\u003c\/span\u003e\n \u003cp class=\"gc-subtitle\"\u003eGemmo-Complexe 06 — Cholestérol — Alphagem\u003c\/p\u003e\n \u003cp class=\"gc-description\"\u003eUn concentré de 5 bourgeons et jeunes pousses biologiques, enrichi d'huiles essentielles, pour accompagner naturellement votre équilibre cardiovasculaire et lipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eGem-Chol 06 Bio d'Alphagem : le complexe de gemmothérapie dédié à l'équilibre du cholestérol\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eVous cherchez une solution naturelle pour soutenir votre taux de cholestérol ? Le \u003cstrong\u003eGem-Chol 06 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003econcentré d'extraits de bourgeons frais\u003c\/strong\u003e et de jeunes pousses, formulé spécifiquement pour favoriser le métabolisme lipidique et accompagner votre santé cardiovasculaire au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"gc-grid-compact\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌱 Bourgeons frais\u003c\/h3\u003e\n \u003cp\u003eExtraits concentrés de bourgeons et jeunes pousses récoltés au stade optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🔬 5 plantes synergiques\u003c\/h3\u003e\n \u003cp\u003eFormule complète associant gemmothérapie et huiles essentielles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e❤️ Santé cardiovasculaire\u003c\/h3\u003e\n \u003cp\u003eAction globale sur le métabolisme lipidique et l'équilibre du cholestérol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e✅ Certifié bio\u003c\/h3\u003e\n \u003cp\u003e100% des ingrédients végétaux issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eUne synergie de 5 bourgeons et jeunes pousses biologiques\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eChaque goutte de Gem-Chol 06 concentre le meilleur de la gemmothérapie grâce à une formule complète :\u003c\/p\u003e\n \u003cdiv class=\"gc-grid\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌿 Jeunes pousses de romarin\u003c\/h3\u003e\n \u003cp\u003ePilier de la gemmothérapie foie-digestion, le romarin soutient la fonction hépatique et facilite l'élimination des graisses. Il contribue à une digestion saine et aide le foie dans son rôle de détoxification.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🫒 Jeunes pousses d'olivier\u003c\/h3\u003e\n \u003cp\u003eRéputées pour leur action bénéfique sur la sphère circulatoire, elles participent au maintien d'une pression artérielle normale et favorisent un bon équilibre lipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌳 Bourgeons de tilleul\u003c\/h3\u003e\n \u003cp\u003eConnus pour leurs propriétés apaisantes, ils aident à réduire le stress, un facteur souvent sous-estimé dans les déséquilibres du cholestérol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🍃 Bourgeons de bouleau\u003c\/h3\u003e\n \u003cp\u003eVéritables alliés dépuratifs, ils stimulent l'élimination des toxines et soutiennent les fonctions d'épuration de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌸 Bourgeons d'amandier\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisés pour leur rôle dans le métabolisme lipidique, ils contribuent directement à l'équilibre entre bon et mauvais cholestérol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-tip\"\u003e\n \u003cspan class=\"gc-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003eLa formule est complétée par des \u003cstrong\u003ehuiles essentielles de menthe poivrée et de romarin\u003c\/strong\u003e, qui apportent une action tonique sur la digestion tout en offrant une saveur fraîche et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cdiv class=\"gc-accordion\"\u003e\n \u003cdetails class=\"gc-accordion-item\" open\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e📋 Ingrédients complets\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eAlcool (35% vol.), glycérine végétale, eau, extraits de jeunes pousses de romarin* (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e) et d'olivier* (\u003cem\u003eOlea europaea\u003c\/em\u003e), extraits de bourgeons de tilleul* (\u003cem\u003eTilia tomentosa\u003c\/em\u003e), de bouleau blanc* (\u003cem\u003eBetula alba\u003c\/em\u003e) et d'amandier* (\u003cem\u003ePrunus dulcis\u003c\/em\u003e), huiles essentielles de menthe poivrée* (\u003cem\u003eMentha piperita\u003c\/em\u003e) et de romarin* (\u003cem\u003eRosmarinus officinalis\u003c\/em\u003e).\u003c\/p\u003e\n \u003cp style=\"margin-top:.5rem\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e📦 Contenance\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eFlacon de 15 ml avec compte-gouttes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eComment prendre le Gem-Chol 06 Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"gc-timeline\"\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant chaque utilisation, agitez bien le flacon pour homogénéiser les extraits de bourgeons et les huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eDosez 10 gouttes 2 fois par jour\u003c\/h3\u003e\n \u003cp\u003ePrenez les gouttes pures ou diluées dans un peu d'eau de source, entre les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eRépartissez les prises\u003c\/h3\u003e\n \u003cp\u003eRépartissez les 20 gouttes quotidiennes en deux prises, sans dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eCure d'un mois\u003c\/h3\u003e\n \u003cp\u003eSuivez une cure d'un mois, en respectant la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gc-accordion\"\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e💧 Teneur en alcool\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eContient de l'alcool (35% vol.). Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière, hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e, une alimentation variée et équilibrée ni un mode de vie sain. En cas de cholestérol élevé diagnostiqué, consultez votre médecin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir Alphagem ?\u003c\/h2\u003e\n \u003cdiv class=\"gc-testimonial\"\u003e\n \u003cp class=\"gc-testimonial-text\"\u003e\"De l'arbre au flacon\" — Alphagem, laboratoire belge spécialisé en gemmothérapie, sélectionne rigoureusement ses bourgeons et jeunes pousses auprès de cueilleurs certifiés bio. Chaque macérat est préparé de manière artisanale, dans le respect des principes de la gemmothérapie concentrée, pour offrir des extraits de bourgeons frais d'une qualité irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-cta-box\"\u003e\n \u003cp\u003e🌿 Le Gem-Chol 06 est \u003cstrong\u003ecertifié biologique\u003c\/strong\u003e, garantissant un produit pur, sans additif superflu — la nature au service de votre équilibre lipidique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gc-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants. Réservé aux adultes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gc-cream: #f7f5f0;\n --gc-white: #ffffff;\n --gc-primary: #4a7c3f;\n --gc-primary-dark: #2d5a24;\n --gc-primary-light: #e8f0e5;\n --gc-secondary: #a0522d;\n --gc-accent: #2e6b8a;\n --gc-text: #1a1a1a;\n --gc-text-light: #5a5a5a;\n --gc-border: #e0ddd6;\n --gc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gc-radius: 20px;\n --gc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gc-primary-dark) 0%, var(--gc-primary) 45%, var(--gc-secondary) 100%);\n border-radius: var(--gc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gc-shadow-lg);\n}\n\n.gc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .04em;\n text-transform: uppercase;\n}\n\n.gc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.gc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gc-primary), var(--gc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gc-card {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gc-shadow-lg);\n border-color: var(--gc-primary);\n}\n\n.gc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gc-grid-compact .gc-card {\n padding: 1rem;\n}\n\n.gc-grid-compact .gc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gc-grid-compact .gc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gc-primary), var(--gc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gc-timeline-content {\n flex: 1;\n background: var(--gc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gc-radius-sm);\n box-shadow: var(--gc-shadow);\n}\n\n.gc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gc-timeline-content p {\n font-size: 14px;\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gc-testimonial {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gc-shadow);\n border-left: 4px solid var(--gc-primary);\n margin-bottom: 1.25rem;\n}\n\n.gc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gc-accordion {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n box-shadow: var(--gc-shadow);\n overflow: hidden;\n}\n\n.gc-accordion-item {\n border-bottom: 1px solid var(--gc-border);\n margin: 0;\n padding: 0;\n}\n\n.gc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gc-accordion-header:hover {\n background: var(--gc-primary-light);\n}\n\n.gc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gc-primary);\n transition: transform .2s ease;\n}\n\n.gc-accordion-item[open] .gc-accordion-header::after {\n content: '−';\n}\n\n.gc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gc-primary-light);\n border-radius: var(--gc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gc-tip p {\n font-size: 14px;\n color: var(--gc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gc-cta-box {\n background: linear-gradient(135deg, var(--gc-primary) 0%, var(--gc-primary-dark) 100%);\n border-radius: var(--gc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gc-disclaimer {\n font-size: 12px;\n color: var(--gc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gc-card {\n padding: 1.125rem;\n }\n\n .gc-section {\n margin-bottom: 1.75rem;\n }\n\n .gc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gc-radius-sm);\n }\n\n .gc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gc-grid-compact {\n gap: .625rem;\n }\n\n .gc-grid-compact .gc-card {\n padding: .75rem;\n }\n\n .gc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gc-timeline-content h3 {\n font-size: 14px;\n }\n\n .gc-timeline-content p {\n font-size: 13px;\n }\n\n .gc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gc-testimonial {\n padding: 1.25rem;\n }\n\n .gc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gc-card {\n animation: gcFadeInUp .5s ease backwards;\n }\n .gc-card:nth-child(1) { animation-delay: .05s; }\n .gc-card:nth-child(2) { animation-delay: .1s; }\n .gc-card:nth-child(3) { animation-delay: .15s; }\n .gc-card:nth-child(4) { animation-delay: .2s; }\n .gc-card:nth-child(5) { animation-delay: .25s; }\n .gc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754883113117,"sku":"5004","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-chol-06-bio-15-ml-alphagem-packshothd.webp?v=1791468826"},{"product_id":"gem-all-01-bio-15-ml-alphagem","title":"Gem-All 01 Bio - 15 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-All 01 Bio - 15 Ml - Alphagem\nPalette détectée:\n - Primaire: #5a8a1e (vert olive\/nature du logo alphaGEM)\n - Secondaire: #c8a415 (jaune doré de la bande GEM-ALL)\n - Accent: #3d6b14 (vert foncé feuille)\nAmbiance: Naturel\/bio, gemmothérapie, univers végétal et botanique, ton professionnel et rassurant\nPréfixe CSS: ga\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-All 01 Bio Alphagem : le gemmo-complexe dédié au confort saisonnier\"\n 2. \"Pourquoi choisir la gemmothérapie pour le confort saisonnier ?\"\n 3. \"Composition détaillée du Gem-All 01 Bio\"\n 4. \"Conseils d'utilisation\"\n 5. \"Qualité et fabrication Alphagem\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"ga-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"ga-hero\"\u003e\n \u003cdiv class=\"ga-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ga-hero-content\"\u003e\n \u003cdiv class=\"ga-badges-top\"\u003e\n \u003cspan class=\"ga-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n \u003cspan class=\"ga-badge\"\u003e🇧🇪 Fabriqué en Belgique\u003c\/span\u003e\n \u003cspan class=\"ga-badge\"\u003e🍃 3 actifs synergiques\u003c\/span\u003e\n \u003cspan class=\"ga-badge\"\u003e💧 15 ml – Compte-gouttes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ga-hero-title\"\u003eGem-All 01 Bio Alphagem\u003c\/span\u003e\n \u003cp class=\"ga-subtitle\"\u003eGemmo-complexe 01 – Confort saisonnier\u003c\/p\u003e\n \u003cp class=\"ga-description\"\u003eUne synergie de bourgeons de cassis, jeunes pousses de romarin et propolis biologiques pour accompagner votre organisme lors des changements de saison et soutenir votre bien-être respiratoire au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"ga-section\"\u003e\n \u003ch2\u003eGem-All 01 Bio Alphagem : le gemmo-complexe dédié au confort saisonnier\u003c\/h2\u003e\n \u003cp class=\"ga-section-intro\"\u003eQuand le printemps pointe le bout de son nez ou que l'automne s'installe, votre organisme peut réagir de manière inconfortable.\u003c\/p\u003e\n \u003cdiv class=\"ga-grid-compact\"\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e🌸 Changements de saison\u003c\/h3\u003e\n \u003cp\u003eFormulé pour accompagner votre corps durant les transitions printanières et automnales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e🫁 Bien-être respiratoire\u003c\/h3\u003e\n \u003cp\u003eSoutient naturellement votre confort respiratoire au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e🌱 100 % biologique\u003c\/h3\u003e\n \u003cp\u003eGemmo-complexe de gemmothérapie certifié bio, issu de bourgeons, jeunes pousses et propolis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e⚗️ Synergie végétale\u003c\/h3\u003e\n \u003cp\u003eAssociation experte de 3 actifs bio — cassis, romarin et propolis — pour une action complète et ciblée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"ga-section\"\u003e\n \u003ch2\u003ePourquoi choisir la gemmothérapie pour le confort saisonnier ?\u003c\/h2\u003e\n \u003cdiv class=\"ga-testimonial\"\u003e\n \u003cp class=\"ga-testimonial-text\"\u003eLa gemmothérapie utilise le potentiel concentré des tissus embryonnaires végétaux : bourgeons, jeunes pousses et radicelles. À ce stade de développement, la plante renferme l'ensemble de ses principes actifs sous une forme particulièrement biodisponible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-grid\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e✅ Approche douce et naturelle\u003c\/h3\u003e\n \u003cp\u003eContrairement à certaines idées reçues sur la gemmothérapie et ses dangers supposés, cette approche reste très bien tolérée lorsqu'elle est utilisée selon les recommandations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e🔬 Biodisponibilité optimale\u003c\/h3\u003e\n \u003cp\u003eLes tissus embryonnaires concentrent l'intégralité des principes actifs de la plante sous une forme facilement assimilable par l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e🌿 Complémentarité\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle prisée, au même titre que les macérats de cassis, de figuier ou encore de framboisier en gemmothérapie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"ga-section\"\u003e\n \u003ch2\u003eComposition détaillée du Gem-All 01 Bio\u003c\/h2\u003e\n \u003cp class=\"ga-section-intro\"\u003eCe complexe soigneusement élaboré associe trois actifs bio reconnus (quantités pour 15 gouttes, en équivalent poids sec) :\u003c\/p\u003e\n \u003cdiv class=\"ga-grid\"\u003e\n \u003cdiv class=\"ga-card ga-card-ingredient\"\u003e\n \u003ch3\u003e🫐 Cassissier \u003cem\u003e(Ribes nigrum)\u003c\/em\u003e\n\u003c\/h3\u003e\n \u003cp\u003eBourgeons, 21,0 mg. Adaptogène majeur en gemmothérapie. Contribue au confort articulaire et soutient la réponse naturelle de l'organisme face aux agressions saisonnières\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-card ga-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Romarin \u003cem\u003e(Rosmarinus officinalis)\u003c\/em\u003e\n\u003c\/h3\u003e\n \u003cp\u003eJeunes pousses, 12,9 mg. Traditionnellement utilisé en gemmothérapie pour soutenir la sphère hépatique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-card ga-card-ingredient\"\u003e\n \u003ch3\u003e🐝 Propolis \u003cem\u003e(teinture-mère)\u003c\/em\u003e\n\u003c\/h3\u003e\n \u003cp\u003e7,7 mg. Résine récoltée par les abeilles, traditionnellement utilisée pour accompagner l'organisme lors des changements de saison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-tip\"\u003e\n \u003cspan class=\"ga-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e glycérine végétale d'origine naturelle (stabilisant), alcool 35 % vol., eau. Tous les ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"ga-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"ga-timeline\"\u003e\n \u003cdiv class=\"ga-timeline-item\"\u003e\n \u003cdiv class=\"ga-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ga-timeline-content\"\u003e\n \u003ch3\u003eDosage progressif\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 à 15 gouttes par jour\u003c\/strong\u003e, pures ou diluées dans un demi-verre d'eau, de préférence en dehors des repas. Commencez par 5 gouttes et augmentez progressivement selon votre ressenti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-timeline-item\"\u003e\n \u003cdiv class=\"ga-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ga-timeline-content\"\u003e\n \u003ch3\u003eCure de 3 mois\u003c\/h3\u003e\n \u003cp\u003ePrivilégiez une \u003cstrong\u003ecure de 3 mois\u003c\/strong\u003e, en respectant la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-timeline-item\"\u003e\n \u003cdiv class=\"ga-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ga-timeline-content\"\u003e\n \u003ch3\u003eBien agiter avant usage\u003c\/h3\u003e\n \u003cp\u003ePensez à bien agiter le flacon avant chaque utilisation pour homogénéiser les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-tip\"\u003e\n \u003cspan class=\"ga-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une approche plus globale, vous pouvez combiner ce complexe avec d'autres macérats unitaires comme le \u003cstrong\u003ecassissier en gemmothérapie\u003c\/strong\u003e, le \u003cstrong\u003efiguier en gemmothérapie\u003c\/strong\u003e pour la gestion du stress ou le \u003cstrong\u003eframboisier en gemmothérapie\u003c\/strong\u003e pour l'équilibre hormonal féminin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"ga-section\"\u003e\n \u003ch2\u003eQualité et fabrication Alphagem\u003c\/h2\u003e\n \u003cdiv class=\"ga-grid-compact\"\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e🇧🇪 Fabriqué en Belgique\u003c\/h3\u003e\n \u003cp\u003eLaboratoire Alphagem, spécialiste de la gemmothérapie depuis de nombreuses années\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e🌿 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eBourgeons certifiés bio, récoltés au moment optimal de leur développement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e⚗️ Macération traditionnelle\u003c\/h3\u003e\n \u003cp\u003eProcessus respectant les principes traditionnels pour préserver l'intégralité des actifs végétaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ga-card\"\u003e\n \u003ch3\u003e💧 Flacon 15 ml\u003c\/h3\u003e\n \u003cp\u003eCompte-gouttes intégré pour un dosage précis et pratique au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"ga-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ga-accordion\"\u003e\n \u003cdetails class=\"ga-accordion-item\" open\u003e\n \u003csummary class=\"ga-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n \u003cdiv class=\"ga-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. \u003cstrong\u003eConsultez votre médecin ou votre pharmacien\u003c\/strong\u003e avant utilisation en cas de grossesse, d'allaitement ou de traitement médicamenteux. Contient de l'alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ga-accordion-item\"\u003e\n \u003csummary class=\"ga-accordion-header\"\u003e🧒 Tenir hors de portée des enfants\u003c\/summary\u003e\n \u003cdiv class=\"ga-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient de l'alcool (35 % vol.) et doit être conservé hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ga-accordion-item\"\u003e\n \u003csummary class=\"ga-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ga-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière. Bien refermer le flacon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"ga-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez un professionnel de santé pour toute question relative à votre état de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ga-cream: #f7f5ef;\n --ga-white: #ffffff;\n --ga-primary: #5a8a1e;\n --ga-primary-dark: #3d6b14;\n --ga-primary-light: #eef5e4;\n --ga-secondary: #c8a415;\n --ga-accent: #a18b12;\n --ga-text: #1a1a1a;\n --ga-text-light: #5a5a5a;\n --ga-border: #e0e0e0;\n --ga-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ga-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ga-radius: 20px;\n --ga-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ga-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ga-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ga-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6b14 0%, #5a8a1e 45%, #78a832 100%);\n border-radius: var(--ga-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(--ga-shadow-lg);\n}\n\n.ga-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(200,164,21,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ga-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ga-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.ga-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.ga-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.ga-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ga-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(--ga-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ga-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ga-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ga-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ga-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.ga-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(--ga-primary), var(--ga-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ga-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ga-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.ga-card {\n background: var(--ga-white);\n border-radius: var(--ga-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ga-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ga-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ga-shadow-lg);\n border-color: var(--ga-primary);\n}\n\n.ga-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ga-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ga-card h3 em {\n font-weight: 500;\n font-size: .85em;\n color: var(--ga-text-light);\n}\n\n.ga-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ga-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT VARIANT === *\/\n.ga-card-ingredient {\n border-left: 4px solid var(--ga-primary);\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.ga-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ga-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ga-grid-compact .ga-card {\n padding: 1rem;\n}\n\n.ga-grid-compact .ga-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ga-grid-compact .ga-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ga-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ga-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ga-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ga-primary), var(--ga-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.ga-timeline-content {\n flex: 1;\n background: var(--ga-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ga-radius-sm);\n box-shadow: var(--ga-shadow);\n}\n\n.ga-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ga-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ga-timeline-content p {\n font-size: 14px;\n color: var(--ga-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.ga-testimonial {\n background: var(--ga-white);\n border-radius: var(--ga-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ga-shadow);\n border-left: 4px solid var(--ga-primary);\n}\n\n.ga-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ga-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ga-accordion {\n background: var(--ga-white);\n border-radius: var(--ga-radius);\n box-shadow: var(--ga-shadow);\n overflow: hidden;\n}\n\n.ga-accordion-item {\n border-bottom: 1px solid var(--ga-border);\n margin: 0;\n padding: 0;\n}\n\n.ga-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ga-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ga-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.ga-accordion-header:hover {\n background: var(--ga-primary-light);\n}\n\n.ga-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ga-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ga-primary);\n transition: transform .2s ease;\n}\n\n.ga-accordion-item[open] .ga-accordion-header::after {\n content: '−';\n}\n\n.ga-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ga-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ga-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ga-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ga-primary-light);\n border-radius: var(--ga-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ga-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ga-tip p {\n font-size: 14px;\n color: var(--ga-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.ga-disclaimer {\n font-size: 12px;\n color: var(--ga-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 .ga-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ga-card {\n padding: 1.125rem;\n }\n\n .ga-section {\n margin-bottom: 1.75rem;\n }\n\n .ga-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ga-radius-sm);\n }\n\n .ga-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ga-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ga-grid-compact {\n gap: .625rem;\n }\n\n .ga-grid-compact .ga-card {\n padding: .75rem;\n }\n\n .ga-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ga-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ga-timeline-content h3 {\n font-size: 14px;\n }\n\n .ga-timeline-content p {\n font-size: 13px;\n }\n\n .ga-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ga-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ga-testimonial {\n padding: 1.25rem;\n }\n\n .ga-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ga-card {\n animation: gaFadeInUp .5s ease backwards;\n }\n .ga-card:nth-child(1) { animation-delay: .05s; }\n .ga-card:nth-child(2) { animation-delay: .1s; }\n .ga-card:nth-child(3) { animation-delay: .15s; }\n .ga-card:nth-child(4) { animation-delay: .2s; }\n .ga-card:nth-child(5) { animation-delay: .25s; }\n .ga-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gaFadeInUp {\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 .ga-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754886717597,"sku":"REF681","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-all-01-bio-15-ml-alphagem-packshothd.webp?v=1791468960"},{"product_id":"gem-tonic-16-bio-50-ml-alphagem","title":"Gem-Tonic 16 Bio - 50 ml- Alphagem","description":"\u003cdiv class=\"gt-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gt-hero\"\u003e\n \u003cdiv class=\"gt-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gt-hero-content\"\u003e\n \u003cdiv class=\"gt-badges-top\"\u003e\n \u003cspan class=\"gt-badge\"\u003e🌿 100 % Bio\u003c\/span\u003e\n \u003cspan class=\"gt-badge\"\u003e🇧🇪 Fabrication belge\u003c\/span\u003e\n \u003cspan class=\"gt-badge\"\u003e💧 Flacon 50 ml\u003c\/span\u003e\n \u003cspan class=\"gt-badge\"\u003e🌱 4 bourgeons synergiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gt-hero-title\"\u003eGem-Tonic 16 Bio Alphagem\u003c\/span\u003e\n \u003cp class=\"gt-subtitle\"\u003eGemmo-complexe tonique aux bourgeons bio\u003c\/p\u003e\n \u003cp class=\"gt-description\"\u003eRetrouvez énergie, tonus et clarté mentale grâce à la puissance concentrée de 4 bourgeons et jeunes pousses certifiés bio, réunis en un seul flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eGem-Tonic 16 Bio Alphagem : le complexe gemmothérapie vitalité et tonus\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eVous traversez une période de fatigue persistante, de surmenage ou de baisse de tonus ? Le \u003cstrong\u003eGem-Tonic 16 Bio d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003egemmo-complexe tonique\u003c\/strong\u003e formulé à partir de bourgeons et jeunes pousses bio, spécialement sélectionnés pour leurs vertus revitalisantes.\u003c\/p\u003e\n \u003cdiv class=\"gt-grid-compact\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e⚡ Énergie retrouvée\u003c\/h3\u003e\n \u003cp\u003eCombattez la fatigue persistante avec des bourgeons adaptogènes puissants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eFavorisez concentration et vivacité intellectuelle au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eExtraits de bourgeons bio sans additif de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e💧 50 ml pratiques\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes pour un dosage précis pendant plusieurs semaines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complexe de gemmothérapie tonique ?\u003c\/h2\u003e\n \u003cp class=\"gt-section-intro\"\u003eLa \u003cstrong\u003egemmothérapie\u003c\/strong\u003e utilise la puissance concentrée des bourgeons et jeunes pousses, véritables réservoirs de vitalité végétale. Le Gem-Tonic 16 Bio réunit quatre extraits complémentaires pour une action globale sur votre organisme :\u003c\/p\u003e\n \u003cdiv class=\"gt-grid\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🫐 Bourgeons de cassis\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eRibes nigrum\u003c\/strong\u003e — Considéré comme l'adaptogène de la gemmothérapie, le cassis soutient l'énergie, renforce les défenses naturelles et amplifie l'action des autres bourgeons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌳 Bourgeons de chêne\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eQuercus robur\u003c\/strong\u003e — Symbole de force et de longévité, le chêne contribue à lutter contre l'épuisement physique et nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌲 Jeunes pousses de séquoia\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eSequoiadendron giganteum\u003c\/strong\u003e — Réputé pour ses propriétés tonifiantes profondes, le séquoia apporte un soutien précieux en cas de grande fatigue ou de convalescence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🍃 Jeunes pousses de romarin\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eRosmarinus officinalis\u003c\/strong\u003e — Plante tonique traditionnelle, le romarin accompagne la vitalité et la \u003cstrong\u003eclarté mentale\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-tip\"\u003e\n \u003cspan class=\"gt-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette synergie fait du Gem-Tonic un allié idéal lors des \u003cstrong\u003echangements de saison\u003c\/strong\u003e, en période d'examens, après un effort sportif intense ou simplement quand votre énergie décline. Un organisme moins fatigué gère mieux le stress et retrouve plus facilement un \u003cstrong\u003esommeil\u003c\/strong\u003e réparateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"gt-composition-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Glycérine végétale* (glycérol, stabilisant), alcool* (35 % vol.), eau, bourgeons de cassis* \u003cem\u003e(Ribes nigrum)\u003c\/em\u003e, jeunes pousses de romarin* \u003cem\u003e(Rosmarinus officinalis)\u003c\/em\u003e, jeunes pousses de séquoia* \u003cem\u003e(Sequoiadendron giganteum)\u003c\/em\u003e, bourgeons de chêne* \u003cem\u003e(Quercus robur)\u003c\/em\u003e.\u003c\/p\u003e\n \u003cp class=\"gt-bio-note\"\u003e*Ingrédients issus de l'agriculture biologique. Flacon de \u003cstrong\u003e50 ml\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"gt-timeline\"\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e les premiers jours, de préférence entre les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eAugmentez selon votre ressenti\u003c\/h3\u003e\n \u003cp\u003ePassez progressivement à \u003cstrong\u003e10, puis 15 gouttes par jour\u003c\/strong\u003e en fonction de vos besoins et de votre tolérance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eAbsorption optimale\u003c\/h3\u003e\n \u003cp\u003eDéposez les gouttes \u003cstrong\u003edirectement sous la langue\u003c\/strong\u003e ou diluez-les dans un peu d'eau de source.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-item\"\u003e\n \u003cdiv class=\"gt-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gt-timeline-content\"\u003e\n \u003ch3\u003eCure de 3 mois\u003c\/h3\u003e\n \u003cp\u003eSuivez une \u003cstrong\u003ecure de 3 mois\u003c\/strong\u003e en respectant la dose journalière recommandée, comme le conseille Alphagem pour ce format.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003eLes points forts du Gem-Tonic 16 Bio\u003c\/h2\u003e\n \u003cdiv class=\"gt-grid-compact\"\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n \u003cp\u003eTous les extraits de bourgeons sont certifiés issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🔬 Synergie de 4 bourgeons\u003c\/h3\u003e\n \u003cp\u003eFormule complète agissant sur la fatigue physique, nerveuse et intellectuelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e🇧🇪 Fabrication belge\u003c\/h3\u003e\n \u003cp\u003eAlphagem maîtrise chaque étape de production selon les principes traditionnels de la gemmothérapie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gt-card\"\u003e\n \u003ch3\u003e💧 Format pratique\u003c\/h3\u003e\n \u003cp\u003eFlacon compte-gouttes de 50 ml permettant un dosage précis et plusieurs semaines de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gt-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gt-accordion\"\u003e\n \u003cdetails class=\"gt-accordion-item\"\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Respectez la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gt-accordion-item\"\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003eContient de l'alcool (35 % vol.) : déconseillé aux femmes enceintes, allaitantes et aux enfants sans avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gt-accordion-item\"\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e🩺 Consultez votre médecin\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de \u003cstrong\u003etrouble du sommeil\u003c\/strong\u003e persistant, d'\u003cstrong\u003eapnée du sommeil\u003c\/strong\u003e ou de fatigue chronique, consultez votre médecin avant toute supplémentation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gt-accordion-item\"\u003e\n \u003csummary class=\"gt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gt-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gt-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gt-cta-box\"\u003e\n \u003cp\u003eAvec le \u003cstrong\u003eGem-Tonic 16 Bio d'Alphagem\u003c\/strong\u003e, vous faites le choix d'une approche naturelle et respectueuse pour retrouver votre vitalité. La gemmothérapie offre une réponse douce mais efficace pour accompagner votre corps dans les périodes exigeantes du quotidien. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gt-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gt-cream: #f7f5f0;\n --gt-white: #ffffff;\n --gt-primary: #5a9e2f;\n --gt-primary-dark: #3d7a1a;\n --gt-primary-light: #eaf5e0;\n --gt-secondary: #8B5E3C;\n --gt-accent: #f0a500;\n --gt-text: #1a1a1a;\n --gt-text-light: #5a5a5a;\n --gt-border: #e0e0e0;\n --gt-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gt-radius: 20px;\n --gt-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gt-hero {\n position: relative;\n background: linear-gradient(135deg, #3d7a1a 0%, #5a9e2f 40%, #8B5E3C 100%);\n border-radius: var(--gt-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gt-shadow-lg);\n}\n\n.gt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(240,165,0,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.gt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gt-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.gt-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gt-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.gt-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gt-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gt-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.gt-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gt-primary), var(--gt-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.gt-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gt-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gt-card {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gt-shadow-lg);\n border-color: var(--gt-primary);\n}\n\n.gt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gt-grid-compact .gt-card {\n padding: 1rem;\n}\n\n.gt-grid-compact .gt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gt-grid-compact .gt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gt-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gt-primary), var(--gt-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gt-timeline-content {\n flex: 1;\n background: var(--gt-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gt-radius-sm);\n box-shadow: var(--gt-shadow);\n}\n\n.gt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gt-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gt-timeline-content p {\n font-size: 14px;\n color: var(--gt-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gt-composition-box {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gt-shadow);\n border-left: 4px solid var(--gt-primary);\n}\n\n.gt-composition-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gt-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.gt-composition-box p:last-child {\n margin-bottom: 0;\n}\n\n.gt-bio-note {\n font-size: clamp(13px, 2vw, 14px) !important;\n color: var(--gt-primary-dark) !important;\n font-weight: 600;\n background: var(--gt-primary-light);\n padding: .5rem .75rem;\n border-radius: var(--gt-radius-sm);\n display: inline-block;\n margin-top: .5rem !important;\n}\n\n\/* === TESTIMONIAL === *\/\n.gt-testimonial {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gt-shadow);\n border-left: 4px solid var(--gt-primary);\n}\n\n.gt-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gt-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gt-accordion {\n background: var(--gt-white);\n border-radius: var(--gt-radius);\n box-shadow: var(--gt-shadow);\n overflow: hidden;\n}\n\n.gt-accordion-item {\n border-bottom: 1px solid var(--gt-border);\n margin: 0;\n padding: 0;\n}\n\n.gt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gt-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gt-accordion-header:hover {\n background: var(--gt-primary-light);\n}\n\n.gt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gt-primary);\n transition: transform .2s ease;\n}\n\n.gt-accordion-item[open] .gt-accordion-header::after {\n content: '−';\n}\n\n.gt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gt-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gt-primary-light);\n border-radius: var(--gt-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gt-tip p {\n font-size: 14px;\n color: var(--gt-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gt-cta-box {\n background: linear-gradient(135deg, var(--gt-primary) 0%, var(--gt-primary-dark) 100%);\n border-radius: var(--gt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gt-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gt-disclaimer {\n font-size: 12px;\n color: var(--gt-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gt-card {\n padding: 1.125rem;\n }\n\n .gt-section {\n margin-bottom: 1.75rem;\n }\n\n .gt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gt-radius-sm);\n }\n\n .gt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gt-grid-compact {\n gap: .625rem;\n }\n\n .gt-grid-compact .gt-card {\n padding: .75rem;\n }\n\n .gt-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gt-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gt-timeline-content h3 {\n font-size: 14px;\n }\n\n .gt-timeline-content p {\n font-size: 13px;\n }\n\n .gt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gt-testimonial {\n padding: 1.25rem;\n }\n\n .gt-testimonial-text {\n font-size: 14px;\n }\n\n .gt-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gt-card {\n animation: gtFadeInUp .5s ease backwards;\n }\n .gt-card:nth-child(1) { animation-delay: .05s; }\n .gt-card:nth-child(2) { animation-delay: .1s; }\n .gt-card:nth-child(3) { animation-delay: .15s; }\n .gt-card:nth-child(4) { animation-delay: .2s; }\n .gt-card:nth-child(5) { animation-delay: .25s; }\n .gt-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gtFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754886979741,"sku":"REF682","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-tonic-16-bio-50-ml-alphagem-packshothd.webp?v=1791468968"},{"product_id":"gem-glyco-23-bio-50-ml-alphagem","title":"Gem-Glyco 23 Bio - 50 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Glyco 23 Bio - 50 Ml - Alphagem\nPalette détectée:\n - Primaire: #2a9d8f (vert-turquoise du logo\/étiquette AlphaGem)\n - Secondaire: #1b6b5f (vert foncé profond du dégradé étiquette)\n - Accent: #5ab049 (vert vif de la feuille du logo)\n - Brun: #4a3728 (brun ambré du flacon en verre)\nAmbiance: Naturelle\/biologique, santé holistique, gemmothérapie, packaging pharmaceutique-naturel, laboratoire belge\nPréfixe CSS: gg\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Glyco 23 Bio Alphagem : le complexe de gemmothérapie dédié à l'équilibre glycémique\"\n 2. \"Pourquoi choisir le Gem-Glyco 23 Bio ?\"\n 3. \"Composition détaillée du Gem-Glyco 23\"\n 4. \"Conseils d'utilisation\"\n 5. \"Précautions et conservation\"\n 6. \"Pour qui est fait le Gem-Glyco 23 Bio ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gg-hero\"\u003e\n \u003cdiv class=\"gg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gg-hero-content\"\u003e\n \u003cdiv class=\"gg-badges-top\"\u003e\n \u003cspan class=\"gg-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n \u003cspan class=\"gg-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n \u003cspan class=\"gg-badge\"\u003e🫙 50 ml\u003c\/span\u003e\n \u003cspan class=\"gg-badge\"\u003e🔬 8 actifs synergiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gg-hero-title\"\u003eGem-Glyco 23 Bio Alphagem\u003c\/span\u003e\n \u003cp class=\"gg-subtitle\"\u003eGemmo-Complexe 23 — Sucre\u003c\/p\u003e\n \u003cp class=\"gg-description\"\u003eLe pouvoir concentré de 8 actifs végétaux biologiques pour accompagner naturellement votre équilibre glycémique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003eGem-Glyco 23 Bio Alphagem : le complexe de gemmothérapie dédié à l'équilibre glycémique\u003c\/h2\u003e\n \u003cp class=\"gg-section-intro\"\u003eVous cherchez une approche naturelle pour soutenir votre \u003cstrong\u003eéquilibre glycémique\u003c\/strong\u003e au quotidien ?\u003c\/p\u003e\n \u003cdiv class=\"gg-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eGem-Glyco 23 Bio\u003c\/strong\u003e du laboratoire \u003cstrong\u003eAlphagem\u003c\/strong\u003e est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e de gemmothérapie qui associe quatre macérats de jeunes pousses et de bourgeons (genévrier, myrtillier, mûrier, olivier), deux hydrolats, un macérat de cannelle et une teinture-mère d'oignon. Ce complexe biologique de 50 ml s'adresse à toutes les personnes soucieuses de maintenir un taux de sucre sanguin harmonieux, dans le cadre d'une hygiène de vie équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Gem-Glyco 23 Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"gg-grid\"\u003e\n \u003cdiv class=\"gg-card\"\u003e\n \u003ch3\u003e🌱 L'énergie vitale des bourgeons\u003c\/h3\u003e\n \u003cp\u003eLa gemmothérapie puise dans le potentiel concentré des bourgeons, là où se trouve toute la force de la plante en devenir. Une approche unique et puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card\"\u003e\n \u003ch3\u003e🤝 Synergie de 8 actifs\u003c\/h3\u003e\n \u003cp\u003eContrairement à un extrait de bourgeon isolé, le Gem-Glyco réunit huit actifs végétaux aux propriétés complémentaires, offrant une action globale et équilibrée sur le métabolisme des sucres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card\"\u003e\n \u003ch3\u003e✅ Certifié biologique\u003c\/h3\u003e\n \u003cp\u003eÉlaboré en Belgique par Alphagem, laboratoire reconnu et spécialisé en gemmothérapie depuis de nombreuses années. Des standards rigoureux de la récolte des bourgeons frais jusqu'à la mise en flacon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003eComposition détaillée du Gem-Glyco 23\u003c\/h2\u003e\n \u003cp class=\"gg-section-intro\"\u003eChaque flacon de 50 ml contient les macérats concentrés suivants (pour 15 gouttes, équivalent poids sec) :\u003c\/p\u003e\n \u003cdiv class=\"gg-grid\"\u003e\n \u003cdiv class=\"gg-card gg-card-ingredient\"\u003e\n \u003ch3\u003e🌲 Jeunes pousses de genévrier\u003c\/h3\u003e\n \u003cp class=\"gg-latin\"\u003e\u003cem\u003eJuniperus communis\u003c\/em\u003e — 7,9 mg\u003c\/p\u003e\n \u003cp\u003eTraditionnellement utilisées en gemmothérapie pour accompagner les fonctions d'élimination de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-ingredient\"\u003e\n \u003ch3\u003e🫐 Jeunes pousses de myrtillier\u003c\/h3\u003e\n \u003cp class=\"gg-latin\"\u003e\u003cem\u003eVaccinium myrtillus\u003c\/em\u003e — 6,4 mg\u003c\/p\u003e\n \u003cp\u003ePlante traditionnellement associée à l'accompagnement du métabolisme des sucres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Bourgeons de mûrier noir\u003c\/h3\u003e\n \u003cp class=\"gg-latin\"\u003e\u003cem\u003eMorus nigra\u003c\/em\u003e — 4,9 mg\u003c\/p\u003e\n \u003cp\u003eTraditionnellement employés en gemmothérapie dans les formules dédiées à l'équilibre glycémique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card gg-card-ingredient\"\u003e\n \u003ch3\u003e🫒 Jeunes pousses d'olivier\u003c\/h3\u003e\n \u003cp class=\"gg-latin\"\u003e\u003cem\u003eOlea europaea\u003c\/em\u003e — 4,1 mg\u003c\/p\u003e\n \u003cp\u003eTraditionnellement utilisées pour accompagner l'équilibre métabolique général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-tip\"\u003e\n \u003cspan class=\"gg-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e hydrolat de romarin à verbénone (16,5 mg), hydrolat de citron (16,5 mg), macérat glycériné de cannelle (1,9 mg), teinture-mère d'oignon (6,2 mg), glycérine végétale biologique (stabilisant), alcool bio (35% vol.), eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"gg-timeline\"\u003e\n \u003cdiv class=\"gg-timeline-item\"\u003e\n \u003cdiv class=\"gg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gg-timeline-content\"\u003e\n \u003ch3\u003eCommencez en douceur\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e5 gouttes, 3 fois par jour\u003c\/strong\u003e, pures ou diluées dans un peu d'eau de source, entre les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-timeline-item\"\u003e\n \u003cdiv class=\"gg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gg-timeline-content\"\u003e\n \u003ch3\u003eRépartissez les prises\u003c\/h3\u003e\n \u003cp\u003eSoit \u003cstrong\u003e15 gouttes par jour\u003c\/strong\u003e au total, sans dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-timeline-item\"\u003e\n \u003cdiv class=\"gg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gg-timeline-content\"\u003e\n \u003ch3\u003eSuivez une cure de 3 mois\u003c\/h3\u003e\n \u003cp\u003ePour une efficacité optimale, maintenez la cure pendant \u003cstrong\u003e3 mois\u003c\/strong\u003e en respectant la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-tip\"\u003e\n \u003cspan class=\"gg-tip-icon\"\u003e👨‍⚕️\u003c\/span\u003e\n \u003cp\u003eN'hésitez pas à demander conseil à votre professionnel de santé pour adapter la posologie à votre situation personnelle, en particulier si vous suivez déjà un traitement lié à la glycémie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gg-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"gg-accordion\"\u003e\n \u003cdetails class=\"gg-accordion-item\"\u003e\n \u003csummary class=\"gg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"gg-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes sans avis médical. Ne convient pas aux enfants de moins de 3 ans. Contient de l'alcool (35% vol.).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gg-accordion-item\"\u003e\n \u003csummary class=\"gg-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gg-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière, dans un endroit sec.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gg-accordion-item\"\u003e\n \u003csummary class=\"gg-accordion-header\"\u003e📋 Mentions obligatoires\u003c\/summary\u003e\n \u003cdiv class=\"gg-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne remplace en aucun cas un traitement médical. Consultez votre médecin en cas de doute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait le Gem-Glyco 23 Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"gg-grid-compact\"\u003e\n \u003cdiv class=\"gg-card\"\u003e\n \u003ch3\u003e🩸 Équilibre glycémique\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez soutenir naturellement votre taux de sucre sanguin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card\"\u003e\n \u003ch3\u003e📉 Sensibilité aux variations\u003c\/h3\u003e\n \u003cp\u003eVous êtes sensible aux fluctuations de sucre dans le sang.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card\"\u003e\n \u003ch3\u003e🛡️ Immunité métabolique\u003c\/h3\u003e\n \u003cp\u003eVous recherchez un complément pour renforcer votre équilibre métabolique global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-card\"\u003e\n \u003ch3\u003e😰 Gestion du stress\u003c\/h3\u003e\n \u003cp\u003eVotre mode de vie stressant peut influencer le métabolisme des sucres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gg-cta-box\"\u003e\n \u003cp\u003eEn intégrant le \u003cstrong\u003eGem-Glyco 23 Bio Alphagem\u003c\/strong\u003e à votre routine bien-être, vous faites le choix d'une gemmothérapie authentique, biologique et formulée avec exigence.\u003cbr\u003eUn geste simple, quelques gouttes réparties dans la journée, pour accompagner votre organisme vers davantage d'équilibre. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gg-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 --gg-cream: #f4f7f5;\n --gg-white: #ffffff;\n --gg-primary: #2a9d8f;\n --gg-primary-dark: #1b6b5f;\n --gg-primary-light: #e8f5f2;\n --gg-secondary: #5ab049;\n --gg-accent: #3d8b40;\n --gg-text: #1a1a1a;\n --gg-text-light: #5a5a5a;\n --gg-border: #dde8e4;\n --gg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gg-radius: 20px;\n --gg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gg-hero {\n position: relative;\n background: linear-gradient(135deg, #1b6b5f 0%, #2a9d8f 45%, #5ab049 100%);\n border-radius: var(--gg-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(--gg-shadow-lg);\n}\n\n.gg-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(90,176,73,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gg-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.gg-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gg-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(--gg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gg-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.gg-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(--gg-primary), var(--gg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gg-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.gg-highlight-box {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gg-shadow);\n border-left: 4px solid var(--gg-secondary);\n}\n\n.gg-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gg-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.gg-card {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gg-shadow-lg);\n border-color: var(--gg-primary);\n}\n\n.gg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT (latin name styling) === *\/\n.gg-card-ingredient .gg-latin {\n font-size: clamp(12px, 1.8vw, 13px);\n color: var(--gg-primary);\n margin-bottom: .5rem;\n font-weight: 600;\n}\n\n\/* === GRILLES === *\/\n.gg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.gg-grid-compact .gg-card {\n padding: 1rem;\n}\n\n.gg-grid-compact .gg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gg-grid-compact .gg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gg-primary), var(--gg-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.gg-timeline-content {\n flex: 1;\n background: var(--gg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gg-radius-sm);\n box-shadow: var(--gg-shadow);\n}\n\n.gg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gg-timeline-content p {\n font-size: 14px;\n color: var(--gg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.gg-accordion {\n background: var(--gg-white);\n border-radius: var(--gg-radius);\n box-shadow: var(--gg-shadow);\n overflow: hidden;\n}\n\n.gg-accordion-item {\n border-bottom: 1px solid var(--gg-border);\n margin: 0;\n padding: 0;\n}\n\n.gg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gg-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.gg-accordion-header:hover {\n background: var(--gg-primary-light);\n}\n\n.gg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gg-primary);\n transition: transform .2s ease;\n}\n\n.gg-accordion-item[open] .gg-accordion-header::after {\n content: '−';\n}\n\n.gg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gg-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gg-primary-light);\n border-radius: var(--gg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gg-tip p {\n font-size: 14px;\n color: var(--gg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gg-cta-box {\n background: linear-gradient(135deg, var(--gg-primary) 0%, var(--gg-primary-dark) 100%);\n border-radius: var(--gg-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.gg-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.gg-disclaimer {\n font-size: 12px;\n color: var(--gg-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 .gg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gg-card {\n padding: 1.125rem;\n }\n\n .gg-section {\n margin-bottom: 1.75rem;\n }\n\n .gg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gg-radius-sm);\n }\n\n .gg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gg-grid-compact {\n gap: .625rem;\n }\n\n .gg-grid-compact .gg-card {\n padding: .75rem;\n }\n\n .gg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gg-timeline-content h3 {\n font-size: 14px;\n }\n\n .gg-timeline-content p {\n font-size: 13px;\n }\n\n .gg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gg-highlight-box {\n padding: 1.25rem;\n }\n\n .gg-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gg-card {\n animation: ggFadeInUp .5s ease backwards;\n }\n .gg-card:nth-child(1) { animation-delay: .05s; }\n .gg-card:nth-child(2) { animation-delay: .1s; }\n .gg-card:nth-child(3) { animation-delay: .15s; }\n .gg-card:nth-child(4) { animation-delay: .2s; }\n .gg-card:nth-child(5) { animation-delay: .25s; }\n .gg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ggFadeInUp {\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 .gg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754889797789,"sku":"REF693","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-glyco-23-bio-50-ml-alphagem-packshothd.webp?v=1791469057"},{"product_id":"gem-cell-05-bio-50-ml-alphagem","title":"Gem-Cell 05 Bio - 50 Ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Cell 05 Bio - 50 Ml - Alphagem\nPalette détectée:\n - Primaire: #5a8a2f (vert feuille\/nature du logo alphaGem)\n - Secondaire: #e8a625 (orange\/doré de la bande \"GEM-CELL\")\n - Accent: #3d6b1e (vert foncé du feuillage)\nAmbiance: Naturel\/bio, gemmothérapie, santé végétale, ligne\/minceur, flacon brun pharmaceutique\nPréfixe CSS: gc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Cell 05 Bio d'Alphagem : le gemmo-complexe ligne et minceur\"\n 2. \"Pourquoi choisir la gemmothérapie pour votre démarche minceur ?\"\n 3. \"Composition détaillée du Gem-Cell 05 Bio\"\n 4. \"Conseils d'utilisation et posologie\"\n 5. \"Alphagem : l'expertise belge en gemmothérapie bio\"\n 6. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gc-hero\"\u003e\n \u003cdiv class=\"gc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gc-hero-content\"\u003e\n \u003cdiv class=\"gc-badges-top\"\u003e\n \u003cspan class=\"gc-badge\"\u003e🌿 Gemmothérapie bio\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🍃 3 bourgeons synergiques\u003c\/span\u003e\n \u003cspan class=\"gc-badge\"\u003e🇧🇪 Fabriqué en Belgique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gc-hero-title\"\u003eGem-Cell 05 Bio\u003c\/span\u003e\n \u003cp class=\"gc-subtitle\"\u003eGemmo-complexe ligne \u0026amp; minceur — Alphagem\u003c\/p\u003e\n \u003cp class=\"gc-description\"\u003eLa puissance des bourgeons bio réunis dans un flacon de 50 ml pour accompagner naturellement votre silhouette et favoriser l'élimination.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eGem-Cell 05 Bio d'Alphagem : le gemmo-complexe ligne et minceur\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eVous cherchez un accompagnement naturel pour soutenir votre silhouette et favoriser l'élimination ? Le \u003cstrong\u003eGem-Cell 05 Bio\u003c\/strong\u003e d'Alphagem est un complément alimentaire de gemmothérapie qui associe trois bourgeons bio (frêne, noisetier, châtaignier), soigneusement sélectionnés pour leurs propriétés drainantes et régulatrices du métabolisme.\u003c\/p\u003e\n \u003cdiv class=\"gc-grid-compact\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e💧 Drainage\u003c\/h3\u003e\n \u003cp\u003eFavorise l'élimination rénale des toxines et des déchets métaboliques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e⚖️ Gestion du poids\u003c\/h3\u003e\n \u003cp\u003eSoutient le métabolisme pour accompagner vos objectifs minceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌱 100 % bio\u003c\/h3\u003e\n \u003cp\u003eBourgeons issus de l'agriculture biologique certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🧪 50 ml concentrés\u003c\/h3\u003e\n \u003cp\u003eMacérat glycériné et alcoolique à 35 % vol. pour une extraction optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003ePourquoi choisir la gemmothérapie pour votre démarche minceur ?\u003c\/h2\u003e\n \u003cdiv class=\"gc-testimonial\"\u003e\n \u003cp class=\"gc-testimonial-text\"\u003eLa \u003cstrong\u003egemmothérapie\u003c\/strong\u003e utilise les bourgeons et jeunes pousses récoltés au printemps, au moment où la plante possède sa plus grande concentration en principes actifs. Contrairement aux extraits de plantes adultes, ces tissus embryonnaires renferment l'ensemble du potentiel de l'arbre : vitamines, oligo-éléments, acides aminés et facteurs de croissance végétaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-tip\"\u003e\n \u003cspan class=\"gc-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eAvec le Gem-Cell 05 Bio, vous bénéficiez d'une \u003cstrong\u003esynergie de trois plantes\u003c\/strong\u003e dont les actions se complètent pour accompagner votre organisme dans l'élimination des toxines et la gestion du poids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eComposition détaillée du Gem-Cell 05 Bio\u003c\/h2\u003e\n \u003cp class=\"gc-section-intro\"\u003eCe complexe biologique contient trois macérats de bourgeons frais bio, dans une base glycérinée et alcoolique (pour 15 gouttes, équivalent poids sec) :\u003c\/p\u003e\n \u003cdiv class=\"gc-grid\"\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🍃 Bourgeons de frêne\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eFraxinus excelsior\u003c\/em\u003e — 18,9 mg. Premier actif de la formule, le frêne soutient le métabolisme et contribue au bon fonctionnement des émonctoires, facilitant ainsi le drainage de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌰 Bourgeons de noisetier\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCorylus avellana\u003c\/em\u003e — 11,31 mg. Le noisetier agit en soutien hépatique et participe à l'équilibre métabolique général.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🌳 Bourgeons de châtaignier\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCastanea sativa\u003c\/em\u003e — 7,2 mg. Le châtaignier est traditionnellement utilisé en gemmothérapie pour accompagner la circulation lymphatique et le drainage des tissus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-card\"\u003e\n \u003ch3\u003e🧪 Macérat mère concentré\u003c\/h3\u003e\n \u003cp\u003eBourgeons frais mis en macération directe dans la glycérine végétale, l'alcool et l'eau pour préserver leurs principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-tip\"\u003e\n \u003cspan class=\"gc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eTous les ingrédients sont \u003cstrong\u003eissus de l'agriculture biologique\u003c\/strong\u003e, certifiés par Certisys (LU-BIO-06). Base glycérinée et alcoolique (alcool 35 % vol.) garantissant l'extraction optimale des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"gc-timeline\"\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eSecouez le flacon\u003c\/h3\u003e\n \u003cp\u003eAgitez bien le flacon avant chaque prise pour homogénéiser le macérat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eDosez 5 à 15 gouttes par jour\u003c\/h3\u003e\n \u003cp\u003ePures ou diluées dans un peu d'eau de source, \u003cstrong\u003eentre les repas\u003c\/strong\u003e. Commencez par 5 gouttes et augmentez progressivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eCure de 3 mois\u003c\/h3\u003e\n \u003cp\u003eSuivez une cure de 3 mois en respectant \u003cstrong\u003ela dose journalière recommandée\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-item\"\u003e\n \u003cdiv class=\"gc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gc-timeline-content\"\u003e\n \u003ch3\u003eAdoptez un mode de vie sain\u003c\/h3\u003e\n \u003cp\u003eAssociez cette cure à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e et à une activité physique régulière pour de meilleurs résultats.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003eAlphagem : l'expertise belge en gemmothérapie bio\u003c\/h2\u003e\n \u003cdiv class=\"gc-testimonial\"\u003e\n \u003cp class=\"gc-testimonial-text\"\u003eAlphagem récolte ses bourgeons et jeunes pousses dans des zones préservées, loin de toute source de pollution. Chaque macérat est préparé à partir de \u003cstrong\u003eplantes fraîches\u003c\/strong\u003e, selon des méthodes traditionnelles respectueuses du cycle végétal. Fabriqué en Belgique, le Gem-Cell 05 Bio répond aux normes les plus strictes en matière de qualité et de traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"gc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"gc-accordion\"\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes, allaitantes et aux enfants de moins de 3 ans en raison de la présence d'alcool. En cas de doute ou de traitement en cours, consultez votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e💊 Usage et traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni un suivi par un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gc-accordion-item\"\u003e\n \u003csummary class=\"gc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"gc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gc-cta-box\"\u003e\n \u003cp\u003e🌿 Le \u003cstrong\u003eGem-Cell 05 Bio Alphagem\u003c\/strong\u003e est votre allié naturel pour accompagner vos objectifs minceur grâce à la puissance des bourgeons. Offrez à votre corps le meilleur de la gemmothérapie biologique et retrouvez légèreté et vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gc-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 enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --gc-cream: #f7f5f0;\n --gc-white: #ffffff;\n --gc-primary: #5a8a2f;\n --gc-primary-dark: #3d6b1e;\n --gc-primary-light: #eef5e6;\n --gc-secondary: #e8a625;\n --gc-accent: #c48a1a;\n --gc-text: #1a1a1a;\n --gc-text-light: #5a5a5a;\n --gc-border: #e0e0e0;\n --gc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gc-radius: 20px;\n --gc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gc-primary-dark) 0%, var(--gc-primary) 50%, #7aa84a 100%);\n border-radius: var(--gc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--gc-shadow-lg);\n}\n\n.gc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(232,166,37,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.gc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.gc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.gc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gc-primary), var(--gc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.gc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.gc-card {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gc-shadow-lg);\n border-color: var(--gc-primary);\n}\n\n.gc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gc-grid-compact .gc-card {\n padding: 1rem;\n}\n\n.gc-grid-compact .gc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gc-grid-compact .gc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gc-primary), var(--gc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gc-timeline-content {\n flex: 1;\n background: var(--gc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gc-radius-sm);\n box-shadow: var(--gc-shadow);\n}\n\n.gc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gc-timeline-content p {\n font-size: 14px;\n color: var(--gc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.gc-testimonial {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gc-shadow);\n border-left: 4px solid var(--gc-primary);\n}\n\n.gc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.gc-accordion {\n background: var(--gc-white);\n border-radius: var(--gc-radius);\n box-shadow: var(--gc-shadow);\n overflow: hidden;\n}\n\n.gc-accordion-item {\n border-bottom: 1px solid var(--gc-border);\n margin: 0;\n padding: 0;\n}\n\n.gc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gc-accordion-header:hover {\n background: var(--gc-primary-light);\n}\n\n.gc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gc-primary);\n transition: transform .2s ease;\n}\n\n.gc-accordion-item[open] .gc-accordion-header::after {\n content: '−';\n}\n\n.gc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.gc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gc-primary-light);\n border-radius: var(--gc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gc-tip p {\n font-size: 14px;\n color: var(--gc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.gc-cta-box {\n background: linear-gradient(135deg, var(--gc-primary) 0%, var(--gc-primary-dark) 100%);\n border-radius: var(--gc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.gc-disclaimer {\n font-size: 12px;\n color: var(--gc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gc-card {\n padding: 1.125rem;\n }\n\n .gc-section {\n margin-bottom: 1.75rem;\n }\n\n .gc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gc-radius-sm);\n }\n\n .gc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gc-grid-compact {\n gap: .625rem;\n }\n\n .gc-grid-compact .gc-card {\n padding: .75rem;\n }\n\n .gc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gc-timeline-content h3 {\n font-size: 14px;\n }\n\n .gc-timeline-content p {\n font-size: 13px;\n }\n\n .gc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gc-testimonial {\n padding: 1.25rem;\n }\n\n .gc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gc-card {\n animation: gcFadeInUp .5s ease backwards;\n }\n .gc-card:nth-child(1) { animation-delay: .05s; }\n .gc-card:nth-child(2) { animation-delay: .1s; }\n .gc-card:nth-child(3) { animation-delay: .15s; }\n .gc-card:nth-child(4) { animation-delay: .2s; }\n .gc-card:nth-child(5) { animation-delay: .25s; }\n .gc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes gcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754890879133,"sku":"REF697","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-cell-05-bio-50-ml-alphagem-packshothd.webp?v=1791469087"},{"product_id":"figuier-bio-50-ml-alphagem","title":"Macérat de bourgeons de Figuier Bio (Ficus carica) - 50ml - Alphagem","description":"\u003cdiv class=\"fg-premium\"\u003e\n\n\u003cdiv class=\"fg-hero\"\u003e\n\u003cdiv class=\"fg-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"fg-hero-content\"\u003e\n\u003cdiv class=\"fg-badges-top\"\u003e\n\u003cspan class=\"fg-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n\u003cspan class=\"fg-badge\"\u003e🇧🇪 Laboratoire belge\u003c\/span\u003e\n\u003cspan class=\"fg-badge\"\u003e💧 50 ml\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"fg-hero-title\"\u003eFiguier Bio – Alphagem\u003c\/span\u003e\n\u003cp class=\"fg-subtitle\"\u003eMacérat de bourgeons de Ficus carica\u003c\/p\u003e\n\u003cp class=\"fg-description\"\u003eL'allié gemmothérapie du calme intérieur, du confort digestif et de l'équilibre émotionnel — de l'arbre au flacon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eFiguier Bio en gemmothérapie : l'allié naturel du calme intérieur\u003c\/h2\u003e\n\u003cp class=\"fg-section-intro\"\u003eLe \u003cstrong\u003eFiguier Bio 50 ml d'Alphagem\u003c\/strong\u003e est un \u003cstrong\u003emacérat de bourgeons de figuier\u003c\/strong\u003e (\u003cem\u003eFicus carica\u003c\/em\u003e) conçu pour vous accompagner au quotidien. Issu de la \u003cstrong\u003egemmothérapie\u003c\/strong\u003e, cette discipline qui exploite l'énergie vitale des jeunes tissus végétaux, ce concentré végétal biologique cible à la fois le système nerveux et la sphère digestive.\u003c\/p\u003e\n\u003cp class=\"fg-section-intro\"\u003eSi vous cherchez une solution naturelle pour mieux gérer le stress et retrouver un équilibre émotionnel, ce \u003cstrong\u003ebourgeon de figuier bio\u003c\/strong\u003e mérite toute votre attention.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eBienfaits de la gemmothérapie de figuier\u003c\/h2\u003e\n\u003cp class=\"fg-section-intro\"\u003eLes bourgeons de figuier renferment un concentré de principes actifs absents du fruit ou des feuilles à maturité. Voici les principaux bienfaits :\u003c\/p\u003e\n\u003cdiv class=\"fg-grid\"\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e😌 Apaisement du système nerveux\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement recommandé en cas de stress, d'anxiété passagère ou de nervosité. Il favorise la détente sans provoquer de somnolence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🫄 Confort digestif\u003c\/h3\u003e\n\u003cp\u003eContribue à réguler les troubles digestifs d'origine nerveuse : ballonnements, spasmes ou brûlures gastriques liées au stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🧘 Équilibre émotionnel\u003c\/h3\u003e\n\u003cp\u003eIdéal pour les périodes de surmenage ou de charge mentale importante. Aide à retrouver calme et sérénité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🌙 Qualité du sommeil\u003c\/h3\u003e\n\u003cp\u003eEn apaisant le mental, il peut faciliter un endormissement plus serein et un sommeil plus réparateur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-tip\"\u003e\n\u003cspan class=\"fg-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eLes \u003cstrong\u003eavis sur la gemmothérapie figuier\u003c\/strong\u003e soulignent régulièrement son efficacité ressentie dès les premiers jours de cure, notamment sur la gestion du stress quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eComposition du macérat de bourgeons de figuier bio\u003c\/h2\u003e\n\u003cp class=\"fg-section-intro\"\u003eUne formule simple, transparente et certifiée agriculture biologique :\u003c\/p\u003e\n\u003cdiv class=\"fg-grid\"\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🌱 Extrait de bourgeons frais de figuier\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eFicus carica\u003c\/em\u003e bio — 37,5 mg pour 15 gouttes, récolté au moment optimal de développement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🫧 Glycérine végétale\u003c\/h3\u003e\n\u003cp\u003eAgent d'extraction naturel issu de l'agriculture biologique, préservant l'intégrité des principes actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🍶 Alcool bio (35 % vol.) et eau\u003c\/h3\u003e\n\u003cp\u003eAlcool biologique co-extracteur et eau. Contenance du flacon : \u003cstrong\u003e50 ml\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fg-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"fg-timeline\"\u003e\n\u003cdiv class=\"fg-timeline-item\"\u003e\n\u003cdiv class=\"fg-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003ePrenez \u003cstrong\u003e5 gouttes par jour\u003c\/strong\u003e diluées dans un petit verre d'eau, en dehors des repas. Augmentez progressivement selon vos ressentis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-item\"\u003e\n\u003cdiv class=\"fg-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-content\"\u003e\n\u003ch3\u003eDose d'entretien\u003c\/h3\u003e\n\u003cp\u003eAtteignez \u003cstrong\u003e5 à 15 gouttes par jour\u003c\/strong\u003e selon votre confort. Adaptez la posologie avec l'aide de votre praticien de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-item\"\u003e\n\u003cdiv class=\"fg-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"fg-timeline-content\"\u003e\n\u003ch3\u003eCure de 3 mois\u003c\/h3\u003e\n\u003cp\u003eRéalisez une \u003cstrong\u003ecure de 3 mois\u003c\/strong\u003e, en respectant la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-accordion\" style=\"margin-top:1.25rem;\"\u003e\n\u003cdetails class=\"fg-accordion-item\"\u003e\n\u003csummary class=\"fg-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"fg-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne remplace ni un traitement médical ni un suivi par un professionnel de santé. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. À conserver à 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=\"fg-section\"\u003e\n\u003ch2\u003ePourquoi choisir Alphagem pour votre gemmothérapie ?\u003c\/h2\u003e\n\u003cdiv class=\"fg-grid-compact\"\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🇧🇪 Expertise belge\u003c\/h3\u003e\n\u003cp\u003eLaboratoire spécialisé en gemmothérapie depuis de nombreuses années.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🌳 De l'arbre au flacon\u003c\/h3\u003e\n\u003cp\u003eBourgeons récoltés au moment optimal de leur développement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e🔬 Macération artisanale\u003c\/h3\u003e\n\u003cp\u003eProcessus respectueux des principes actifs pour une qualité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-card\"\u003e\n\u003ch3\u003e📋 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eCertification bio rigoureuse, du champ jusqu'à votre main.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-tip\"\u003e\n\u003cspan class=\"fg-tip-icon\"\u003e💰\u003c\/span\u003e\n\u003cp\u003eLe format \u003cstrong\u003e50 ml\u003c\/strong\u003e est particulièrement économique : il permet plusieurs cures successives, un excellent rapport qualité-prix pour intégrer la gemmothérapie de figuier dans votre routine bien-être sur le long terme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"fg-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"fg-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre corps et à votre esprit le soutien apaisant du figuier.\u003cbr\u003eCe petit flacon pourrait bien devenir votre meilleur compagnon pour traverser les journées chargées avec davantage de calme et de légèreté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"fg-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fg-cream: #f6f5f0;\n --fg-white: #ffffff;\n --fg-primary: #5a9e3e;\n --fg-primary-dark: #2e5e1a;\n --fg-primary-light: #eef6e8;\n --fg-secondary: #8bc34a;\n --fg-accent: #a67c52;\n --fg-text: #1a1a1a;\n --fg-text-light: #5a5a5a;\n --fg-border: #e0e0e0;\n --fg-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fg-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fg-radius: 20px;\n --fg-radius-sm: 12px;\n}\n\n.fg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fg-hero {\n position: relative;\n background: linear-gradient(135deg, #2e5e1a 0%, #5a9e3e 50%, #a67c52 100%);\n border-radius: var(--fg-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(--fg-shadow-lg);\n}\n\n.fg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 50%);\n opacity: 1;\n}\n\n.fg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fg-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.fg-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.fg-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fg-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(--fg-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fg-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.fg-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(--fg-primary), var(--fg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.fg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fg-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.fg-section-intro strong {\n color: var(--fg-text);\n}\n\n\/* === CARDS === *\/\n.fg-card {\n background: var(--fg-white);\n border-radius: var(--fg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fg-shadow-lg);\n border-color: var(--fg-primary);\n}\n\n.fg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fg-grid-compact .fg-card {\n padding: 1rem;\n}\n\n.fg-grid-compact .fg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fg-grid-compact .fg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fg-primary), var(--fg-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.fg-timeline-content {\n flex: 1;\n background: var(--fg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fg-radius-sm);\n box-shadow: var(--fg-shadow);\n}\n\n.fg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fg-timeline-content p {\n font-size: 14px;\n color: var(--fg-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fg-testimonial {\n background: var(--fg-white);\n border-radius: var(--fg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fg-shadow);\n border-left: 4px solid var(--fg-primary);\n}\n\n.fg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fg-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fg-accordion {\n background: var(--fg-white);\n border-radius: var(--fg-radius);\n box-shadow: var(--fg-shadow);\n overflow: hidden;\n}\n\n.fg-accordion-item {\n border-bottom: 1px solid var(--fg-border);\n margin: 0;\n padding: 0;\n}\n\n.fg-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fg-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fg-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.fg-accordion-header:hover {\n background: var(--fg-primary-light);\n}\n\n.fg-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fg-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fg-primary);\n transition: transform .2s ease;\n}\n\n.fg-accordion-item[open] .fg-accordion-header::after {\n content: '−';\n}\n\n.fg-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fg-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fg-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fg-primary-light);\n border-radius: var(--fg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fg-tip p {\n font-size: 14px;\n color: var(--fg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fg-cta-box {\n background: linear-gradient(135deg, var(--fg-primary) 0%, var(--fg-primary-dark) 100%);\n border-radius: var(--fg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fg-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.fg-disclaimer {\n font-size: 12px;\n color: var(--fg-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 .fg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fg-card {\n padding: 1.125rem;\n }\n\n .fg-section {\n margin-bottom: 1.75rem;\n }\n\n .fg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fg-radius-sm);\n }\n\n .fg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fg-grid-compact {\n gap: .625rem;\n }\n\n .fg-grid-compact .fg-card {\n padding: .75rem;\n }\n\n .fg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fg-timeline-content h3 {\n font-size: 14px;\n }\n\n .fg-timeline-content p {\n font-size: 13px;\n }\n\n .fg-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fg-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fg-testimonial {\n padding: 1.25rem;\n }\n\n .fg-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fg-card {\n animation: fgFadeInUp .5s ease backwards;\n }\n .fg-card:nth-child(1) { animation-delay: .05s; }\n .fg-card:nth-child(2) { animation-delay: .1s; }\n .fg-card:nth-child(3) { animation-delay: .15s; }\n .fg-card:nth-child(4) { animation-delay: .2s; }\n .fg-card:nth-child(5) { animation-delay: .25s; }\n .fg-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fgFadeInUp {\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 .fg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":45754893500573,"sku":"GE0050","price":25.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/macerat-de-bourgeons-de-figuier-bio-ficus-carica-50ml-alphag-packshothd_226c4278-a452-455c-9b70-76bc884df79d.webp?v=1791469190"},{"product_id":"gem-ven-17-bio-50-ml-alphagem","title":"Gem-ven 17 Bio - 50 ml - Alphagem","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Gem-Ven 17 Bio - Alphagem\nPalette détectée:\n - Primaire: #7AB927 (vert vif du logo Alphagem et feuilles)\n - Secondaire: #C8102E (rouge bordeaux du bandeau GEM-VEN)\n - Accent: #2E5735 (vert foncé du bandeau GEMMO-COMPLEXE)\n - Brun flacon: #3D2914 (ambre foncé du flacon)\nAmbiance: Naturel\/bio, phytothérapie, santé naturelle, expertise botanique\nPréfixe CSS: gv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Gem-Ven 17 Bio : le complexe gemmothérapie pour des jambes légères au quotidien\"\n 2. \"Pourquoi choisir ce complexe pour votre confort circulatoire ?\"\n 3. \"Une synergie de quatre bourgeons aux vertus complémentaires\"\n 4. \"Composition complète pour 15 gouttes (dose maximale journalière)\"\n 5. \"Comment utiliser le Gem-Ven 17 Bio ?\"\n 6. \"Questions fréquentes sur ce gemmo-complexe\"\n 7. \"L'expertise Alphagem : de l'arbre au flacon\"\n 8. \"Précautions d'emploi importantes\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"gv-hero\"\u003e\n \u003cdiv class=\"gv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gv-hero-content\"\u003e\n \u003cdiv class=\"gv-badges-top\"\u003e\n \u003cspan class=\"gv-badge\"\u003e🌿 Gemmothérapie Bio\u003c\/span\u003e\n \u003cspan class=\"gv-badge\"\u003e🇧🇪 Laboratoire Belge\u003c\/span\u003e\n \u003cspan class=\"gv-badge\"\u003e💧 50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gv-hero-title\"\u003eGem-Ven 17 Bio\u003c\/span\u003e\n \u003cp class=\"gv-subtitle\"\u003eGemmo-Complexe Jambes Lourdes\u003c\/p\u003e\n \u003cp class=\"gv-description\"\u003eSynergie de 3 bourgeons biologiques pour soutenir votre circulation veineuse et retrouver des jambes légères au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003eGem-Ven 17 Bio : le complexe gemmothérapie pour des jambes légères au quotidien\u003c\/h2\u003e\n \u003cp class=\"gv-section-intro\"\u003eVous connaissez cette sensation désagréable de jambes lourdes en fin de journée ? Ces gonflements au niveau des chevilles, cette fatigue qui s'installe dans vos membres inférieurs ?\u003c\/p\u003e\n \u003cdiv class=\"gv-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eGem-Ven 17 Bio d'Alphagem\u003c\/strong\u003e est un concentré de gemmothérapie spécialement formulé pour soutenir votre \u003cstrong\u003ecirculation veineuse et lymphatique\u003c\/strong\u003e. Ce gemmo-complexe associe trois macérats-mères de bourgeons biologiques, reconnus pour leurs propriétés veinotoniques et drainantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce complexe pour votre confort circulatoire ?\u003c\/h2\u003e\n \u003cp class=\"gv-section-intro\"\u003eLa gemmothérapie utilise la puissance des tissus embryonnaires végétaux – bourgeons et jeunes pousses – au moment où leur concentration en principes actifs est maximale.\u003c\/p\u003e\n \u003cdiv class=\"gv-grid\"\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🦵 Jambes lourdes\u003c\/h3\u003e\n \u003cp\u003eSoulage la sensation de lourdeur, particulièrement en position debout prolongée ou par temps chaud\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e💜 Varices \u0026amp; varicosités\u003c\/h3\u003e\n \u003cp\u003eAction sur les varices gênantes sur le plan esthétique et fonctionnel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🩹 Hémorroïdes\u003c\/h3\u003e\n \u003cp\u003eSoutien en cas d'insuffisance veineuse au niveau pelvien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e💧 Œdèmes\u003c\/h3\u003e\n \u003cp\u003eAide à réduire les œdèmes des membres inférieurs et la rétention d'eau localisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🩸 Fragilité capillaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les capillaires et réduit la tendance aux ecchymoses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🌡️ Retour veineux\u003c\/h3\u003e\n \u003cp\u003eFavorise une meilleure circulation veineuse dans les membres inférieurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003eUne synergie de trois bourgeons aux vertus complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"gv-grid\"\u003e\n \u003cdiv class=\"gv-card gv-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Châtaignier\u003c\/h3\u003e\n \u003cp class=\"gv-latin\"\u003eCastanea sativa\u003c\/p\u003e\n \u003cp\u003eLe \u003cstrong\u003egrand draineur du système lymphatique\u003c\/strong\u003e. Favorise le retour veineux et aide à décongestionner les tissus engorgés. Particulièrement indiqué pour les personnes sujettes à la cellulite et aux œdèmes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card gv-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Marronnier d'Inde\u003c\/h3\u003e\n \u003cp class=\"gv-latin\"\u003eAesculus hippocastanum\u003c\/p\u003e\n \u003cp\u003eIncontournable en phytothérapie veineuse. Propriétés \u003cstrong\u003eveinotoniques et anti-inflammatoires\u003c\/strong\u003e puissantes. Renforce la paroi des vaisseaux et diminue leur perméabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card gv-card-ingredient\"\u003e\n \u003ch3\u003e🍂 Sorbier des oiseleurs\u003c\/h3\u003e\n \u003cp class=\"gv-latin\"\u003eSorbus aucuparia\u003c\/p\u003e\n \u003cp\u003eBourgeon traditionnellement associé à la \u003cstrong\u003ecirculation veineuse\u003c\/strong\u003e. Il accompagne le tonus veineux et le confort des jambes fatiguées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003eComposition complète pour 15 gouttes (dose maximale journalière)\u003c\/h2\u003e\n \u003cdiv class=\"gv-composition-box\"\u003e\n \u003cdiv class=\"gv-grid-compact\"\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🌰 Châtaignier bio\u003c\/h3\u003e\n \u003cp\u003eBourgeons — 11,1 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🌳 Marronnier bio\u003c\/h3\u003e\n \u003cp\u003eBourgeons de feuilles — 15,3 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🍂 Sorbier bio\u003c\/h3\u003e\n \u003cp\u003eBourgeons — 11,1 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-specs\"\u003e\n \u003cp\u003e\u003cstrong\u003eSolvant :\u003c\/strong\u003e eau, glycérine végétale, alcool (35% vol.)\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e flacon de 50 ml avec compte-gouttes\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eCertification :\u003c\/strong\u003e Agriculture biologique, code LU-BIO-06\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003eComment utiliser le Gem-Ven 17 Bio ?\u003c\/h2\u003e\n \u003cdiv class=\"gv-timeline\"\u003e\n \u003cdiv class=\"gv-timeline-item\"\u003e\n \u003cdiv class=\"gv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-content\"\u003e\n \u003ch3\u003ePosologie adaptée\u003c\/h3\u003e\n \u003cp\u003e5 à 15 gouttes par jour selon l'intensité de vos symptômes. Commencez par 5 gouttes les premiers jours.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-item\"\u003e\n \u003cdiv class=\"gv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-content\"\u003e\n \u003ch3\u003eMode de prise\u003c\/h3\u003e\n \u003cp\u003ePures ou diluées dans un peu d'eau de source.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-item\"\u003e\n \u003cdiv class=\"gv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-content\"\u003e\n \u003ch3\u003eMoment idéal\u003c\/h3\u003e\n \u003cp\u003eÀ consommer entre les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-item\"\u003e\n \u003cdiv class=\"gv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gv-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eCure de 3 mois, en respectant la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-tip\"\u003e\n \u003cspan class=\"gv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pratique :\u003c\/strong\u003e en période estivale ou lors de longs trajets en avion, anticipez en débutant votre cure quelques jours avant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003eQuestions fréquentes sur ce gemmo-complexe\u003c\/h2\u003e\n \u003cdiv class=\"gv-accordion\"\u003e\n \u003cdetails class=\"gv-accordion-item\"\u003e\n \u003csummary class=\"gv-accordion-header\"\u003e⏱️ Combien de temps avant de ressentir les premiers effets ?\u003c\/summary\u003e\n \u003cdiv class=\"gv-accordion-content\"\u003e\n \u003cp\u003eLa gemmothérapie agit en profondeur et progressivement. Les premières améliorations se font généralement sentir après \u003cstrong\u003e7 à 10 jours\u003c\/strong\u003e de prise régulière. Pour un résultat durable, il est conseillé de réaliser au moins 2 à 3 cures espacées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gv-accordion-item\"\u003e\n \u003csummary class=\"gv-accordion-header\"\u003e💊 Puis-je l'associer à d'autres compléments alimentaires ?\u003c\/summary\u003e\n \u003cdiv class=\"gv-accordion-content\"\u003e\n \u003cp\u003eOui, le Gem-Ven 17 peut être associé à d'autres macérats de bourgeons ou à des compléments alimentaires circulatoires. Pour une action renforcée, il se marie bien avec une supplémentation en vitamine C ou en flavonoïdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"gv-accordion-item\"\u003e\n \u003csummary class=\"gv-accordion-header\"\u003e🐴 Ce produit convient-il aux chevaux ?\u003c\/summary\u003e\n \u003cdiv class=\"gv-accordion-content\"\u003e\n \u003cp\u003eLa gemmothérapie s'utilise également en médecine vétérinaire. Pour votre cheval, consultez un vétérinaire qui adaptera la posologie à son poids et à ses besoins spécifiques, notamment pour le système respiratoire ou circulatoire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"gv-section\"\u003e\n \u003ch2\u003eL'expertise Alphagem : de l'arbre au flacon\u003c\/h2\u003e\n \u003cdiv class=\"gv-testimonial\"\u003e\n \u003cp class=\"gv-testimonial-text\"\u003eAlphagem est un laboratoire belge spécialisé exclusivement en gemmothérapie depuis plus de 20 ans. Leur savoir-faire repose sur une \u003cstrong\u003erécolte manuelle des bourgeons\u003c\/strong\u003e au stade optimal de développement, suivie d'une macération traditionnelle dans un mélange eau-alcool-glycérine qui préserve l'intégralité des principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-grid-compact\"\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🏆 Macérats-mères\u003c\/h3\u003e\n \u003cp\u003eConcentrés non dilués\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e✋ Récolte manuelle\u003c\/h3\u003e\n \u003cp\u003eAu stade optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🌱 100% Bio\u003c\/h3\u003e\n \u003cp\u003eCertifié LU-BIO-06\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-card\"\u003e\n \u003ch3\u003e🇧🇪 Made in Belgium\u003c\/h3\u003e\n \u003cp\u003e+20 ans d'expertise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"gv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"gv-accordion\"\u003e\n \u003cdetails class=\"gv-accordion-item\" open\u003e\n \u003csummary class=\"gv-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n \u003cdiv class=\"gv-accordion-content\"\u003e\n \u003cul class=\"gv-precautions-list\"\u003e\n \u003cli\u003eCe complément alimentaire \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni un avis médical en cas de pathologie veineuse avérée\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes et allaitantes sans avis médical préalable\u003c\/li\u003e\n \u003cli\u003eContient de l'alcool (35% vol.) : à prendre en compte pour les personnes concernées\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée de 15 gouttes\u003c\/li\u003e\n \u003cli\u003eConserver à l'abri de la lumière et de la chaleur, hors de portée des enfants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"gv-disclaimer\"\u003eEn cas de symptômes persistants ou de douleurs importantes, consultez votre médecin ou votre phlébologue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gv-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à vos jambes le soutien naturel qu'elles méritent avec le \u003cstrong\u003eGem-Ven 17 Bio d'Alphagem\u003c\/strong\u003e. Cette synergie de bourgeons soigneusement sélectionnés vous accompagne au quotidien pour retrouver légèreté et confort, saison après saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --gv-cream: #f8f7f4;\n --gv-white: #ffffff;\n --gv-primary: #7AB927;\n --gv-primary-dark: #5a8c1c;\n --gv-primary-light: #e8f5d6;\n --gv-secondary: #C8102E;\n --gv-secondary-light: #fce8eb;\n --gv-accent: #2E5735;\n --gv-text: #1a1a1a;\n --gv-text-light: #5a5a5a;\n --gv-border: #e0e0e0;\n --gv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --gv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --gv-radius: 20px;\n --gv-radius-sm: 12px;\n}\n\n.gv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gv-primary) 0%, var(--gv-accent) 50%, var(--gv-primary-dark) 100%);\n border-radius: var(--gv-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(--gv-shadow-lg);\n}\n\n.gv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23fff' fill-opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.gv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gv-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(--gv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.gv-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.gv-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.6;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.gv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gv-accent);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gv-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(--gv-primary), var(--gv-secondary));\n border-radius: 2px;\n}\n\n.gv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gv-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gv-highlight-box {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gv-shadow);\n border-left: 5px solid var(--gv-primary);\n}\n\n.gv-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gv-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === GRILLES === *\/\n.gv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.gv-card {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gv-shadow-lg);\n border-color: var(--gv-primary);\n}\n\n.gv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gv-accent);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gv-card-ingredient {\n text-align: left;\n}\n\n.gv-card-ingredient h3 {\n text-align: center;\n margin-bottom: .25rem;\n}\n\n.gv-latin {\n font-style: italic;\n font-size: 12px !important;\n color: var(--gv-primary) !important;\n text-align: center;\n margin-bottom: .75rem !important;\n}\n\n.gv-grid-compact .gv-card {\n padding: 1rem;\n}\n\n.gv-grid-compact .gv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gv-grid-compact .gv-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.gv-composition-box {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gv-shadow);\n}\n\n.gv-composition-box .gv-grid-compact {\n margin-bottom: 1.5rem;\n}\n\n.gv-composition-box .gv-card {\n background: var(--gv-primary-light);\n box-shadow: none;\n}\n\n.gv-specs {\n border-top: 1px solid var(--gv-border);\n padding-top: 1rem;\n}\n\n.gv-specs p {\n font-size: 14px;\n color: var(--gv-text);\n margin: .5rem 0;\n}\n\n\/* === TIMELINE === *\/\n.gv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gv-primary), var(--gv-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.gv-timeline-content {\n flex: 1;\n background: var(--gv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gv-radius-sm);\n box-shadow: var(--gv-shadow);\n}\n\n.gv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gv-accent);\n margin: 0 0 .25rem 0;\n}\n\n.gv-timeline-content p {\n font-size: 14px;\n color: var(--gv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gv-primary-light);\n border-radius: var(--gv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gv-tip p {\n font-size: 14px;\n color: var(--gv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.gv-accordion {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n box-shadow: var(--gv-shadow);\n overflow: hidden;\n}\n\n.gv-accordion-item {\n border-bottom: 1px solid var(--gv-border);\n margin: 0;\n padding: 0;\n}\n\n.gv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gv-accent);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.gv-accordion-header:hover {\n background: var(--gv-primary-light);\n}\n\n.gv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gv-primary);\n transition: transform .2s ease;\n}\n\n.gv-accordion-item[open] .gv-accordion-header::after {\n content: '−';\n}\n\n.gv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gv-accordion-content p {\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.gv-testimonial {\n background: var(--gv-white);\n border-radius: var(--gv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gv-shadow);\n border-left: 4px solid var(--gv-primary);\n margin-bottom: 1.5rem;\n}\n\n.gv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === PRECAUTIONS LIST === *\/\n.gv-precautions-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.gv-precautions-list li {\n position: relative;\n padding-left: 1.5rem;\n margin-bottom: .75rem;\n font-size: 14px;\n line-height: 1.6;\n color: var(--gv-text);\n}\n\n.gv-precautions-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--gv-secondary);\n font-weight: bold;\n}\n\n.gv-disclaimer {\n font-size: 13px;\n color: var(--gv-text-light);\n font-style: italic;\n margin: 0;\n padding-top: .5rem;\n border-top: 1px solid var(--gv-border);\n}\n\n\/* === CTA FINAL === *\/\n.gv-cta-box {\n background: linear-gradient(135deg, var(--gv-primary) 0%, var(--gv-accent) 100%);\n border-radius: var(--gv-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.gv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gv-card {\n padding: 1.125rem;\n }\n\n .gv-section {\n margin-bottom: 1.75rem;\n }\n\n .gv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gv-radius-sm);\n }\n\n .gv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gv-grid-compact {\n gap: .625rem;\n }\n\n .gv-grid-compact .gv-card {\n padding: .75rem;\n }\n\n .gv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gv-timeline-content h3 {\n font-size: 14px;\n }\n\n .gv-timeline-content p {\n font-size: 13px;\n }\n\n .gv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gv-testimonial {\n padding: 1.25rem;\n }\n\n .gv-testimonial-text {\n font-size: 14px;\n }\n\n .gv-highlight-box {\n padding: 1.25rem;\n }\n\n .gv-composition-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gv-card {\n animation: fadeInUp .5s ease backwards;\n }\n .gv-card:nth-child(1) { animation-delay: .05s; }\n .gv-card:nth-child(2) { animation-delay: .1s; }\n .gv-card:nth-child(3) { animation-delay: .15s; }\n .gv-card:nth-child(4) { animation-delay: .2s; }\n .gv-card:nth-child(5) { animation-delay: .25s; }\n .gv-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 .gv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ALPHAGEM","offers":[{"title":"Default Title","offer_id":53501166190969,"sku":"GE0025","price":21.83,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gem-ven-17-bio-50-ml-alphagem-packshothd.webp?v=1791469197"},{"product_id":"top-bust-gel-60-ml-labophyto","title":"Gel Raffermissant Poitrine Naturel - Top Bust - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Top Bust Gel - Soin raffermissant poitrine Labophyto\nPalette détectée:\n - Primaire: #7B4A9E (violet\/pourpre du packaging principal)\n - Secondaire: #B87BBF (violet clair pour les dégradés)\n - Accent: #E8D5F0 (lavande pâle pour les backgrounds)\n - Neutre: #F8F5FA (fond crème\/blanc cassé)\nAmbiance: Féminin premium, élégance naturelle, bien-être, cosmétique haut de gamme\nType de produit: Cosmétique féminin spécialisé\nStyle suggéré: Premium féminin avec touches organiques et scientifiques\nPréfixe CSS: tb\n--\u003e\n\u003cdiv class=\"tb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"tb-hero\"\u003e\n\u003cdiv class=\"tb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-hero-content\"\u003e\n\u003cdiv class=\"tb-badges-top\"\u003e\n\u003cspan class=\"tb-badge\"\u003e🌸 100% naturel\u003c\/span\u003e \u003cspan class=\"tb-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"tb-badge\"\u003e♀️ Soin féminin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"tb-hero-title\"\u003eTop Bust Gel\u003c\/span\u003e\n\u003cp class=\"tb-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLe soin raffermissant nouvelle génération pour sublimer votre poitrine\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"tb-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eUne formule exclusive aux extraits botaniques précieux pour tonifier, raffermir et embellir votre décolleté naturellement.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e✨ Une action complète pour votre beauté\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eRaffermit intensément\u003c\/h3\u003e\n\u003cp\u003eUne formule concentrée en actifs naturels qui tonifie et redonne fermeté à votre peau pour un décolleté visiblement plus sculpté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eHydrate en profondeur\u003c\/h3\u003e\n\u003cp\u003eLa rose musquée et les huiles essentielles nourrissent intensément pour une peau durablement souple et confortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eRégénère et répare\u003c\/h3\u003e\n\u003cp\u003eLa centella asiatica stimule le renouvellement cellulaire et améliore l'élasticité naturelle de votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eAction anti-âge\u003c\/h3\u003e\n\u003cp\u003eLes antioxydants puissants des pépins de raisin protègent votre peau et préservent sa jeunesse jour après jour.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eTexture adoucie\u003c\/h3\u003e\n\u003cp\u003eVotre peau devient visiblement plus douce, plus lisse et retrouve tout son éclat naturel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-card\"\u003e\n\u003cdiv class=\"tb-icon\"\u003e💜\u003c\/div\u003e\n\u003ch3\u003eBien-être sensoriel\u003c\/h3\u003e\n\u003cp\u003eLes huiles essentielles de lavande et géranium apportent une sensation de détente immédiate à chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🌺 Des ingrédients naturels d'exception\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid\"\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-icon\"\u003e🌹\u003c\/div\u003e\n\u003ch3\u003eRose musquée\u003c\/h3\u003e\n\u003cp class=\"tb-ingredient-benefit\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eHydratation \u0026amp; régénération\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eRiche en acides gras essentiels, elle pénètre en profondeur pour nourrir intensément et favoriser la régénération cellulaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-icon\"\u003e🍇\u003c\/div\u003e\n\u003ch3\u003ePépins de raisin\u003c\/h3\u003e\n\u003cp class=\"tb-ingredient-benefit\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eAntioxydant puissant\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eUn concentré d'actifs antioxydants qui maintient l'élasticité et la fermeté de la peau tout en luttant contre le vieillissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eCentella asiatica\u003c\/h3\u003e\n\u003cp class=\"tb-ingredient-benefit\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eRaffermissement\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePlante reconnue depuis des millénaires pour ses propriétés réparatrices exceptionnelles et son action raffermissante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-ingredient-card\"\u003e\n\u003cdiv class=\"tb-ingredient-icon\"\u003e💜\u003c\/div\u003e\n\u003ch3\u003eLavande \u0026amp; géranium\u003c\/h3\u003e\n\u003cp class=\"tb-ingredient-benefit\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eAromathérapie\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eDes huiles essentielles précieuses qui stimulent la microcirculation et procurent une sensation de bien-être immédiate.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📋 Mode d'utilisation pour des résultats optimaux\u003c\/h2\u003e\n\u003cdiv class=\"tb-usage-container\"\u003e\n\u003cdiv class=\"tb-usage-step\"\u003e\n\u003cdiv class=\"tb-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"tb-step-content\"\u003e\n\u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n\u003cp\u003eNettoyez délicatement votre décolleté avec un produit doux. Séchez en tapotant légèrement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-step\"\u003e\n\u003cdiv class=\"tb-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"tb-step-content\"\u003e\n\u003ch3\u003eDosez la quantité idéale\u003c\/h3\u003e\n\u003cp\u003ePrélevez une noisette de gel, une quantité suffisante pour couvrir l'ensemble de votre poitrine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-step\"\u003e\n\u003cdiv class=\"tb-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"tb-step-content\"\u003e\n\u003ch3\u003eAppliquez en massant\u003c\/h3\u003e\n\u003cp\u003eEffectuez des mouvements circulaires doux de bas en haut jusqu'à absorption complète du produit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-usage-step\"\u003e\n\u003cdiv class=\"tb-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"tb-step-content\"\u003e\n\u003ch3\u003eRituel matin \u0026amp; soir\u003c\/h3\u003e\n\u003cp\u003eRépétez l'application 2 fois par jour pour des résultats visibles et durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-tip-box\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eConseil d'experte\u003c\/h3\u003e\n\u003cp\u003ePour maximiser l'efficacité, effectuez votre massage en remontant du bas vers le haut, de l'extérieur vers l'intérieur. Ce geste favorise la circulation et optimise la pénétration des actifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS ATTENDUS --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📊 Des résultats visibles au fil du temps\u003c\/h2\u003e\n\u003cdiv class=\"tb-timeline\"\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\"\u003e\u003cspan\u003e7j\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003ePremière semaine\u003c\/h3\u003e\n\u003cp\u003eHydratation immédiate, peau plus douce et confortable. Sensation de bien-être après chaque application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\"\u003e\u003cspan\u003e2-3 sem.\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003ePremières améliorations\u003c\/h3\u003e\n\u003cp\u003eLa peau gagne en fermeté, le grain de peau s'affine. L'élasticité commence à s'améliorer visiblement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\"\u003e\u003cspan\u003e1 mois\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003eTransformation visible\u003c\/h3\u003e\n\u003cp\u003eRaffermissement notable, peau tonifiée et rebondie. Le décolleté paraît plus jeune et sculpté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-item\"\u003e\n\u003cdiv class=\"tb-timeline-marker\"\u003e\u003cspan\u003e2-3 mois\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-timeline-content\"\u003e\n\u003ch3\u003eRésultats durables\u003c\/h3\u003e\n\u003cp\u003eFermeté optimale, texture de peau transformée. Les bienfaits anti-âge sont pleinement installés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e👩 À qui s'adresse le Top Bust Gel ?\u003c\/h2\u003e\n\u003cdiv class=\"tb-grid tb-grid-3\"\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e🤰\u003c\/div\u003e\n\u003ch3\u003eJeunes mamans\u003c\/h3\u003e\n\u003cp\u003eRetrouvez fermeté et tonicité après la grossesse et l'allaitement grâce à une formule respectueuse et naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eFemmes actives 30-50 ans\u003c\/h3\u003e\n\u003cp\u003ePrévenez les signes du temps et maintenez la beauté de votre décolleté avec un soin quotidien ciblé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e🌸\u003c\/div\u003e\n\u003ch3\u003eFemmes 50+ ans\u003c\/h3\u003e\n\u003cp\u003eRedonnez fermeté et élasticité à votre peau mature grâce aux actifs régénérants et raffermissants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eSportives\u003c\/h3\u003e\n\u003cp\u003eCompensez les effets des chocs répétés et maintenez la tonicité de vos tissus avec un soin adapté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eAdeptes du naturel\u003c\/h3\u003e\n\u003cp\u003eFaites confiance à une formule 100% naturelle, sans ingrédients controversés, pour prendre soin de vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-profile-card\"\u003e\n\u003cdiv class=\"tb-profile-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eBesoin de raffermissement\u003c\/h3\u003e\n\u003cp\u003eQue ce soit après une perte de poids ou naturellement, retrouvez une poitrine tonique et rebondie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FABRICATION \u0026 QUALITÉ --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e🇫🇷 L'excellence française Labophyto\u003c\/h2\u003e\n\u003cdiv class=\"tb-quality-grid\"\u003e\n\u003cdiv class=\"tb-quality-card\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🏭\u003c\/div\u003e\n\u003ch3\u003eFabrication française\u003c\/h3\u003e\n\u003cp\u003eConçu et fabriqué en France avec des contrôles qualité rigoureux à chaque étape de production.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-card\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eIngrédients bio\u003c\/h3\u003e\n\u003cp\u003eDes actifs issus de l'agriculture biologique pour respecter votre peau et préserver l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-card\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e🧪\u003c\/div\u003e\n\u003ch3\u003eTests dermatologiques\u003c\/h3\u003e\n\u003cp\u003eFormule dermatologiquement testée garantissant une tolérance maximale pour tous les types de peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-quality-card\"\u003e\n\u003cdiv class=\"tb-quality-icon\"\u003e♻️\u003c\/div\u003e\n\u003ch3\u003eEngagement éco-responsable\u003c\/h3\u003e\n\u003cp\u003eLabophyto s'engage pour des produits respectueux de votre santé et de notre planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"tb-info-grid\"\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"tb-info-value\"\u003e60 ml\u003c\/div\u003e\n\u003cp\u003eDurée d'utilisation : environ 1 mois à raison de 2 applications quotidiennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-label\"\u003eFormat\u003c\/div\u003e\n\u003cdiv class=\"tb-info-value\"\u003eFlacon pompe\u003c\/div\u003e\n\u003cp\u003eDosage précis et hygiénique pour une application optimale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tb-info-card\"\u003e\n\u003cdiv class=\"tb-info-label\"\u003eTexture\u003c\/div\u003e\n\u003cdiv class=\"tb-info-value\"\u003eGel frais\u003c\/div\u003e\n\u003cp\u003ePénétration rapide sans effet gras ni collant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"tb-section\"\u003e\n\u003cdiv class=\"tb-warning-box\"\u003e\n\u003cdiv class=\"tb-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eUsage externe uniquement. Éviter le contact avec les yeux.\u003c\/li\u003e\n\u003cli\u003eEn cas d'irritation, cesser l'utilisation et consulter un médecin.\u003c\/li\u003e\n\u003cli\u003eNe pas appliquer sur une peau lésée ou irritée.\u003c\/li\u003e\n\u003cli\u003eDéconseillé pendant la grossesse et l'allaitement sans avis médical.\u003c\/li\u003e\n\u003cli\u003eConserver à l'abri de la chaleur et de la lumière directe.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des enfants.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"tb-section\"\u003e\n\u003cdiv class=\"tb-cta-box\"\u003e\n\u003cdiv class=\"tb-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"tb-cta-content\"\u003e\n\u003cp\u003eOffrez à votre poitrine le soin qu'elle mérite avec le Top Bust Gel de Labophyto. Une formule naturelle, efficace et française pour sublimer votre féminité au quotidien. Résultats visibles dès les premières semaines d'utilisation régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --tb-cream: #f8f5fa;\n --tb-white: #ffffff;\n --tb-primary: #7B4A9E;\n --tb-primary-dark: #5a3577;\n --tb-primary-light: #E8D5F0;\n --tb-secondary: #B87BBF;\n --tb-accent: #d6a8e0;\n --tb-text: #1a1a1a;\n --tb-text-light: #5a5a5a;\n --tb-border: #e0d5e8;\n --tb-shadow: 0 4px 24px rgba(123, 74, 158, 0.08);\n --tb-shadow-lg: 0 12px 48px rgba(123, 74, 158, 0.15);\n --tb-radius: 20px;\n --tb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--tb-text);\n}\n\n\/* === HERO === *\/\n.tb-hero {\n position: relative;\n background: linear-gradient(135deg, #7B4A9E 0%, #9765b3 50%, #B87BBF 100%);\n border-radius: var(--tb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--tb-shadow-lg);\n}\n\n.tb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: \n radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 60% 70%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, white 1px, transparent 1px),\n radial-gradient(circle at 40% 80%, white 1.5px, transparent 1.5px);\n background-size: 60px 60px, 80px 80px, 40px 40px, 70px 70px;\n background-position: 0 0, 40px 40px, 20px 20px, 60px 60px;\n}\n\n.tb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 0.75rem;\n margin-bottom: 1.5rem;\n}\n\n.tb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tb-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.tb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.tb-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.tb-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.tb-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n font-weight: 500;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.tb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--tb-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tb-primary), var(--tb-secondary));\n border-radius: 2px;\n}\n\n.tb-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--tb-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.02em;\n}\n\n.tb-premium p {\n margin: 0 0 1rem 0;\n line-height: 1.7;\n color: var(--tb-text-light);\n}\n\n.tb-premium ul {\n margin: 0;\n padding-left: 1.5rem;\n color: var(--tb-text-light);\n}\n\n.tb-premium ul li {\n margin-bottom: 0.5rem;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.tb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tb-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === CARDS === *\/\n.tb-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.tb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-primary);\n}\n\n.tb-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(123, 74, 158, 0.2));\n}\n\n\/* === INGREDIENTS === *\/\n.tb-ingredient-card {\n background: linear-gradient(135deg, var(--tb-white) 0%, var(--tb-primary-light) 100%);\n border-radius: var(--tb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tb-shadow);\n border: 2px solid var(--tb-border);\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.tb-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-primary);\n}\n\n.tb-ingredient-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(123, 74, 158, 0.3));\n}\n\n.tb-ingredient-benefit {\n display: inline-block;\n background: var(--tb-primary);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 0.75rem;\n}\n\n\/* === MODE D'EMPLOI === *\/\n.tb-usage-container {\n display: grid;\n gap: 1.5rem;\n max-width: 800px;\n margin: 0 auto 2rem auto;\n}\n\n.tb-usage-step {\n background: var(--tb-white);\n border-radius: var(--tb-radius);\n padding: 1.5rem;\n box-shadow: var(--tb-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tb-usage-step:hover {\n border-color: var(--tb-primary);\n transform: translateX(8px);\n}\n\n.tb-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--tb-primary), var(--tb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(123, 74, 158, 0.3);\n}\n\n.tb-step-content h3 {\n margin-bottom: 0.5rem;\n}\n\n.tb-step-content p {\n margin-bottom: 0;\n font-size: 15px;\n}\n\n.tb-tip-box {\n background: linear-gradient(135deg, var(--tb-primary-light) 0%, var(--tb-white) 100%);\n border-radius: var(--tb-radius);\n padding: 1.5rem;\n border: 2px solid var(--tb-primary);\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tb-tip-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.tb-tip-box h3 {\n font-size: 18px;\n margin-bottom: 0.5rem;\n}\n\n.tb-tip-box p {\n margin-bottom: 0;\n font-size: 15px;\n}\n\n\/* === TIMELINE === *\/\n.tb-timeline {\n max-width: 800px;\n margin: 0 auto;\n position: relative;\n padding-left: 2rem;\n}\n\n.tb-timeline::before {\n content: '';\n position: absolute;\n left: 23px;\n top: 0;\n bottom: 0;\n width: 3px;\n background: linear-gradient(180deg, var(--tb-primary), var(--tb-secondary));\n border-radius: 2px;\n}\n\n.tb-timeline-item {\n position: relative;\n margin-bottom: 2.5rem;\n padding-left: 2.5rem;\n}\n\n.tb-timeline-item:last-child {\n margin-bottom: 0;\n}\n\n.tb-timeline-marker {\n position: absolute;\n left: 0;\n top: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--tb-primary), var(--tb-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(123, 74, 158, 0.3);\n border: 4px solid var(--tb-cream);\n}\n\n.tb-timeline-marker span {\n color: white;\n font-size: 11px;\n font-weight: 900;\n text-align: center;\n line-height: 1.2;\n}\n\n.tb-timeline-content {\n background: var(--tb-white);\n border-radius: var(--tb-radius);\n padding: 1.5rem;\n box-shadow: var(--tb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.tb-timeline-content:hover {\n border-color: var(--tb-primary);\n transform: translateX(8px);\n}\n\n.tb-timeline-content h3 {\n margin-bottom: 0.5rem;\n}\n\n.tb-timeline-content p {\n margin-bottom: 0;\n font-size: 15px;\n}\n\n\/* === PROFILS === *\/\n.tb-profile-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tb-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.tb-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tb-shadow-lg);\n border-color: var(--tb-secondary);\n}\n\n.tb-profile-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(184, 123, 191, 0.3));\n}\n\n\/* === QUALITÉ === *\/\n.tb-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.tb-quality-card {\n background: linear-gradient(135deg, var(--tb-white) 0%, var(--tb-primary-light) 100%);\n border-radius: var(--tb-radius);\n padding: 1.5rem;\n box-shadow: var(--tb-shadow);\n border: 2px solid var(--tb-border);\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.tb-quality-card:hover {\n transform: translateY(-8px);\n border-color: var(--tb-primary);\n}\n\n.tb-quality-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(123, 74, 158, 0.2));\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tb-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.tb-info-card {\n background: var(--tb-white);\n border-radius: var(--tb-radius);\n padding: 1.5rem;\n box-shadow: var(--tb-shadow);\n border: 2px solid var(--tb-border);\n text-align: center;\n transition: all 0.3s ease;\n}\n\n.tb-info-card:hover {\n border-color: var(--tb-primary);\n transform: translateY(-4px);\n}\n\n.tb-info-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--tb-primary);\n margin-bottom: 0.5rem;\n}\n\n.tb-info-value {\n font-size: 26px;\n font-weight: 900;\n color: var(--tb-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.tb-info-card p {\n margin-bottom: 0;\n font-size: 14px;\n color: var(--tb-text-light);\n}\n\n\/* === WARNING BOX === *\/\n.tb-warning-box {\n background: linear-gradient(135deg, #fff8e1 0%, #fffbf0 100%);\n border-radius: var(--tb-radius);\n padding: 1.5rem;\n border: 2px solid #ffc107;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tb-warning-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.tb-warning-content h3 {\n color: #d97706;\n margin-bottom: 1rem;\n}\n\n.tb-warning-content ul {\n color: #92400e;\n margin-bottom: 0;\n}\n\n.tb-warning-content ul li {\n margin-bottom: 0.5rem;\n}\n\n.tb-warning-content ul li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.tb-cta-box {\n background: linear-gradient(135deg, var(--tb-primary) 0%, var(--tb-primary-dark) 100%);\n border-radius: var(--tb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tb-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: \n radial-gradient(circle at 25% 25%, white 2px, transparent 2px),\n radial-gradient(circle at 75% 75%, white 2px, transparent 2px);\n background-size: 50px 50px;\n}\n\n.tb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tb-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tb-grid,\n .tb-grid-3,\n .tb-quality-grid,\n .tb-info-grid {\n grid-template-columns: 1fr;\n }\n\n .tb-timeline {\n padding-left: 1.5rem;\n }\n\n .tb-timeline::before {\n left: 15px;\n }\n\n .tb-timeline-marker {\n width: 40px;\n height: 40px;\n }\n\n .tb-timeline-marker span {\n font-size: 10px;\n }\n\n .tb-timeline-item {\n padding-left: 2rem;\n }\n\n .tb-usage-step {\n flex-direction: column;\n text-align: center;\n }\n\n .tb-warning-box,\n .tb-tip-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tb-card,\n .tb-ingredient-card,\n .tb-profile-card,\n .tb-quality-card,\n .tb-info-card,\n .tb-usage-step,\n .tb-timeline-item {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .tb-card:nth-child(1),\n .tb-ingredient-card:nth-child(1),\n .tb-profile-card:nth-child(1),\n .tb-quality-card:nth-child(1),\n .tb-info-card:nth-child(1) { animation-delay: 0.1s; }\n \n .tb-card:nth-child(2),\n .tb-ingredient-card:nth-child(2),\n .tb-profile-card:nth-child(2),\n .tb-quality-card:nth-child(2),\n .tb-info-card:nth-child(2) { animation-delay: 0.2s; }\n \n .tb-card:nth-child(3),\n .tb-ingredient-card:nth-child(3),\n .tb-profile-card:nth-child(3),\n .tb-quality-card:nth-child(3),\n .tb-info-card:nth-child(3) { animation-delay: 0.3s; }\n \n .tb-card:nth-child(4),\n .tb-ingredient-card:nth-child(4),\n .tb-profile-card:nth-child(4),\n .tb-quality-card:nth-child(4),\n .tb-info-card:nth-child(4) { animation-delay: 0.4s; }\n \n .tb-card:nth-child(5),\n .tb-profile-card:nth-child(5) { animation-delay: 0.5s; }\n \n .tb-card:nth-child(6),\n .tb-profile-card:nth-child(6) { animation-delay: 0.6s; }\n\n .tb-usage-step:nth-child(1) { animation-delay: 0.1s; }\n .tb-usage-step:nth-child(2) { animation-delay: 0.2s; }\n .tb-usage-step:nth-child(3) { animation-delay: 0.3s; }\n .tb-usage-step:nth-child(4) { animation-delay: 0.4s; }\n\n .tb-timeline-item:nth-child(1) { animation-delay: 0.1s; }\n .tb-timeline-item:nth-child(2) { animation-delay: 0.2s; }\n .tb-timeline-item:nth-child(3) { animation-delay: 0.3s; }\n .tb-timeline-item:nth-child(4) { animation-delay: 0.4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tb-card,\n .tb-ingredient-card,\n .tb-profile-card,\n .tb-quality-card,\n .tb-info-card {\n border: 3px solid var(--tb-text);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .tb-premium {\n padding: 0;\n }\n\n .tb-card,\n .tb-ingredient-card,\n .tb-profile-card,\n .tb-quality-card,\n .tb-info-card {\n box-shadow: none;\n border: 1px solid #ccc;\n page-break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755022999709,"sku":"REF1044","price":24.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/gel-raffermissant-poitrine-naturel-top-bust-labophyto-packshothd.webp?v=1785940400"},{"product_id":"hot-shot-sex-booster-aphrodisiaque-3-x-20-ml-labophyto","title":"Labophyto Hot Shot Sex Booster - X Power : Aphrodisiaque 3x20 ml","description":"\u003cdiv class=\"hs-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"hs-hero\"\u003e\n \u003cdiv class=\"hs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"hs-hero-content\"\u003e\n \u003cdiv class=\"hs-badges-top\"\u003e\n \u003cspan class=\"hs-badge\"\u003e🔥 Aphrodisiaque naturel\u003c\/span\u003e\n \u003cspan class=\"hs-badge\"\u003e⚡ 3 × 20 ml\u003c\/span\u003e\n \u003cspan class=\"hs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"hs-hero-title\"\u003eHot Shot Sex Booster\u003c\/span\u003e\n \u003cp class=\"hs-subtitle\"\u003eX Power par Labophyto\u003c\/p\u003e\n \u003cp class=\"hs-description\"\u003eLe shot aphrodisiaque prêt à boire qui associe maca, ginseng, guarana, caféine, taurine et vitamine C pour réveiller votre désir et votre énergie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eHot Shot Sex Booster X Power : l'aphrodisiaque naturel en shot prêt à boire\u003c\/h2\u003e\n \u003cp class=\"hs-section-intro\"\u003eVous cherchez un \u003cstrong\u003eaphrodisiaque naturel\u003c\/strong\u003e efficace pour raviver la flamme ? Le \u003cstrong\u003eHot Shot Sex Booster\u003c\/strong\u003e de Labophyto est un complément alimentaire en format shot conçu pour \u003cstrong\u003ebooster la libido\u003c\/strong\u003e aussi bien chez l'homme que chez la femme. Sa formule concentrée associe des plantes reconnues — maca, ginseng, guarana — à des actifs énergisants pour vous aider à retrouver désir et vitalité avant vos moments intimes.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eUne formule complète pour stimuler le désir\u003c\/h2\u003e\n \u003cp class=\"hs-section-intro\"\u003eCe qui distingue le Hot Shot Sex Booster, c'est la synergie de ses ingrédients. Là où beaucoup de produits misent sur un seul actif, ce shot combine \u003cstrong\u003esix composants complémentaires\u003c\/strong\u003e pour agir sur plusieurs leviers à la fois : énergie, circulation, endurance et désir.\u003c\/p\u003e\n \u003cdiv class=\"hs-grid\"\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🌿 Maca\u003c\/h3\u003e\n \u003cp\u003eRacine péruvienne parmi les aphrodisiaques naturels les plus étudiés. Soutient le désir sexuel et l'endurance, aussi bien chez l'homme que chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e☕ Guarana\u003c\/h3\u003e\n \u003cp\u003eNaturellement riche en caféine, il procure un regain d'énergie rapide et aide à réduire la sensation de fatigue, souvent responsable d'une baisse de libido.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🌱 Ginseng\u003c\/h3\u003e\n \u003cp\u003ePlante adaptogène réputée pour ses propriétés tonifiantes, le ginseng contribue à améliorer la vitalité globale et la résistance au stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e⚡ Caféine\u003c\/h3\u003e\n \u003cp\u003eEn complément du guarana, elle renforce l'effet stimulant et favorise la vigilance pour des moments intenses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e💪 Taurine\u003c\/h3\u003e\n \u003cp\u003eCet acide aminé soutient les fonctions métaboliques et participe à la production d'énergie cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🍊 Vitamine C\u003c\/h3\u003e\n \u003cp\u003e40 mg par shot de 20 ml (50 % des AR). Antioxydant essentiel, elle contribue à réduire la fatigue et soutient le bon fonctionnement du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eComment prendre le Hot Shot Sex Booster ?\u003c\/h2\u003e\n \u003cdiv class=\"hs-timeline\"\u003e\n \u003cdiv class=\"hs-timeline-item\"\u003e\n \u003cdiv class=\"hs-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-content\"\u003e\n \u003ch3\u003eAgitez bien le flacon\u003c\/h3\u003e\n \u003cp\u003eAvant ouverture, secouez le shot pour garantir une bonne répartition de tous les actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-item\"\u003e\n \u003cdiv class=\"hs-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-content\"\u003e\n \u003ch3\u003eBuvez un shot de 20 ml\u003c\/h3\u003e\n \u003cp\u003eConsommez directement environ 30 minutes avant le moment souhaité. Pas besoin d'eau ni de cuillère doseuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-item\"\u003e\n \u003cdiv class=\"hs-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"hs-timeline-content\"\u003e\n \u003ch3\u003eProfitez de l'instant\u003c\/h3\u003e\n \u003cp\u003eNe dépassez pas une unidose par jour. Format discret qui se glisse facilement dans un sac ou une valise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-tip\"\u003e\n \u003cspan class=\"hs-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLe format en shot individuel est particulièrement pratique : discret, il se glisse facilement dans un sac ou une valise. Vous le buvez directement et c'est tout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003ePour qui est fait ce produit ?\u003c\/h2\u003e\n \u003cp class=\"hs-section-intro\"\u003eSi vous vous demandez \u003cstrong\u003ecomment booster sa libido\u003c\/strong\u003e de manière naturelle, ce shot s'adresse à vous, que vous soyez un homme ou une femme.\u003c\/p\u003e\n \u003cdiv class=\"hs-grid\"\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e😩 Fatigue \u0026amp; stress\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les personnes ressentant une baisse de désir liée au stress ou à la fatigue quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🌿 Solution naturelle\u003c\/h3\u003e\n \u003cp\u003eParfait pour celles et ceux qui souhaitent booster la libido sans recourir à des solutions médicamenteuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e💑 Vie de couple\u003c\/h3\u003e\n \u003cp\u003ePour les couples qui veulent simplement pimenter leurs soirées avec un coup de pouce naturel et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"hs-section\"\u003e\n \u003ch2\u003eQualité et fabrication française\u003c\/h2\u003e\n \u003cdiv class=\"hs-testimonial\"\u003e\n \u003cp class=\"hs-testimonial-text\"\u003eLe Hot Shot Sex Booster est fabriqué en France par Labophyto, un laboratoire spécialisé dans les compléments alimentaires dédiés au bien-être intime. La formulation respecte les réglementations européennes en vigueur et chaque ingrédient est sélectionné pour sa qualité et sa traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eLaboratoire français spécialisé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e✅ Normes UE\u003c\/h3\u003e\n \u003cp\u003eRéglementations européennes respectées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e🔬 Traçabilité\u003c\/h3\u003e\n \u003cp\u003eIngrédients sélectionnés avec soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"hs-card\"\u003e\n \u003ch3\u003e📦 3 × 20 ml\u003c\/h3\u003e\n \u003cp\u003e60 ml au total, 3 shots individuels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"hs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"hs-accordion\"\u003e\n \u003cdetails class=\"hs-accordion-item\"\u003e\n \u003csummary class=\"hs-accordion-header\"\u003e⚠️ Avertissements généraux\u003c\/summary\u003e\n \u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, de traitement médical en cours ou de pathologie particulière, consultez votre médecin avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hs-accordion-item\"\u003e\n \u003csummary class=\"hs-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux personnes sensibles à la caféine. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"hs-accordion-item\"\u003e\n \u003csummary class=\"hs-accordion-header\"\u003e📦 Contenu du produit\u003c\/summary\u003e\n \u003cdiv class=\"hs-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eContenu :\u003c\/strong\u003e 3 shots de 20 ml chacun (60 ml au total).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"hs-disclaimer\"\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --hs-cream: #f5f3f0;\n --hs-white: #ffffff;\n --hs-primary: #c4a265;\n --hs-primary-dark: #1a1a1a;\n --hs-primary-light: #f7f1e6;\n --hs-secondary: #d4b87a;\n --hs-accent: #e63946;\n --hs-text: #1a1a1a;\n --hs-text-light: #5a5a5a;\n --hs-border: #e0e0e0;\n --hs-shadow: 0 4px 24px rgba(0,0,0,.08);\n --hs-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --hs-radius: 20px;\n --hs-radius-sm: 12px;\n}\n\n.hs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--hs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.hs-hero {\n position: relative;\n background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 40%, #2a2218 70%, #3a2f1e 100%);\n border-radius: var(--hs-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--hs-shadow-lg);\n}\n\n.hs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(196,162,101,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,184,122,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(230,57,70,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.hs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.hs-hero-title {\n display: block;\n color: var(--hs-primary);\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.4);\n text-transform: uppercase;\n}\n\n.hs-subtitle {\n color: rgba(255,255,255,.7);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1.5rem 0;\n}\n\n.hs-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.hs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.hs-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(196,162,101,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(196,162,101,.3);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--hs-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.2);\n transition: all .3s ease;\n}\n\n.hs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n background: rgba(196,162,101,.25);\n}\n\n\/* === SECTIONS === *\/\n.hs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.hs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--hs-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.hs-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--hs-primary), var(--hs-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.hs-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hs-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.hs-card {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--hs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.hs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--hs-shadow-lg);\n border-color: var(--hs-primary);\n}\n\n.hs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--hs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.hs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.hs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.hs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.hs-grid-compact .hs-card {\n padding: 1rem;\n}\n\n.hs-grid-compact .hs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.hs-grid-compact .hs-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.hs-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.hs-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.hs-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--hs-primary-dark), #3a2f1e);\n color: var(--hs-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n border: 2px solid var(--hs-primary);\n}\n\n.hs-timeline-content {\n flex: 1;\n background: var(--hs-white);\n padding: 1rem 1.25rem;\n border-radius: var(--hs-radius-sm);\n box-shadow: var(--hs-shadow);\n}\n\n.hs-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--hs-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.hs-timeline-content p {\n font-size: 14px;\n color: var(--hs-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.hs-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--hs-primary-light);\n border-radius: var(--hs-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.hs-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.hs-tip p {\n font-size: 14px;\n color: var(--hs-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.hs-testimonial {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--hs-shadow);\n border-left: 4px solid var(--hs-primary);\n}\n\n.hs-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--hs-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.hs-accordion {\n background: var(--hs-white);\n border-radius: var(--hs-radius);\n box-shadow: var(--hs-shadow);\n overflow: hidden;\n}\n\n.hs-accordion-item {\n border-bottom: 1px solid var(--hs-border);\n margin: 0;\n padding: 0;\n}\n\n.hs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.hs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--hs-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.hs-accordion-header:hover {\n background: var(--hs-primary-light);\n}\n\n.hs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.hs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--hs-primary);\n transition: transform .2s ease;\n}\n\n.hs-accordion-item[open] .hs-accordion-header::after {\n content: '−';\n}\n\n.hs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--hs-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.hs-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.hs-disclaimer {\n font-size: 12px;\n color: var(--hs-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .hs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .hs-card {\n padding: 1.125rem;\n }\n\n .hs-section {\n margin-bottom: 1.75rem;\n }\n\n .hs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--hs-radius-sm);\n }\n\n .hs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .hs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .hs-grid-compact {\n gap: .625rem;\n }\n\n .hs-grid-compact .hs-card {\n padding: .75rem;\n }\n\n .hs-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .hs-timeline-content {\n padding: .875rem 1rem;\n }\n\n .hs-timeline-content h3 {\n font-size: 14px;\n }\n\n .hs-timeline-content p {\n font-size: 13px;\n }\n\n .hs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .hs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .hs-testimonial {\n padding: 1.25rem;\n }\n\n .hs-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .hs-card {\n animation: hsFadeInUp .5s ease backwards;\n }\n .hs-card:nth-child(1) { animation-delay: .05s; }\n .hs-card:nth-child(2) { animation-delay: .1s; }\n .hs-card:nth-child(3) { animation-delay: .15s; }\n .hs-card:nth-child(4) { animation-delay: .2s; }\n .hs-card:nth-child(5) { animation-delay: .25s; }\n .hs-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes hsFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .hs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755023917213,"sku":"REF1047","price":20.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/labophyto-hot-shot-sex-booster-x-power-aphrodisiaque-3x20-ml-packshothd.webp?v=1785939551"},{"product_id":"xl-power-aphrodisiaque-10-gelules-labophyto","title":"XL Power : Aphrodisiaque 4 en 1 - 10 Gélules - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: XL Power - Aphrodisiaque 4 en 1\nPalette détectée:\n - Primaire: #2B68A8 (bleu professionnel\/médical du packaging)\n - Secondaire: #5DB8E5 (bleu clair des gélules)\n - Accent: #1A4A7A (bleu foncé pour contraste)\nAmbiance: Technique\/médical, professionnel, masculin, orienté performance\nStyle: Premium scientifique avec légitimité française (drapeau)\nPréfixe CSS: xlp\n--\u003e\n\u003cdiv class=\"xlp-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"xlp-hero\"\u003e\n\u003cdiv class=\"xlp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"xlp-hero-content\"\u003e\n\u003cdiv class=\"xlp-badges-top\"\u003e\n\u003cspan class=\"xlp-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"xlp-badge\"\u003e💊 10 gélules\u003c\/span\u003e \u003cspan class=\"xlp-badge\"\u003e⚡ Action rapide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"xlp-hero-title\"\u003eXL Power\u003c\/span\u003e\n\u003cp class=\"xlp-subtitle\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eL'aphrodisiaque 4 en 1 nouvelle génération\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"xlp-description\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eLe complément alimentaire masculin qui combine efficacité scientifique et ingrédients naturels pour booster votre libido, vos performances et votre vitalité. Résultats rapides garantis.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- LES 4 ACTIONS CLÉS --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e🎯 Les 4 actions synergiques\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid\"\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e🚀\u003c\/div\u003e\n\u003ch3\u003eÉrection favorisée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eGrâce au Tribulus\u003c\/p\u003e\n\u003cp\u003eAméliore la libido et la fonction érectile en stimulant la production naturelle de testostérone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eTestostérone augmentée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eAction hormonale naturelle\u003c\/p\u003e\n\u003cp\u003eLe Tribulus aide à augmenter le niveau de testostérone endogène pour une virilité optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eQualité du sperme améliorée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003eFertilité optimisée\u003c\/p\u003e\n\u003cp\u003eLe zinc et les actifs naturels contribuent à une meilleure qualité spermatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-action-card\"\u003e\n\u003cdiv class=\"xlp-icon\"\u003e❤️\u003c\/div\u003e\n\u003ch3\u003eCirculation sanguine améliorée\u003c\/h3\u003e\n\u003cp class=\"xlp-highlight\"\u003ePiper nigrum + Melilotus\u003c\/p\u003e\n\u003cp\u003eFavorise la circulation sanguine à travers les petits vaisseaux pour une meilleure performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION PREMIUM --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e🧬 Formule scientifique exclusive\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-composition\"\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eTribulus terrestris\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eDosage optimal\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePlante légendaire qui booste la production de testostérone et améliore la libido masculine naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eMaca\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eExtrait concentré\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eRacine péruvienne reconnue pour stimuler le désir sexuel et améliorer l'endurance physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eGinseng\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eHaute concentration\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eTonifiant naturel qui augmente l'énergie physique et mentale pour des performances optimales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e💎\u003c\/div\u003e\n\u003ch3\u003eL-Arginine\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eAcide aminé essentiel\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003ePrécurseur de l'oxyde nitrique, améliore la circulation sanguine vers les organes génitaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eZinc\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003e100% des apports\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eMinéral indispensable pour une fonction reproductive normale et la fertilité masculine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-ingredient-card\"\u003e\n\u003cdiv class=\"xlp-ingredient-icon\"\u003e🌶️\u003c\/div\u003e\n\u003ch3\u003eCaféine + Arginine + Cuivre\u003c\/h3\u003e\n\u003cp class=\"xlp-dosage\"\u003e\u003cspan style=\"color: rgb(255, 255, 255);\"\u003eSynergie énergisante\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eCombinaison pour une stimulation complète et une vitalité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi optimisé\u003c\/h2\u003e\n\u003cdiv class=\"xlp-usage-timeline\"\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eTiming parfait\u003c\/h3\u003e\n\u003cp\u003ePrendre \u003cstrong\u003e1 gélule 30 minutes avant\u003c\/strong\u003e le rapport sexuel avec un grand verre d'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eMaximum 1 gélule par jour.\u003c\/strong\u003e Ne pas dépasser la dose journalière indiquée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-step\"\u003e\n\u003cdiv class=\"xlp-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"xlp-step-content\"\u003e\n\u003ch3\u003eEfficacité maximale\u003c\/h3\u003e\n\u003cp\u003eAssociez à une \u003cstrong\u003ealimentation équilibrée\u003c\/strong\u003e et un mode de vie sain pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e✨ Vos bénéfices au quotidien\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-benefits\"\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch3\u003eDésir décuplé\u003c\/h3\u003e\n\u003cp\u003eStimulation naturelle de la libido grâce à des ingrédients aphrodisiaques reconnus depuis des siècles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003ePerformance prolongée\u003c\/h3\u003e\n\u003cp\u003eAméliorez votre endurance et la durée de vos rapports pour une satisfaction mutuelle maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e💪\u003c\/div\u003e\n\u003ch3\u003eVitalité retrouvée\u003c\/h3\u003e\n\u003cp\u003ePropriétés énergisantes qui boostent votre forme générale et votre confiance en vous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003e100% naturel\u003c\/h3\u003e\n\u003cp\u003eFormule à base d'extraits de plantes, sans additifs chimiques nocifs pour votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eAction rapide\u003c\/h3\u003e\n\u003cp\u003eRésultats perceptibles dès 30 minutes après la prise pour une spontanéité préservée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-benefit-card\"\u003e\n\u003cdiv class=\"xlp-benefit-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eQualité française\u003c\/h3\u003e\n\u003cp\u003eFabriqué en France selon les normes CE les plus strictes, gage de sécurité et d'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e👤 XL Power est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid\"\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eVous cherchez à booster votre libido\u003c\/h3\u003e\n\u003cp\u003eRedécouvrez un désir sexuel puissant grâce à une formule naturelle qui stimule votre appétit sensuel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e💼\u003c\/div\u003e\n\u003ch3\u003eLe stress impacte vos performances\u003c\/h3\u003e\n\u003cp\u003eRetrouvez confiance et sérénité lors de vos rapports intimes malgré un quotidien chargé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e⏰\u003c\/div\u003e\n\u003ch3\u003eVous souhaitez améliorer votre endurance\u003c\/h3\u003e\n\u003cp\u003eProlongez vos ébats et satisfaisez pleinement votre partenaire avec une meilleure résistance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-card xlp-target-card\"\u003e\n\u003cdiv class=\"xlp-target-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eVous privilégiez le naturel\u003c\/h3\u003e\n\u003cp\u003eOptez pour une solution à base de plantes, sans produits chimiques agressifs pour votre corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003cdiv class=\"xlp-warning-box\"\u003e\n\u003cdiv class=\"xlp-warning-icon\"\u003e⚠️\u003c\/div\u003e\n\u003cdiv class=\"xlp-warning-content\"\u003e\n\u003ch3\u003ePrécautions d'usage importantes\u003c\/h3\u003e\n\u003cul class=\"xlp-warning-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eRéservé aux adultes.\u003c\/strong\u003e Ne pas donner aux enfants.\u003c\/li\u003e\n\u003cli\u003eNe pas dépasser la dose journalière recommandée de 1 gélule.\u003c\/li\u003e\n\u003cli\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée.\u003c\/li\u003e\n\u003cli\u003eTenir hors de portée des jeunes enfants.\u003c\/li\u003e\n\u003cli\u003eEn cas de doute ou de traitement médical, consulter un professionnel de santé.\u003c\/li\u003e\n\u003cli\u003eConserver dans un endroit frais et sec, à l'abri de la lumière.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- LABOPHYTO EXPERTISE --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003cdiv class=\"xlp-brand-box\"\u003e\n\u003ch2\u003e🏆 L'expertise Labophyto\u003c\/h2\u003e\n\u003cdiv class=\"xlp-brand-content\"\u003e\n\u003cp class=\"xlp-brand-intro\"\u003eLabophyto est un \u003cstrong\u003eleader français\u003c\/strong\u003e dans le domaine des compléments alimentaires naturels dédiés au bien-être intime et à la vitalité masculine.\u003c\/p\u003e\n\u003cdiv class=\"xlp-expertise-grid\"\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🔬\u003c\/div\u003e\n\u003ch4\u003eRecherche scientifique\u003c\/h4\u003e\n\u003cp\u003eFormules développées en collaboration avec des experts pour une efficacité maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch4\u003eIngrédients premium\u003c\/h4\u003e\n\u003cp\u003eSélection rigoureuse de plantes et actifs naturels pour leur qualité et leur pureté.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e✅\u003c\/div\u003e\n\u003ch4\u003eNormes CE strictes\u003c\/h4\u003e\n\u003cp\u003eFabrication française respectant les standards de qualité et de sécurité les plus élevés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-expertise-item\"\u003e\n\u003cdiv class=\"xlp-expertise-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch4\u003eEngagement qualité\u003c\/h4\u003e\n\u003cp\u003eDes produits sûrs, testés et efficaces pour votre bien-être et votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"xlp-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"xlp-grid xlp-grid-info\"\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e💊\u003c\/div\u003e\n\u003ch3\u003eContenance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e10 gélules\u003c\/strong\u003e\u003cbr\u003eFormat économique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003ch3\u003eOrigine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003cbr\u003eNormes CE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eComposition\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100% naturelle\u003c\/strong\u003e\u003cbr\u003eExtraits de plantes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e⏱️\u003c\/div\u003e\n\u003ch3\u003eAction\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e30 minutes\u003c\/strong\u003e\u003cbr\u003eAvant le rapport\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eUsage\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e1 gélule\/jour max\u003c\/strong\u003e\u003cbr\u003eSelon besoin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xlp-info-card\"\u003e\n\u003cdiv class=\"xlp-info-icon\"\u003e🏅\u003c\/div\u003e\n\u003ch3\u003eMarque\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e\u003cbr\u003eExpert depuis 2008\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"xlp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"xlp-cta-box\"\u003e\n\u003cdiv class=\"xlp-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"xlp-cta-content\"\u003e\n\u003cp class=\"xlp-cta-title\"\u003eRetrouvez confiance et performance\u003c\/p\u003e\n\u003cp\u003eXL Power combine l'efficacité scientifique des actifs naturels pour vous offrir des résultats rapides et durables. Fabriqué en France avec des ingrédients premium, ce complément alimentaire 4 en 1 est votre allié pour une vie intime épanouie.\u003c\/p\u003e\n\u003cp class=\"xlp-cta-highlight\"\u003e🇫🇷 Qualité française • ⚡ Action rapide • 🌿 100% naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n \/* Couleurs principales *\/\n --xlp-cream: #f8f9fb;\n --xlp-white: #ffffff;\n --xlp-primary: #2B68A8;\n --xlp-primary-dark: #1A4A7A;\n --xlp-primary-light: #E8F1F9;\n --xlp-secondary: #5DB8E5;\n --xlp-accent: #3D8BC7;\n\n \/* Textes *\/\n --xlp-text: #1a1a1a;\n --xlp-text-light: #5a5a5a;\n\n \/* Effets *\/\n --xlp-border: #e0e6ed;\n --xlp-shadow: 0 4px 24px rgba(43, 104, 168, 0.08);\n --xlp-shadow-lg: 0 12px 48px rgba(43, 104, 168, 0.15);\n --xlp-radius: 20px;\n --xlp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR PRINCIPAL === *\/\n.xlp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--xlp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--xlp-text);\n}\n\n\/* === HERO SECTION === *\/\n.xlp-hero {\n position: relative;\n background: linear-gradient(135deg, #2B68A8 0%, #3D8BC7 50%, #5DB8E5 100%);\n border-radius: var(--xlp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--xlp-shadow-lg);\n}\n\n.xlp-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.xlp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.xlp-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.xlp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--xlp-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.xlp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.xlp-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.xlp-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.xlp-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 500;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.xlp-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.xlp-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--xlp-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.xlp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--xlp-primary), var(--xlp-secondary));\n border-radius: 2px;\n}\n\n.xlp-premium h3 {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--xlp-primary-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -0.02em;\n}\n\n.xlp-premium h4 {\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 700;\n color: var(--xlp-primary);\n margin: 0 0 0.5rem 0;\n}\n\n.xlp-premium p {\n margin: 0 0 1rem 0;\n color: var(--xlp-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n}\n\n\/* === GRILLES === *\/\n.xlp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.xlp-grid-composition {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.xlp-grid-benefits {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n}\n\n.xlp-grid-info {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.xlp-card {\n background: var(--xlp-white);\n border-radius: var(--xlp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--xlp-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.xlp-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--xlp-shadow-lg);\n border-color: var(--xlp-primary);\n}\n\n\/* Cards Actions *\/\n.xlp-action-card {\n text-align: center;\n}\n\n.xlp-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.xlp-highlight {\n color: var(--xlp-primary);\n font-weight: 700;\n font-size: clamp(13px, 1.8vw, 15px);\n margin-bottom: 0.75rem;\n display: block;\n}\n\n\/* Cards Ingrédients *\/\n.xlp-ingredient-card {\n position: relative;\n background: linear-gradient(135deg, var(--xlp-white) 0%, var(--xlp-primary-light) 100%);\n}\n\n.xlp-ingredient-icon {\n font-size: clamp(36px, 5vw, 44px);\n margin-bottom: 1rem;\n display: block;\n text-align: center;\n}\n\n.xlp-dosage {\n background: var(--xlp-primary);\n color: white;\n font-size: 12px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n display: inline-block;\n margin-bottom: 0.75rem;\n}\n\n\/* Cards Bénéfices *\/\n.xlp-benefit-card {\n text-align: center;\n background: linear-gradient(135deg, var(--xlp-white) 0%, var(--xlp-primary-light) 100%);\n}\n\n.xlp-benefit-icon {\n font-size: clamp(44px, 6vw, 56px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* Cards Cibles *\/\n.xlp-target-card {\n border-left: 4px solid var(--xlp-primary);\n}\n\n.xlp-target-icon {\n font-size: clamp(36px, 5vw, 44px);\n margin-bottom: 1rem;\n display: block;\n}\n\n\/* Cards Info *\/\n.xlp-info-card {\n text-align: center;\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n}\n\n.xlp-info-icon {\n font-size: clamp(32px, 5vw, 40px);\n margin-bottom: 0.75rem;\n display: block;\n}\n\n.xlp-info-card h3 {\n font-size: clamp(14px, 2vw, 16px);\n margin-bottom: 0.5rem;\n}\n\n.xlp-info-card p {\n font-size: clamp(13px, 1.8vw, 15px);\n margin: 0;\n}\n\n\/* === TIMELINE MODE D'EMPLOI === *\/\n.xlp-usage-timeline {\n max-width: 800px;\n margin: 0 auto;\n}\n\n.xlp-step {\n display: flex;\n gap: 2rem;\n margin-bottom: 2.5rem;\n align-items: flex-start;\n}\n\n.xlp-step:last-child {\n margin-bottom: 0;\n}\n\n.xlp-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--xlp-primary), var(--xlp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(43, 104, 168, 0.3);\n}\n\n.xlp-step-content {\n flex: 1;\n background: var(--xlp-white);\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n border-radius: var(--xlp-radius-sm);\n box-shadow: var(--xlp-shadow);\n border-left: 4px solid var(--xlp-primary);\n}\n\n.xlp-step-content h3 {\n margin-bottom: 0.5rem;\n}\n\n.xlp-step-content p {\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.xlp-warning-box {\n background: #FFF9E6;\n border: 3px solid #FFB020;\n border-radius: var(--xlp-radius);\n padding: clamp(2rem, 4vw, 3rem);\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.xlp-warning-icon {\n font-size: clamp(44px, 6vw, 56px);\n flex-shrink: 0;\n}\n\n.xlp-warning-content h3 {\n color: #D97706;\n margin-bottom: 1rem;\n}\n\n.xlp-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.xlp-warning-list li {\n color: var(--xlp-text);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.7;\n margin-bottom: 0.75rem;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.xlp-warning-list li::before {\n content: '⚡';\n position: absolute;\n left: 0;\n color: #FFB020;\n}\n\n\/* === BRAND BOX === *\/\n.xlp-brand-box {\n background: linear-gradient(135deg, var(--xlp-primary-light) 0%, var(--xlp-white) 100%);\n border-radius: var(--xlp-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n border: 2px solid var(--xlp-border);\n}\n\n.xlp-brand-box h2 {\n margin-bottom: 1.5rem;\n}\n\n.xlp-brand-intro {\n font-size: clamp(16px, 2vw, 19px);\n color: var(--xlp-text);\n font-weight: 600;\n text-align: center;\n margin-bottom: 2.5rem;\n line-height: 1.7;\n}\n\n.xlp-expertise-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 2rem;\n}\n\n.xlp-expertise-item {\n text-align: center;\n}\n\n.xlp-expertise-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.xlp-expertise-item h4 {\n color: var(--xlp-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.xlp-expertise-item p {\n margin: 0;\n font-size: clamp(14px, 1.8vw, 15px);\n}\n\n\/* === CTA FINAL === *\/\n.xlp-cta-box {\n background: linear-gradient(135deg, var(--xlp-primary) 0%, var(--xlp-primary-dark) 100%);\n border-radius: var(--xlp-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--xlp-shadow-lg);\n}\n\n.xlp-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: radial-gradient(circle at 25% 25%, white 2%, transparent 2%),\n radial-gradient(circle at 75% 75%, white 2%, transparent 2%);\n background-size: 60px 60px;\n}\n\n.xlp-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.xlp-cta-title {\n color: white;\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -0.02em;\n}\n\n.xlp-cta-box p {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n}\n\n.xlp-cta-highlight {\n color: white;\n font-size: clamp(15px, 2vw, 17px);\n font-weight: 700;\n margin: 0;\n padding: 1rem 2rem;\n background: rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n display: inline-block;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .xlp-grid,\n .xlp-grid-composition,\n .xlp-grid-benefits,\n .xlp-expertise-grid {\n grid-template-columns: 1fr;\n }\n\n .xlp-grid-info {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .xlp-step {\n gap: 1rem;\n }\n\n .xlp-step-number {\n width: 44px;\n height: 44px;\n font-size: 20px;\n }\n\n .xlp-warning-box {\n flex-direction: column;\n gap: 1rem;\n }\n\n .xlp-badges-top {\n gap: 8px;\n }\n\n .xlp-badge {\n font-size: 11px;\n padding: 6px 12px;\n }\n}\n\n@media (max-width: 480px) {\n .xlp-grid-info {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .xlp-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n\n .xlp-card:nth-child(1) { animation-delay: 0.1s; }\n .xlp-card:nth-child(2) { animation-delay: 0.2s; }\n .xlp-card:nth-child(3) { animation-delay: 0.3s; }\n .xlp-card:nth-child(4) { animation-delay: 0.4s; }\n .xlp-card:nth-child(5) { animation-delay: 0.5s; }\n .xlp-card:nth-child(6) { animation-delay: 0.6s; }\n\n .xlp-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n\n .xlp-step:nth-child(1) { animation-delay: 0.1s; }\n .xlp-step:nth-child(2) { animation-delay: 0.3s; }\n .xlp-step:nth-child(3) { animation-delay: 0.5s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-30px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .xlp-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .xlp-card {\n border: 3px solid var(--xlp-primary);\n }\n\n .xlp-hero {\n border: 3px solid var(--xlp-primary-dark);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .xlp-premium {\n background: white;\n }\n\n .xlp-card {\n box-shadow: none;\n border: 1px solid #000;\n page-break-inside: avoid;\n }\n\n .xlp-hero {\n background: white;\n border: 2px solid #000;\n }\n\n .xlp-hero-title,\n .xlp-subtitle,\n .xlp-description {\n color: #000;\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024179357,"sku":"REF1048","price":32.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/xl-power-aphrodisiaque-4-en-1-10-gelules-labophyto-packshothd.webp?v=1785938871"},{"product_id":"top-desire-60-gelules-labophyto","title":"Top Desire - Stimulant Libido Femme 100% Naturel - Labophyto","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Top Desire - Stimulant Libido Femme\nPalette détectée:\n - Primaire: #E91E8C (rose vif vibrant du packaging, féminin et énergique)\n - Secondaire: #C41673 (rose fuchsia foncé pour contraste)\n - Accent: #FF5BAE (rose clair pour backgrounds et highlights)\n - Neutre: #2D2D2D (gris anthracite du logo)\nAmbiance: Féminin moderne, sensuel, énergique, premium lifestyle\nStyle: Intimité féminine, wellness, empowerment, romance moderne\nPréfixe CSS: td\n--\u003e\n\n\u003cdiv class=\"td-premium\"\u003e\n \u003cdiv class=\"td-hero\"\u003e\n \u003cdiv class=\"td-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-hero-content\"\u003e\n \u003cdiv class=\"td-badges-top\"\u003e\n \u003cspan class=\"td-badge\"\u003e💖 100% naturel\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e✨ 60 gélules\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"td-hero-title\"\u003eTop Desire\u003c\/span\u003e\n \u003cp class=\"td-subtitle\"\u003eLe stimulant libido féminin nouvelle génération\u003c\/p\u003e\n \u003cp class=\"td-description\"\u003eRavivez votre désir et votre épanouissement intime grâce à une formule 100% naturelle enrichie en plantes adaptogènes et vitamines essentielles. Conçu par Labophyto, expert français en bien-être sexuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePourquoi choisir Top Desire ?\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eFormule 100% naturelle\u003c\/div\u003e\n \u003cp\u003eUne synergie d'ingrédients puissants et naturels soigneusement sélectionnés pour stimuler votre libido sans effets secondaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e💫\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eStimule le désir sexuel\u003c\/div\u003e\n \u003cp\u003eAgit sur les mécanismes naturels du désir féminin pour raviver votre envie et votre sensualité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eBooste l'énergie\u003c\/div\u003e\n \u003cp\u003eCombat la fatigue et le stress qui affectent votre libido grâce aux plantes adaptogènes comme la maca et le ginseng.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eÉquilibre hormonal\u003c\/div\u003e\n \u003cp\u003eSoutient votre équilibre hormonal naturel avec du zinc et de la vitamine B6 pour un bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e💕\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eAméliore le plaisir\u003c\/div\u003e\n \u003cp\u003eFavorise la circulation sanguine et la réceptivité sexuelle pour des moments intimes plus intenses et satisfaisants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"td-card-title\"\u003eQualité premium\u003c\/div\u003e\n \u003cp\u003eFabriqué en France par Labophyto selon les normes européennes les plus strictes pour votre sécurité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eComposition active et dosages\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eTribulus Terrestris\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e200 mg\u003c\/div\u003e\n \u003cp\u003eStimule puissamment le désir sexuel et favorise l'équilibre hormonal naturel chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e💪\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eL-Arginine\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e250 mg\u003c\/div\u003e\n \u003cp\u003eAméliore la circulation sanguine vers les zones intimes, augmentant la sensibilité et la réceptivité sexuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🥔\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eMaca\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e150 mg\u003c\/div\u003e\n \u003cp\u003ePlante adaptogène péruvienne reconnue pour réduire le stress, booster l'énergie et raviver le désir sexuel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eGinseng\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e100 mg\u003c\/div\u003e\n \u003cp\u003eAccroît l'énergie physique et mentale, améliore les performances et réduit la fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eVitamine B6\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e1,4 mg\u003c\/div\u003e\n \u003cp\u003eAide à la régulation hormonale et contribue à réduire la fatigue pour un équilibre optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-card\"\u003e\n \u003cdiv class=\"td-ingredient-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-name\"\u003eZinc\u003c\/div\u003e\n \u003cdiv class=\"td-ingredient-dose\"\u003e10 mg\u003c\/div\u003e\n \u003cp\u003eSoutient la fertilité, maintient un taux de testostérone sain et renforce le système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"td-steps\"\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003ePosologie quotidienne\u003c\/div\u003e\n \u003cp\u003ePrenez 2 gélules par jour avec un grand verre d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eMoment idéal\u003c\/div\u003e\n \u003cp\u003eDe préférence le matin ou avant un repas pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eDurée de cure\u003c\/div\u003e\n \u003cp\u003eMinimum 1 mois pour des résultats durables et significatifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cdiv class=\"td-step-title\"\u003eRégularité\u003c\/div\u003e\n \u003cp\u003eRespectez la prise quotidienne pour maximiser les effets bénéfiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePour qui est Top Desire ?\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e😴\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eFatigue et stress\u003c\/div\u003e\n \u003cp\u003eVous êtes épuisée par le rythme quotidien et votre libido en souffre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e🔄\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eFluctuations hormonales\u003c\/div\u003e\n \u003cp\u003eVos hormones jouent au yo-yo et affectent votre désir sexuel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e💔\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eBaisse de libido\u003c\/div\u003e\n \u003cp\u003eVous ressentez une diminution de votre envie et de votre sensualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e💑\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eVie de couple\u003c\/div\u003e\n \u003cp\u003eVous souhaitez raviver la flamme et renforcer vos relations intimes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eSolution naturelle\u003c\/div\u003e\n \u003cp\u003eVous cherchez une approche saine sans recourir aux médicaments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-profile-card\"\u003e\n \u003cdiv class=\"td-profile-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"td-profile-title\"\u003eÉpanouissement\u003c\/div\u003e\n \u003cp\u003eVous voulez retrouver votre confiance et votre bien-être intime\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eLes bénéfices attendus\u003c\/h2\u003e\n \u003cdiv class=\"td-benefits\"\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eSemaine 1-2\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e🌱 Phase d'adaptation\u003c\/div\u003e\n \u003cp\u003eVotre corps s'habitue aux actifs naturels. Vous commencez à ressentir plus d'énergie et moins de fatigue au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eSemaine 3-4\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e💫 Premiers effets\u003c\/div\u003e\n \u003cp\u003eLe désir sexuel commence à se réveiller. Vous ressentez une amélioration de votre humeur et de votre réceptivité sensuelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-benefit-card\"\u003e\n \u003cdiv class=\"td-benefit-timeline\"\u003eMois 2-3\u003c\/div\u003e\n \u003cdiv class=\"td-benefit-content\"\u003e\n \u003cdiv class=\"td-benefit-title\"\u003e🔥 Résultats optimaux\u003c\/div\u003e\n \u003cp\u003eVotre libido est pleinement stimulée. Vous retrouvez votre sensualité, votre confiance et profitez pleinement de votre intimité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eLabophyto : expertise française\u003c\/h2\u003e\n \u003cdiv class=\"td-brand-box\"\u003e\n \u003cdiv class=\"td-brand-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eLabophyto\u003c\/strong\u003e est une marque française spécialisée dans les compléments alimentaires naturels pour le bien-être intime et sexuel. Depuis sa création, la marque s'engage à proposer des solutions efficaces, sûres et respectueuses de votre corps.\u003c\/p\u003e\n \u003cdiv class=\"td-brand-values\"\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eFabrication française\u003c\/strong\u003e\n \u003cspan\u003eProduit en France selon les normes européennes les plus strictes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eContrôles rigoureux\u003c\/strong\u003e\n \u003cspan\u003eChaque lot est testé pour garantir pureté et efficacité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eIngrédients premium\u003c\/strong\u003e\n \u003cspan\u003eSources responsables et respectueuses de l'environnement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-brand-value\"\u003e\n \u003cdiv class=\"td-brand-value-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"td-brand-value-text\"\u003e\n \u003cstrong\u003eQualité garantie\u003c\/strong\u003e\n \u003cspan\u003eFormules développées avec des experts en phytothérapie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e💊\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eContenance\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e60 gélules\u003c\/div\u003e\n \u003cp\u003e1 mois de cure complète\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003ePoids net\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e32,8 g\u003c\/div\u003e\n \u003cp\u003eFormat compact et pratique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eComposition\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003e100% naturelle\u003c\/div\u003e\n \u003cp\u003ePlantes et vitamines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eFrance\u003c\/div\u003e\n \u003cp\u003eLabophyto, expert en pleasure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e📋\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eRéférence\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eREF1049\u003c\/div\u003e\n \u003cp\u003eProduit certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cdiv class=\"td-info-icon\"\u003e♀️\u003c\/div\u003e\n \u003cdiv class=\"td-info-title\"\u003eDestiné à\u003c\/div\u003e\n \u003cdiv class=\"td-info-value\"\u003eFemmes adultes\u003c\/div\u003e\n \u003cp\u003eSpécialement formulé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"td-warning-box\"\u003e\n \u003cdiv class=\"td-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"td-warning-content\"\u003e\n \u003cul class=\"td-warning-list\"\u003e\n \u003cli\u003eNe pas dépasser la dose journalière recommandée de 2 gélules par jour\u003c\/li\u003e\n \u003cli\u003eLes compléments alimentaires ne remplacent pas une alimentation variée et équilibrée ni un mode de vie sain\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes, allaitantes et aux personnes sous traitement médical sans avis médical\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003cli\u003eConserver dans un endroit sec, frais et à l'abri de la lumière\u003c\/li\u003e\n \u003cli\u003eEn cas de doute, consultez un professionnel de santé avant utilisation\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"td-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"td-cta-box\"\u003e\n \u003cdiv class=\"td-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-cta-content\"\u003e\n \u003cspan class=\"td-cta-title\"\u003eRedécouvrez votre désir\u003c\/span\u003e\n \u003cp\u003eOptez pour Top Desire et retrouvez une libido épanouie, naturellement. Avec sa formule premium 100% naturelle et sa fabrication française, Top Desire est votre allié pour raviver la flamme et renforcer votre bien-être intime.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eFaites le choix d'une sexualité épanouie et d'un bien-être durable !\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --td-cream: #fafafa;\n --td-white: #ffffff;\n --td-primary: #E91E8C;\n --td-primary-dark: #C41673;\n --td-primary-light: #FFE5F3;\n --td-secondary: #FF5BAE;\n --td-accent: #2D2D2D;\n --td-text: #1a1a1a;\n --td-text-light: #5a5a5a;\n --td-border: #e0e0e0;\n --td-shadow: 0 4px 24px rgba(233, 30, 140, 0.08);\n --td-shadow-lg: 0 12px 48px rgba(233, 30, 140, 0.15);\n --td-radius: 20px;\n --td-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.td-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--td-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--td-text);\n}\n\n\/* === HERO === *\/\n.td-hero {\n position: relative;\n background: linear-gradient(135deg, #E91E8C 0%, #C41673 50%, #FF5BAE 100%);\n border-radius: var(--td-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.3) 35px, rgba(255,255,255,.3) 70px);\n}\n\n.td-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.td-badges-top {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.td-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--td-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.td-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);\n}\n\n.td-hero-title {\n display: block;\n color: white;\n font-size: clamp(38px, 8vw, 60px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n text-transform: uppercase;\n}\n\n.td-subtitle {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);\n}\n\n.td-description {\n color: rgba(255, 255, 255, 0.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.td-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.td-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.td-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 5px;\n background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n border-radius: 3px;\n}\n\n\/* === GRILLES === *\/\n.td-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.td-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-card-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(233, 30, 140, 0.2));\n}\n\n.td-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n.td-card p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === INGREDIENT CARDS === *\/\n.td-ingredient-card {\n background: linear-gradient(135deg, var(--td-white) 0%, var(--td-primary-light) 100%);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.td-ingredient-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n}\n\n.td-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-ingredient-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(233, 30, 140, 0.2));\n}\n\n.td-ingredient-name {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-ingredient-dose {\n display: inline-block;\n padding: 6px 16px;\n background: var(--td-primary);\n color: white;\n border-radius: 999px;\n font-size: clamp(13px, 1.6vw, 15px);\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.td-ingredient-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.td-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-step {\n display: flex;\n gap: 1.5rem;\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n transition: all 0.3s ease;\n border-left: 4px solid var(--td-primary);\n}\n\n.td-step:hover {\n transform: translateX(8px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-step-number {\n flex-shrink: 0;\n width: 56px!important;\n height: 56px!important;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n color: white;\n border-radius: 50%;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(233, 30, 140, 0.3);\n}\n\n.td-step-content {\n flex: 1;\n}\n\n.td-step-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-step-content p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n margin: 0;\n}\n\n\/* === PROFILE CARDS === *\/\n.td-profile-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-secondary);\n}\n\n.td-profile-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n}\n\n.td-profile-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.td-profile-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.td-benefits {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-benefit-card {\n display: flex;\n gap: 1.5rem;\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n transition: all 0.3s ease;\n border-top: 4px solid var(--td-primary);\n}\n\n.td-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-benefit-timeline {\n flex-shrink: 0;\n padding: 12px 20px;\n background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n color: white;\n border-radius: var(--td-radius-sm);\n font-size: clamp(13px, 1.7vw, 15px);\n font-weight: 800;\n text-align: center;\n white-space: nowrap;\n height: fit-content;\n}\n\n.td-benefit-content {\n flex: 1;\n}\n\n.td-benefit-title {\n font-size: clamp(17px, 2.3vw, 20px);\n font-weight: 800;\n color: var(--td-primary-dark);\n margin-bottom: 0.75rem;\n}\n\n.td-benefit-content p {\n color: var(--td-text-light);\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BRAND BOX === *\/\n.td-brand-box {\n background: linear-gradient(135deg, var(--td-primary-light) 0%, var(--td-white) 100%);\n border-radius: var(--td-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--td-shadow);\n border: 2px solid var(--td-primary);\n}\n\n.td-brand-content \u003e p {\n color: var(--td-text);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n margin-bottom: 2rem;\n text-align: center;\n}\n\n.td-brand-values {\n display: grid;\n gap: 1.5rem;\n}\n\n.td-brand-value {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--td-white);\n border-radius: var(--td-radius-sm);\n padding: 1.5rem;\n transition: all 0.3s ease;\n}\n\n.td-brand-value:hover {\n transform: translateX(8px);\n box-shadow: var(--td-shadow);\n}\n\n.td-brand-value-icon {\n flex-shrink: 0;\n font-size: 32px;\n}\n\n.td-brand-value-text {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.td-brand-value-text strong {\n font-size: clamp(16px, 2.2vw, 18px);\n font-weight: 800;\n color: var(--td-primary-dark);\n}\n\n.td-brand-value-text span {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 15px);\n}\n\n\/* === INFO CARDS === *\/\n.td-info-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n text-align: center;\n}\n\n.td-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-info-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n}\n\n.td-info-title {\n font-size: clamp(14px, 1.9vw, 16px);\n font-weight: 700;\n color: var(--td-text-light);\n margin-bottom: 0.5rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.td-info-value {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.td-info-card p {\n color: var(--td-text-light);\n font-size: clamp(13px, 1.7vw, 14px);\n margin: 0;\n}\n\n\/* === WARNING BOX === *\/\n.td-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n border-left: 6px solid #FF9800;\n box-shadow: var(--td-shadow);\n}\n\n.td-warning-icon {\n flex-shrink: 0;\n font-size: 48px;\n}\n\n.td-warning-content {\n flex: 1;\n}\n\n.td-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n color: var(--td-text);\n}\n\n.td-warning-list li {\n font-size: clamp(14px, 1.8vw, 16px);\n line-height: 1.7;\n margin-bottom: 0.75rem;\n}\n\n.td-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.td-cta-box {\n background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-primary-dark) 100%);\n border-radius: var(--td-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n background-image: \n radial-gradient(circle at 20% 50%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent),\n radial-gradient(circle at 60% 70%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent),\n radial-gradient(circle at 80% 30%, transparent 20%, rgba(255,255,255,0.3) 21%, rgba(255,255,255,0.3) 34%, transparent 35%, transparent);\n background-size: 200px 200px;\n}\n\n.td-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.td-cta-title {\n display: block;\n color: white;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n margin-bottom: 1.5rem;\n letter-spacing: -0.03em;\n text-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n}\n\n.td-cta-box p {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(16px, 2.3vw, 19px);\n line-height: 1.7;\n margin-bottom: 1rem;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.td-cta-box p:last-child {\n margin-bottom: 0;\n font-weight: 700;\n font-size: clamp(17px, 2.5vw, 20px);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .td-grid {\n grid-template-columns: 1fr;\n }\n \n .td-benefit-card,\n .td-step,\n .td-warning-box {\n flex-direction: column;\n }\n \n .td-benefit-timeline,\n .td-step-number {\n width: 100%;\n text-align: center;\n }\n \n .td-brand-value {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .td-card,\n .td-ingredient-card,\n .td-profile-card,\n .td-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .td-card:nth-child(1),\n .td-ingredient-card:nth-child(1),\n .td-profile-card:nth-child(1),\n .td-info-card:nth-child(1) {\n animation-delay: 0.1s;\n }\n \n .td-card:nth-child(2),\n .td-ingredient-card:nth-child(2),\n .td-profile-card:nth-child(2),\n .td-info-card:nth-child(2) {\n animation-delay: 0.2s;\n }\n \n .td-card:nth-child(3),\n .td-ingredient-card:nth-child(3),\n .td-profile-card:nth-child(3),\n .td-info-card:nth-child(3) {\n animation-delay: 0.3s;\n }\n \n .td-card:nth-child(4),\n .td-ingredient-card:nth-child(4),\n .td-profile-card:nth-child(4),\n .td-info-card:nth-child(4) {\n animation-delay: 0.4s;\n }\n \n .td-card:nth-child(5),\n .td-ingredient-card:nth-child(5),\n .td-profile-card:nth-child(5),\n .td-info-card:nth-child(5) {\n animation-delay: 0.5s;\n }\n \n .td-card:nth-child(6),\n .td-ingredient-card:nth-child(6),\n .td-profile-card:nth-child(6),\n .td-info-card:nth-child(6) {\n animation-delay: 0.6s;\n }\n \n .td-step {\n animation: fadeInLeft 0.6s ease backwards;\n }\n \n .td-step:nth-child(1) { animation-delay: 0.1s; }\n .td-step:nth-child(2) { animation-delay: 0.2s; }\n .td-step:nth-child(3) { animation-delay: 0.3s; }\n .td-step:nth-child(4) { animation-delay: 0.4s; }\n \n .td-benefit-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .td-benefit-card:nth-child(1) { animation-delay: 0.1s; }\n .td-benefit-card:nth-child(2) { animation-delay: 0.2s; }\n .td-benefit-card:nth-child(3) { animation-delay: 0.3s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .td-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .td-premium {\n --td-shadow: 0 0 0 2px var(--td-primary);\n --td-shadow-lg: 0 0 0 3px var(--td-primary);\n }\n}\n\u003c\/style\u003e","brand":"LABOPHYTO","offers":[{"title":"Default Title","offer_id":45755024474269,"sku":"REF1049","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/top-desire-stimulant-libido-femme-100-naturel-labophyto-packshothd.webp?v=1785938829"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/complements-alimentaires.webp?v=1790071781","url":"https:\/\/www.naturellement-bio.com\/collections\/complements-alimentaires.oembed?page=16","provider":"Naturellement Bio","version":"1.0","type":"link"}